page content overhaul!!

Socketlike · Socketlike · commit 7f1666ffcaad · 2026-02-20T15:15:56.000+07:00
diff --git a/content/alone-and-quiet-and-stupid-and-boring.md b/content/alone-and-quiet-and-stupid-and-boring.md
@@ -0,0 +1,37 @@
+---
+name: i'm alone. i'm quiet. i'm stupid. i'm boring.
+delisted: true
+---
+# you're always alone. you're always quiet. you're stupid. you're boring me.
+<p modifier type="github-only">
+  <b>hi curious github user skimming through my page's source code</b>
+  <br>
+  this markdown document may not be displayed properly because i have added custom """formatting""" that regular or github markdown doesn't have
+  <br>
+  consider viewing this document on my github pages instead!
+</p>
+
+...everyone who has interacted with me had thoughts like that.\
+<span class="mutter">if not all then at least one of those</span>
+
+and yes, i'm all of those.
+
+i don't know what's wrong with me, but i struggle *a lot* with:
+- figuring out what to say to other people without bothering them\
+    <span class="mutter">this is why i don't talk to anyone before talking to them. like, imagine, some idiot hitting your Discord DMs at a very inconvenient time and then start talking about something you don't fucking care about. wouldn't that just be really really annoying to you?</span>
+
+- talking about myself\
+    <span class="mutter">i don't really have anything to say about myself. i was raised in a poor family, and i am still poor so i didn't really have the luxury to enjoy whatever everyone else enjoyed in life, so i had to skip out on **everything fun in life**. so if you ask me what video games i had played, the list i would give you wouldn't be a lot since i couldn't afford a good gaming setup to run most **fun** games. if you asked me what hobbies i enjoy, well yeah i didn't really have the oppotunity to discover those either so i just tell people i like programming or listening to music or "drawing art" or whatever since they're the only fun things i can do for **free**.</span>
+
+- being not stupid\
+    <span class="mutter">sorry. i'm very stupid. i honestly can't comprehend a lot of topics that normal people throw at each other all the time. i don't know anything.</span>
+
+- being not quiet in public\
+    <span class="mutter">i'm scared. i'm really scared. i'm scared of what people think of me. they judge me by every word i speak. if i say something wrong it's just over for me. i think about that in my head every single time i try to speak out (sometimes i do lash out because of my emotions so i don't always think of that) and the fear just takes over so i just end up not saying anything.</span>
+
+- and more that i can't think about right now...
+
+i know this list of excuses isn't enough to justify how terrible of a person i am.\
+if you have thought of me so, i just ask you to please forgive me. i'm sorry.
+
+<a placeholder type="go_back">
diff --git a/content/evelyn-nightshade.md b/content/evelyn-nightshade.md
@@ -0,0 +1,19 @@
+---
+name: my name
+delisted: true
+---
+# why "evelyn nightshade"?
+<p modifier type="github-only">
+  <b>hi curious github user skimming through my page's source code</b>
+  <br>
+  this markdown document may not be displayed properly because i have added custom """formatting""" that regular or github markdown doesn't have
+  <br>
+  consider viewing this document on my github pages instead!
+</p>
+
+i don't really have a good reason to tell you about why i picked "evelyn"\
+<span class="mutter">i picked it because it sounded cute</span>
+
+but "nightshade" is deliberate. see [List of plants with symbolism, search "nightshade"](https://en.wikipedia.org/wiki/List_of_plants_with_symbolism) for more information.
+
+<a placeholder type="go_back">
diff --git a/content/games.md b/content/games.md
@@ -0,0 +1,27 @@
+---
+name: the games i play
+delisted: true
+---
+# what games??? what games do you play???
+<p modifier type="github-only">
+  <b>hi curious github user skimming through my page's source code</b>
+  <br>
+  this markdown document may not be displayed properly because i have added custom """formatting""" that regular or github markdown doesn't have
+  <br>
+  consider viewing this document on my github pages instead!
+</p>
+
+i play only a selection of games. because i'm picky <span class="mutter">and broke.</span>\
+<span class="mutter">my gaming "setup" is not that good. if you wanna buy me games, don't buy me over the top games that don't run on garbage laptops (which is like **all of the games on the market nowadays**, to be honest.)</span>
+
+- `sillyevie` on minecraft <span class="mutter">(you can find me on [hypixel](https://hypixel.net))</span>
+
+- `daydreamyevie` on roblox
+
+- terraria <span class="mutter">(i don't actually have the game. i'm just **pretending to play it**, if you know what i mean.)</span>
+
+- `EvelynXII` on steam:
+
+  - stardew valley <span class="mutter">(my friend bought it for me! but it's boring to play alone..)</span>
+
+<a placeholder type="go_back">
diff --git a/content/gender.md b/content/gender.md
@@ -0,0 +1,25 @@
+---
+delisted: true
+---
+# are you really a girl???
+<p modifier type="github-only">
+  <b>hi curious github user skimming through my page's source code</b>
+  <br>
+  this markdown document may not be displayed properly because i have added custom """formatting""" that regular or github markdown doesn't have
+  <br>
+  consider viewing this document on my github pages instead!
+</p>
+
+yes.\
+yes i am.
+
+i am a girl.
+
+are you questioning my gender right now?
+
+why are you being disrespectful?\
+are you being disrespectful because i'm a woman-
+
+<span class="mutter">connection terminated. you have been thoroughly roasted and cancelled on Twitter. try again next life.</span>
+
+<a placeholder type="go_back">
diff --git a/content/index.md b/content/index.md
@@ -1,7 +1,7 @@
 ---
 path: '/'
 ---
-# hi i'm evelyn nightshade
+# hi
 <p modifier type="github-only">
   <b>hi curious github user skimming through my page's source code</b>
   <br>
@@ -10,43 +10,19 @@ path: '/'
   consider viewing this document on my github pages instead!
 </p>
 
-do you know [me](/me)? i probably don't know [you](/you).
-\
-again, my name is *evelyn nightshade*. it's a really odd name, but it's [one that i gave myself](https://youtube.com/watch?v=eoq2e4h_avs). if that's a mouthful for you, you can call me *evie*. anyways, let's move on with the introductions.\
-am <span placeholder type="age"> years old.\
-i'm a girl who really really loves procrastination. chronically tired, occasionally wired.\
-\
-because of that i haven't been doing anything of value.\
-i'd just randomly get an idea for something cool and get in the mood to make it happen\
-<span class="rapid">and then put it off immediately</span> because i'm *"doing something else"* or just don't have time for it.\
-\
-then later when i do have time, i'm just not in the mood anymore. so nothing ever ends up happening.\
-\
-i used to be obsessed with tinkering with web technologies but i've lost interest since a while ago (probably for the same reason?)\
-\
-\
-it's a miracle i'm even making this webpage right now .
-> <span modifier type="dialogue"></span> *hey evie! hi evie! isn't this supposed to be the index page? where's the list of pages?*
-
-shut the <span class="angry">angry HELL</span> up! <span class="mutter">when did i ever let YOU speak? who even are you? get out of here!!!</span>\
-**anyways** they're in that submenu accessible through the menu button on the top right of the page .\
-i don't have a good design for a nav thingy yet so you get that for now.
-
-> <span modifier type="dialogue"></span> *why is this webpage so damn empty?? blahblahblahblah*
-
-<span class="angry">because i haven't figured out what to add yet okay shut UP you're so-</span>\
-whoops lost my composure there! anyways this webpage is to remain mostly empty until i figure out what to add to it. goodbye!
-
-> <span modifier type="dialogue"></span> *but you haven't told me anything meaningful about yourself yet!*
-
-i'm chronically online! you can almost always reach me through discord <span class="mutter">(encyclopedic)</span>.\
-\
-you can also find me on *minecraft* <span class="mutter">(sillyevie)</span>.\
-yes i **DO** play minecraft sometimes. yes i play on hypixel.\
-\
-you **CAN** also find me on roblox <span class="mutter">(daydreamyevie)</span>\
-note that i do not have my joins on and if you friend me randomly there is a non zero but **VERY** low chance that i will hear you out.\
-\
-here's a post about [what music i listen to](/music). you can also click on it on the nav panel.
-\
-<span class="love">that's all i have to say for now! cya next time!</span>
+my name is [evelyn nightshade](/evelyn-nightshade). if that's too long for you, here are some other alternative names that you can call me by:
+- evelyn
+
+- evie (my main nickname)
+
+- ms. nightshade
+
+- [that one loner and quiet and stupid and boring girl](/alone-and-quiet-and-stupid-and-boring) who longs for nothing more than companionship and peace
+
+i'm <span placeholder type="age"></span>. my pronouns are [she/her](/gender).
+
+yes i do listen to [music](/music). [music](/music) is great! though my taste might not overlap with yours.
+
+why yes i do play [games](/games). thank you for asking.
+
+and yes i do have a [web 1.0 badge thingy](/web-badges). don't think anyone would ever embed it anywhere but here you go.
diff --git a/content/me.md b/content/me.md
diff --git a/content/meta.md b/content/meta.md
diff --git a/content/music.md b/content/music.md
@@ -9,9 +9,6 @@
 
 ... ~~you can find them [here](https://open.spotify.com/playlist/7Gfvs4A320zPRQG1DG51nx), on spotify.~~\
 <span class="mutter">(edit) i'm no longer using this playlist; i'm now making a playlist monthly to put stuff that i'm currently interested in since that's not possible with the current singular playlist approach</span>
-> <span modifier type="dialogue"></span> *evie, spotify **fucking** sucks! why aren't you using something else?????*
-
-yes i know spotify may not be the most upright company but there are not that many good alternatives for me right now <span class="mutter">(has to be a streaming service with an expansive library + be easy and not take a thousand years to transfer my privated 1k+ songs playlist from spotify to it)</span>.
 
 ~~but if for some reason you don't wanna click on that link~~ here are some songs i like the most ~~in that playlist~~:
 
diff --git a/content/you.md b/content/you.md
diff --git a/src/postprocessor.js b/src/postprocessor.js
@@ -31,13 +31,18 @@ const placeholders = {
                 numeric: 'auto'
             })
                 .format(...getRelativeFormatParameters(
-                    Date.UTC(new Date().getFullYear() + 1, 1, 9) - Date.now()
+                    Date.UTC(new Date().getFullYear() + 1, 1, 9, 17) - Date.now()
                 ))
         }`
+        birthdayCounter.title = new Intl.DateTimeFormat(undefined, {
+            dateStyle: 'full',
+            timeStyle: 'short'
+        })
+            .format(Date.UTC(new Date().getFullYear() + 1, 1, 9, 17))
 
         e.replaceChildren(
             new Date().getFullYear() - new Date(1171040400000).getFullYear(),
-            ' ',
+            ' years old ',
             birthdayCounter
         )
     },
@@ -85,6 +90,7 @@ const placeholders = {
 
     go_back(e) {
         e.href = '/'
+        e.textContent = 'go back'
         e.addEventListener('click', (ev) => {
             ev.stopPropagation()
             ev.preventDefault()
diff --git a/src/styles.css b/src/styles.css
@@ -409,12 +409,21 @@ a:visited {
     content: ')';
 }
 
-pre code {
+code {
+    font-family: 'JetBrains Mono', monospace;
     font-size: 14px;
 }
 
-code {
-    font-family: 'JetBrains Mono', monospace;
+p code {
+    padding: 1px 4px;
+    border-radius: 4px;
+
+    background-color: var(--bg-2);
+    border: 1px solid var(--bg);
+}
+
+.hash {
+    font-size: 16px;
 }
 
 @media only screen and (max-width: 768px) {
