From c669f540a01316a4cc86f60ae2b21e38e471d420 Mon Sep 17 00:00:00 2001 From: Holly Date: Mon, 21 Oct 2024 03:16:53 +0100 Subject: [PATCH] finish new update --- icons-notes-for-adding-new-icons.txt | 5 + index.html | 140 +++++++++++++++++++++------ 2 files changed, 115 insertions(+), 30 deletions(-) create mode 100644 icons-notes-for-adding-new-icons.txt diff --git a/icons-notes-for-adding-new-icons.txt b/icons-notes-for-adding-new-icons.txt new file mode 100644 index 0000000..4033c50 --- /dev/null +++ b/icons-notes-for-adding-new-icons.txt @@ -0,0 +1,5 @@ +ok so note for future me, scale the svg for the icon to 600x600, then resize the canvas to 1024x1024 and then downscale that to 176x176 + +also the position is always -2px on either axis because of the border. + +ok baiiiiiiiiiiiiii :3 \ No newline at end of file diff --git a/index.html b/index.html index 1d642ef..54cd7bb 100644 --- a/index.html +++ b/index.html @@ -26,24 +26,22 @@ margin-top: 0; } - .w-100 { - width: 100vw!important; - } - - .text-black { - color: black!important; - } - .center-container { display: flex; - width: 100%; + width: 75%; height: 100%; + padding-left: 12.5%; + padding-right: 12.5%; } .center-anchor { margin: auto; } + .text-start { + text-align: left; + } + .text-center { text-align: center; } @@ -63,13 +61,13 @@ text-align: center; vertical-align: middle; filter: invert(0); - transition: background-color .1s linear, filter .1s linear, border .1s linear; margin-left: 0.5rem; cursor: pointer; background-image: url("/icons.webp"); background-size: auto 44px; background-repeat: no-repeat; background-position: -2px -2px; + transition: background-color .1s linear, filter .1s linear, border .1s linear; } .rounded-button[data-id="discord"] { @@ -102,6 +100,29 @@ color: #535353; } + .top-right { + position: fixed; + right: 0px; + top: 0px; + padding: 2rem; + color: #535353; + } + + .nav * { + padding-left: .5rem; + } + + .nav .link { + color: rgb(125, 125, 125); + cursor: pointer; + text-decoration: underline; + } + + .click { + cursor: pointer; + text-decoration: underline; + } + #btnDesc { transition: opacity .25s linear; opacity: 1; @@ -116,25 +137,21 @@ .fade-in { opacity: 1!important; } - - .hidden { - display: none; - } - Holly + home | holly.lgbt -
+
-

hey there i'm holly

-

here's some places I do things. :)

+

hey there, i'm holly

+

here's some places I do things

- +
@@ -143,18 +160,82 @@
+
+
+
+

about me

+
+

hey there, i'm holly. my pronouns are she/her :3

+

i'm a silly girl that works mostly in ts/js doing wacky stuff with browsers like porting entire pc games to raw js by hand or do cursed userscript stuff to allow people to browse a site together

+

i can write code compitently in:

+
    +
  • typescript
    • +
  • javascript
    • +
  • c#
    • +
  • lua
    • +
  • gdscript
    • +
  • java
    • +
+

and a lot more if needs be

+

i'm also making a game in godot, it's a pretty cool engine!

+ +

these are (some) my current projects:

+ + +
+

+ if you'd like to contact me i can be reached on bluesky or discord +
+ or you can send and email to +

+
+ +

 

+
+
+
- Last Updated: 21/03/2023 11:21PM + last updated: 2024/10/21 2:24am (utc+1 bst) +
+ +
+ home + about me