# dsinn's Miscellaneous Pages A random assortment of one-off HTML pages dating back to high school. While the [initial commit](https://github.com/dsinn/misc-pages/commit/b5b59de56344b8bf4d502910a87118d10f4c096b) is from 2020, the vast majority pre-date it by many years. The [index](https://dsinn.github.io/misc-pages/) provides an alphabetical listing, but this readme is a chronological listing with some backstory. ## Pages ### [al_bhed.html](https://dsinn.github.io/misc-pages/al_bhed.html) * **Year Created:** Mid-2000s * **Purpose:** To translate [Al Bhed](https://finalfantasy.fandom.com/wiki/Al_Bhed) text to English in _[Final Fantasy X](https://en.wikipedia.org/wiki/Final_Fantasy_X)_. * **Backstory:** I did several playthroughs of the game back when I had free time, and I wanted to understand what the Al Bhed characters were saying before I collected all of the [primers](https://finalfantasy.fandom.com/wiki/Al_Bhed_Primer). Based on the jQuery v2.1 reference, this was updated in 2014. ### [annoying_text.html](https://dsinn.github.io/misc-pages/annoying_text.html) * **Year Created:** Mid-2000s * **Purpose:** To make my chat messages sillier with certain transformations. * **Backstory:** Internet and video game culture are not super serious. Some of these features were later implemented in [AutoHotkey](https://www.autohotkey.com/) to skip the browser & clipboard round trips. ### [html_entity_ref.html](https://dsinn.github.io/misc-pages/html_entity_ref.html) * **Year Created:** Mid-2000s * **Purpose:** To list all [HTML character references](https://developer.mozilla.org/en-US/docs/Glossary/Character_reference) and other symbols that I cared about. * **Backstory:** I wrote HTML and was satisfied with neither the existing reference pages at the time nor [charmap](https://en.wikipedia.org/wiki/Character_Map_(Windows)) for Unicode characters. ### [html_color_matcher.html](https://dsinn.github.io/misc-pages/html_color_matcher.html) * **Year Created:** Mid-2000s * **Purpose:** Given a colour's hex code, list out all of the [CSS named colours](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/named-color) in ascending order of "proximity" based on [colour difference](https://en.wikipedia.org/wiki/Color_difference). * **Backstory:** Whenever I've built web pages for myself, even today, I've always preferred to use named colours so that I can easily know the colour to which the source code refers without needing an IDE or to do hex maths in my head. ### [hexocttable.html](https://dsinn.github.io/misc-pages/hexocttable.html) * **Year Created:** 2000s * **Purpose:** To produce multiplication tables for binary, octal, and hexadecimal radices. ### [silly_numbers_game.html](https://dsinn.github.io/misc-pages/silly_numbers_game.html) * **Year Created:** 2000s * **Purpose:** An implementation of the "Magic Number Cards", but requires two devices to play if you wish to use the number input. * **Backstory:** My mother shared this with me one day, and it's a neat maths trick that relies on the bijective map (sum ∘ reduce) from a set of powers of 2 (up to $2^5$ in this game) to an integer. ### [findandreplace.html](https://dsinn.github.io/misc-pages/findandreplace.html) * **Year Created:** 2000s * **Purpose:** To execute regex replacements on text. * **Backstory:** I was a [WikiGnome](https://en.wikipedia.org/wiki/Wikipedia:WikiGnome) and this was really handy. ### [doom3_locker_codes.html](https://dsinn.github.io/misc-pages/doom3_locker_codes.html) * **Year Created:** 2000s * **Purpose:** To be a more compact version of * **Backstory:** I played through the base game of _[Doom 3](https://en.wikipedia.org/wiki/Doom_3)_ hundreds if not thousands of times, mostly on the [Last Man Standing](https://www.doom3coop.com/) mod's "SP Co-op" game mode. In my heyday, I had memorized all of the codes, but not everyone I played with did, so I whipped this up for them from memory. ### [matrix_calculator.html](https://dsinn.github.io/misc-pages/matrix_calculator.html) * **Year Created:** c. 2009 * **Purpose:** To perform matrix operations. * **Backstory:** I took linear algebra in university. ### [gcd.html](https://dsinn.github.io/misc-pages/gcd.html) * **Year Created:** c. 2009 * **Purpose:** To compute the [greatest common divisor](https://en.wikipedia.org/wiki/Greatest_common_divisor) of two numbers. * **Backstory:** I was in a maths program in university, and learned Euclid's algorithm. This came in handy in more than one course. ### [pixelated_circle.html](https://dsinn.github.io/misc-pages/pixelated_circle.html) * **Year Created:** 2011 * **Purpose:** To draw a pixelated circle with the given width and pixel radius parameters. * **Backstory:** I wanted to draw circles in _[Minecraft](https://www.minecraft.net/)_ back when I was a player in the [Java Edition beta](https://minecraft.wiki/w/Java_Edition_Beta), which I joined some time before the flying squids arrived. ### [connect4.html](https://dsinn.github.io/misc-pages/connect4.html) * **Year Created:** c. 2011 * **Purpose:** To play _[Connect Four](https://en.wikipedia.org/wiki/Connect_Four)_ * **Backstory:** Sometimes, I was bored in university. ### Combinatorial Methods This is actually a collection of similar pages, but I don't remember the backstories for the individual pages. * **Year Created:** 2011/12 * **Backstory:** In the final year of my undergraduate studies, I took the [Combinatorial Methods](https://artsci.calendar.utoronto.ca/course/apm461h1) course taught by [Professor Tanny](https://www.mathematics.utoronto.ca/people/directories/all-faculty/steve-tanny). #### [APM461_A1Q8.html](https://dsinn.github.io/misc-pages/APM461_A1Q8.html) * **Purpose:** To show all 24 non-isomorphic complete graphs on 6 vertices with two edge colourings. * **Backstory:** Evidently based on the filename, this was for the 8th question of the first assignment, but I don't remember what that was. Based on the source code, I'm fairly certain that I used a (now lost) script to generate the canvas code. #### [NE_lattice.html](https://dsinn.github.io/misc-pages/NE_lattice.html) * **Purpose:** To show...something about a monotone northeast lattice path (I forgor 💀). * **Backstory:** I have a maths degree, so this is probably related to one of the courses. #### [CoinRows.html](https://dsinn.github.io/misc-pages/CoinRows.html) * **Purpose:** To visually show all [integer partitions](https://en.wikipedia.org/wiki/Integer_partition) of 7. * **Backstory:** Based on the filename and visuals, the problem was probably presented along the lines of you possessing 7 coins, and having to "stack" them such that each coin on the row above is slotted in the space between two other coins, with no overlapping coins. ### [kana.html](https://dsinn.github.io/misc-pages/kana.html) * **Year Created:** [2013](https://gist.github.com/dsinn/7951539/revisions) * **Purpose:** Flashcard app for learning and memorizing [hiragana](https://en.wikipedia.org/wiki/Hiragana) and [katakana](https://en.wikipedia.org/wiki/Katakana). * **Backstory:** While I knew about spaced repetition apps at the time, I still had the motivation to write my own tools, so this is how I kickstarted my Japanese studies. Many hours were spent on public transit progressing through the tables and drilling. ### [cup_stacking.html](https://dsinn.github.io/misc-pages/cup_stacking.html) * **Year Created:** 2010s (based on [archive.org](https://web.archive.org/web/20120000000000*/https://www.primarygames.com/langarts/cupstacking/)) * **Purpose:** To produce an [AutoHotkey](https://www.autohotkey.com/) script for ### [compound_interest.html](https://dsinn.github.io/misc-pages/compound_interest.html) * **Year Created:** Mid-2010s * **Purpose:** Future value calculator * **Backstory:** Somebody I knew wanted one and I wanted to show how easy it is to make one. ### [nadeko_cheat.html](https://dsinn.github.io/misc-pages/nadeko_cheat.html) * **Year Created:** Late 2010s * **Purpose:** To cheat in [NadekoBot](https://nadeko.bot/)'s typing contest feature (`.typestart` command) by copypasting the text that needs to be typed out into the text box, copying the transformed text, and pasting it into Discord. Unsure if it still works, and can't be bothered to check. * **Backstory:** I was on a server with this bot, and even though my typing speed is competitive on some video game leaderboards and I wasn't even competing with others on the server, I still wanted to find a way to cheat for the challenge and fun. NadekoBot's cheat protection consisted of injecting the text with non-printable characters and replacing some spaces with non-breaking spaces, and disqualifying a contestant if their output contained any non-printable characters. This page effectively stripped the pasted text of the characters that would lead to disqualification. ### [eye_cancer.html](https://dsinn.github.io/misc-pages/eye_cancer.html) * **Year Created:** c. 2020 * **Purpose:** To repeat a certain person's animated game alias on the page. The "flash" (not Macromedia) animations broke on at least Chrome. * **Backstory:** I was active in co-operative speedruns of the classic _[Serious Sam](https://en.wikipedia.org/wiki/Serious_Sam)_ games. One of my partners had a very obnoxious animated name, so I immortalized it and named the file appropriately. The CSS class names are based on how the [engine parses](https://github.com/Croteam-official/Serious-Engine/blob/b408e88a16fd01aa1cfd0e0a999c86c2c1437c9e/Sources/Engine/Graphics/DrawPort.cpp#L1305-L1346) player names, and there's [a tool](https://gamebanana.com/tools/1738) that does it for you. ### [scarlet_spear_start_times.html](https://dsinn.github.io/misc-pages/scarlet_spear_start_times.html) * **Year Created:** 2020 * **Purpose:** To list upcoming times for each cycle of _[Warframe](https://www.warframe.com/)_'s [Operation: Scarlet Spear](https://wiki.warframe.com/w/Operation:_Scarlet_Spear). * **Backstory:** To better your chances of the Victory Payout in that event, players were incentivized to join a Flotilla early in the cycle. The 10-minute mandatory downtime between cycles also did not help. ### [blank_page.html](https://dsinn.github.io/misc-pages/blank_page.html) * **Year Created:** 2026 * **Purpose:** To have a solid colour page (default: white). Takes web colours, 3-digit hex codes, or 6-digit hex codes in the URL hash; e.g., [blank_page.html#goldenrod](https://dsinn.github.io/misc-pages/blank_page.html#goldenrod) and [blank_page.html#f0f](https://dsinn.github.io/misc-pages/blank_page.html#f0f). * **Backstory:** At the time, the room with my computer only had a desk lamp, so I occasionally wanted to turn my monitors into a better light source. This was originally a completely static `white_page.html` ([commit](https://github.com/dsinn/misc-pages/commit/d02f68222468dc2bcb443238243f6f0089834979)), but days later I got the idea to render any CSS colour. ### [lilac_chaser.html](https://dsinn.github.io/misc-pages/lilac_chaser.html) * **Year Created:** 2026 * **Purpose:** An implementation of the [lilac chaser](https://en.wikipedia.org/wiki/Lilac_chaser) with customizable sliders. * **Backstory:** While I'd known about this optical illusion for possibly more than two decades and vaguely remembered implementing it at some point, I saw that it was missing from this repo, so I had an LLM do the heavy lifting.