ποΈ Date Formatting
Whenever I display a date here, I either do so in an non-ambiguous format like "6th Feb, 2026" or in the compact format of "YYYY-MM-DD"
(Year-Month-Day, so like 2026-02-06) .π Reloading stylesheets after Updates
If the website looks odd or glitchy and you've visited sometime before, chances are that I updated this site and it's stylesheets, but your browser holds onto it's old copy
("cache") of them. In that case, you need to do a hard refresh by...- ...holding β CTRL while reloading on PC.
- ...long-pressing the page reload button on mobile
(at least in Firefox-based browsers) . - ...opening
javascript:location.reload(true)as a link(I'm not sure if it actually works, but it might Β―\_(γ)_/Β―) . - If all else fails, deleting the cache of this website in your browser settings is also an potential option.
πͺͺ Hovercards & Popcards
-
Hovercards: "Hovercards" are my version of big tooltips as well as foot- or margin-notes. When you hover your mouse cursor over
(or, if you're on a phone, tap on) markered text like this one right here , a hovercard will appear, revealing secondary text for reading.This is a hovercard!
You can hover over hovercards and interact with text in it as normal, such as selecting text, clicking on links or
reading through more hovercards Quite magical, isn't it? .- If you're on a phone and an element is both a link and has a hovercard, try pressing/holding down on them, and then dismissing the "what do you want to do with this link" popup to read the hovercard's contents.
-
Popcards: "Popcards" are the same as Hovercards, just that instead of just letting your cursor linger over it. It uses the official Popover API and is thus more accessible for screen readers and keyboard users compared to Hovercards.
This is a popcard!
The main document will stay still until this pop-up is dismissed via pressing ESC or clicking outside of it. Popcards also allow you to interact with text in it as normal, including !
You probably got the gist of it by now.
-
2026-02-14: While I planned to replace every Hovercard with Popcards for said accessability, life came to my house and said to me "Buttons shall not support
display: inlinebecause of implementation details or something and shall thus look a bit weird when long buttons are placed inside paragraphs".
-
2026-02-14: While I planned to replace every Hovercard with Popcards for said accessability, life came to my house and said to me "Buttons shall not support
-
Hovercards: "Hovercards" are my version of big tooltips as well as foot- or margin-notes. When you hover your mouse cursor over
βοΈοΈ Demarked Text
Some of the text on this website is visually "de-marked"
like this . This is usually applied to text inside parenthesis(like this text!) to easily mark regions you can skip over if you just want to follow the main text without distractions. I also found that it helps with not loosing your place when reading long paragraphs.-
You can hover over
(on PC) or tap on(on Mobile) such demarked text to show it at full opacity in case it's hard for you to read.
-
You can hover over
πΆοΈ Spoilers
Sometimes, I'll hide certain text that would spoil story beats, cool moments or secrets in pieces of media in black boxes like this one:
I am a black box . You can read them by simply hovering your mouse over them or tapping them on mobile.-
If your browser doesn't make use of CSS, then this won't work and spoilered text will be displayed like normal. Still, this is at least better than the Nothing the current web standards support.
(Well, details & summary exists, but it's not really practical to turn them inline as paragraphs automatically close themselves once they encounter them)
-
If your browser doesn't make use of CSS, then this won't work and spoilered text will be displayed like normal. Still, this is at least better than the Nothing the current web standards support.
π§ Unfinished Pages
You might come across unfinished pages as you traverse the eternal construction site that is my website. You can detect unfinished pages via their red color scheme and the "Unfinished HyperPage 2" watermark on the top left.
π±οΈ Custom Cursor Behavior
Certain elements alter the look of your mouse cursor upon hovering. The following is a list of those custom alterations β hover your mouse over the bullet points to see what the cursor transforms into!
-
A
helpcursor(usually presented as a question mark) appears if you hover over elements that open a pop-up when you let your mouse linger over them. -
An
aliascursor(usually presented as an arrow pointing outward) appears if you hover over elements that open a pop-up when clicked. A prime example of such an element are Popcards!
-
A
π οΈ Site Settings
Unlike most websites, this site has a dedicated settings page where you can tweak things to your personal preferences. You can both customize some standard stuff like the visual theme and color scheme or keybindings alongside stranger and more fun options like a custom mouse cursor.