diff --git a/.gitignore b/.gitignore
index e8f1681..ee76767 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
 # MacOS
 .DS_Store
-
-.vscode/
\ No newline at end of file
+movecats.sh
+cat-generators/
\ No newline at end of file
diff --git a/assets/bots/bansync.png b/assets/bots/bansync.png
new file mode 100644
index 0000000..8edc6a6
Binary files /dev/null and b/assets/bots/bansync.png differ
diff --git a/assets/bots/cuddle-blahaj-medication.png b/assets/bots/cuddle-blahaj-medication.png
new file mode 100644
index 0000000..f5f1796
Binary files /dev/null and b/assets/bots/cuddle-blahaj-medication.png differ
diff --git a/assets/bots/gaybot.png b/assets/bots/gaybot.png
new file mode 100644
index 0000000..d0b4906
Binary files /dev/null and b/assets/bots/gaybot.png differ
diff --git a/assets/bots/ghostwire.png b/assets/bots/ghostwire.png
new file mode 100644
index 0000000..cc721f0
Binary files /dev/null and b/assets/bots/ghostwire.png differ
diff --git a/assets/bots/modupdatechecker.png b/assets/bots/modupdatechecker.png
new file mode 100644
index 0000000..9aab846
Binary files /dev/null and b/assets/bots/modupdatechecker.png differ
diff --git a/assets/bots/onlymeows.png b/assets/bots/onlymeows.png
new file mode 100644
index 0000000..114b11b
Binary files /dev/null and b/assets/bots/onlymeows.png differ
diff --git a/assets/bots/robot.png b/assets/bots/robot.png
new file mode 100644
index 0000000..bc043f0
Binary files /dev/null and b/assets/bots/robot.png differ
diff --git a/assets/bots/uzi-doorman.png b/assets/bots/uzi-doorman.png
new file mode 100644
index 0000000..817e98a
Binary files /dev/null and b/assets/bots/uzi-doorman.png differ
diff --git a/assets/bots/zahra.png b/assets/bots/zahra.png
new file mode 100644
index 0000000..320abb2
Binary files /dev/null and b/assets/bots/zahra.png differ
diff --git a/images/favicon/avatar.png b/assets/favicon/avatar.png
similarity index 100%
rename from images/favicon/avatar.png
rename to assets/favicon/avatar.png
diff --git a/images/favicon/favicon.png b/assets/favicon/favicon.png
similarity index 100%
rename from images/favicon/favicon.png
rename to assets/favicon/favicon.png
diff --git a/images/favicon/favicon.svg b/assets/favicon/favicon.svg
similarity index 100%
rename from images/favicon/favicon.svg
rename to assets/favicon/favicon.svg
diff --git a/images/misc/amd.svg b/assets/misc/amd.svg
similarity index 100%
rename from images/misc/amd.svg
rename to assets/misc/amd.svg
diff --git a/images/misc/apple.svg b/assets/misc/apple.svg
similarity index 100%
rename from images/misc/apple.svg
rename to assets/misc/apple.svg
diff --git a/images/misc/arch.svg b/assets/misc/arch.svg
similarity index 100%
rename from images/misc/arch.svg
rename to assets/misc/arch.svg
diff --git a/images/misc/debian.svg b/assets/misc/debian.svg
similarity index 100%
rename from images/misc/debian.svg
rename to assets/misc/debian.svg
diff --git a/assets/misc/pokeball.svg b/assets/misc/pokeball.svg
new file mode 100644
index 0000000..c33bc8e
--- /dev/null
+++ b/assets/misc/pokeball.svg
@@ -0,0 +1,29 @@
+<svg version="1.1" id="Pokéball" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+         viewBox="0 0 595.3 594.1" style="enable-background:new 0 0 595.3 594.1;" xml:space="preserve">
+<style type="text/css">
+        .st0{fill:#FFFFFF;}
+        .st1{fill:#DFDFDF;}
+        .st2{fill:#FF1C1C;}
+        .st3{fill:#DF1818;}
+</style>
+<g id="Pokéball_1_">
+        <g id="Colours">
+                <path id="Down" class="st0" d="M297.6,380.9c-40.4,0-74.1-28.6-82.1-66.6H81.1c9.5,110.5,102.2,197.2,215.1,197.2
+                        s205.7-86.7,215.1-197.2H379.7C371.7,352.4,338,380.9,297.6,380.9z"/>
+                <path id="Shadow_Down" class="st1" d="M345.6,505.9c89.6-21,157.7-97.7,165.7-191.6h-53C453,399.5,408.3,471.7,345.6,505.9z"/>
+                <path id="Center" class="st0" d="M347.1,297L347.1,297C347,297,347,297,347.1,297c-0.1-6.1-1.2-11.9-3.2-17.3
+                        c-7-18.8-25.1-32.1-46.3-32.1s-39.3,13.4-46.3,32.1c-2,5.4-3.1,11.2-3.1,17.3c0,0,0,0,0,0h0.1c0,0,0,0,0,0
+                        c0,6.1,1.1,11.9,3.1,17.3c7,18.8,25.1,32.1,46.3,32.1c21.2,0,39.3-13.4,46.3-32.1C346,309,347.1,303.1,347.1,297
+                        C347.1,297,347.1,297,347.1,297z"/>
+                <path id="Up" class="st2" d="M297.7,213.2c40.4,0,74.1,28.6,82.1,66.6h134.4C504.7,169.2,412,82.5,299,82.5S93.4,169.2,83.9,279.7
+                        h131.7C223.6,241.7,257.3,213.2,297.7,213.2z"/>
+                <path id="Shadow_Up" class="st3" d="M458.3,279.7h55.8c-8.2-95.5-78.6-173.3-170.5-192.6C407.4,120.8,452.9,193.7,458.3,279.7z"/>
+        </g>
+        <path id="Line" d="M299,82.5c113,0,205.7,86.7,215.1,197.2H379.7c-8-38-41.7-66.6-82.1-66.6c-40.4,0-74.1,28.6-82.1,66.6H83.9
+                C93.4,169.2,186.1,82.5,299,82.5z M343.9,279.7c2,5.4,3.1,11.2,3.1,17.3c0,0,0,0,0,0h0.1c0,0,0,0,0,0c0,6.1-1.1,11.9-3.1,17.3
+                c-7,18.8-25.1,32.1-46.3,32.1c-21.2,0-39.3-13.4-46.3-32.1c-2-5.4-3.1-11.2-3.1-17.3c0,0,0,0,0,0h-0.1c0,0,0,0,0,0
+                c0-6.1,1.1-11.9,3.1-17.3c7-18.8,25.1-32.1,46.3-32.1S336.9,261,343.9,279.7z M296.2,511.6c-113,0-205.7-86.7-215.1-197.2h134.4
+                c8,38,41.7,66.6,82.1,66.6s74.1-28.6,82.1-66.6h131.7C501.9,424.8,409.2,511.6,296.2,511.6z M297.6,41.3
+                C156.4,41.3,41.9,155.8,41.9,297s114.5,255.7,255.7,255.7S553.4,438.3,553.4,297S438.9,41.3,297.6,41.3z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/oneko/boop.mp3 b/assets/oneko/boop.mp3
new file mode 100644
index 0000000..7b678a1
Binary files /dev/null and b/assets/oneko/boop.mp3 differ
diff --git a/assets/oneko/cats/ace.png b/assets/oneko/cats/ace.png
new file mode 100644
index 0000000..7a5e46f
Binary files /dev/null and b/assets/oneko/cats/ace.png differ
diff --git a/assets/oneko/cats/blue-tapy.png b/assets/oneko/cats/blue-tapy.png
new file mode 100644
index 0000000..382ce36
Binary files /dev/null and b/assets/oneko/cats/blue-tapy.png differ
diff --git a/assets/oneko/cats/calico.png b/assets/oneko/cats/calico.png
new file mode 100644
index 0000000..bb04e59
Binary files /dev/null and b/assets/oneko/cats/calico.png differ
diff --git a/assets/oneko/cats/cattail.png b/assets/oneko/cats/cattail.png
new file mode 100644
index 0000000..43f42c0
Binary files /dev/null and b/assets/oneko/cats/cattail.png differ
diff --git a/assets/oneko/cats/esmeralda.png b/assets/oneko/cats/esmeralda.png
new file mode 100644
index 0000000..f40b86a
Binary files /dev/null and b/assets/oneko/cats/esmeralda.png differ
diff --git a/assets/oneko/cats/jess.png b/assets/oneko/cats/jess.png
new file mode 100644
index 0000000..4e11fef
Binary files /dev/null and b/assets/oneko/cats/jess.png differ
diff --git a/assets/oneko/cats/kina.png b/assets/oneko/cats/kina.png
new file mode 100644
index 0000000..fbb59c6
Binary files /dev/null and b/assets/oneko/cats/kina.png differ
diff --git a/assets/oneko/cats/lucy.png b/assets/oneko/cats/lucy.png
new file mode 100644
index 0000000..2074af8
Binary files /dev/null and b/assets/oneko/cats/lucy.png differ
diff --git a/assets/oneko/cats/maia.png b/assets/oneko/cats/maia.png
new file mode 100644
index 0000000..4d85b2d
Binary files /dev/null and b/assets/oneko/cats/maia.png differ
diff --git a/assets/oneko/cats/maria.png b/assets/oneko/cats/maria.png
new file mode 100644
index 0000000..6b86074
Binary files /dev/null and b/assets/oneko/cats/maria.png differ
diff --git a/assets/oneko/cats/mike.png b/assets/oneko/cats/mike.png
new file mode 100644
index 0000000..e9a50f8
Binary files /dev/null and b/assets/oneko/cats/mike.png differ
diff --git a/assets/oneko/cats/rainbow-tapy.png b/assets/oneko/cats/rainbow-tapy.png
new file mode 100644
index 0000000..e9c80ae
Binary files /dev/null and b/assets/oneko/cats/rainbow-tapy.png differ
diff --git a/assets/oneko/cats/silver.png b/assets/oneko/cats/silver.png
new file mode 100644
index 0000000..8afab36
Binary files /dev/null and b/assets/oneko/cats/silver.png differ
diff --git a/assets/oneko/cats/spirit.png b/assets/oneko/cats/spirit.png
new file mode 100644
index 0000000..b1d7924
Binary files /dev/null and b/assets/oneko/cats/spirit.png differ
diff --git a/assets/oneko/cats/tapy.png b/assets/oneko/cats/tapy.png
new file mode 100644
index 0000000..ac11e6e
Binary files /dev/null and b/assets/oneko/cats/tapy.png differ
diff --git a/assets/oneko/cats/usa.png b/assets/oneko/cats/usa.png
new file mode 100644
index 0000000..4104eb4
Binary files /dev/null and b/assets/oneko/cats/usa.png differ
diff --git a/assets/oneko/cats/valentine.png b/assets/oneko/cats/valentine.png
new file mode 100644
index 0000000..f38a1ef
Binary files /dev/null and b/assets/oneko/cats/valentine.png differ
diff --git a/assets/oneko/classics/aquaneon.png b/assets/oneko/classics/aquaneon.png
new file mode 100644
index 0000000..8ccc65a
Binary files /dev/null and b/assets/oneko/classics/aquaneon.png differ
diff --git a/assets/oneko/classics/black-green.png b/assets/oneko/classics/black-green.png
new file mode 100644
index 0000000..21ea9a6
Binary files /dev/null and b/assets/oneko/classics/black-green.png differ
diff --git a/assets/oneko/classics/black.png b/assets/oneko/classics/black.png
new file mode 100644
index 0000000..3d0e00d
Binary files /dev/null and b/assets/oneko/classics/black.png differ
diff --git a/assets/oneko/classics/byte-green.png b/assets/oneko/classics/byte-green.png
new file mode 100644
index 0000000..a1b930e
Binary files /dev/null and b/assets/oneko/classics/byte-green.png differ
diff --git a/assets/oneko/classics/classic.png b/assets/oneko/classics/classic.png
new file mode 100644
index 0000000..1481a4b
Binary files /dev/null and b/assets/oneko/classics/classic.png differ
diff --git a/assets/oneko/classics/deedee.png b/assets/oneko/classics/deedee.png
new file mode 100644
index 0000000..143474b
Binary files /dev/null and b/assets/oneko/classics/deedee.png differ
diff --git a/assets/oneko/classics/dusty.png b/assets/oneko/classics/dusty.png
new file mode 100644
index 0000000..2567beb
Binary files /dev/null and b/assets/oneko/classics/dusty.png differ
diff --git a/assets/oneko/classics/ghost.png b/assets/oneko/classics/ghost.png
new file mode 100644
index 0000000..4324ebe
Binary files /dev/null and b/assets/oneko/classics/ghost.png differ
diff --git a/assets/oneko/classics/ghostspirit.png b/assets/oneko/classics/ghostspirit.png
new file mode 100644
index 0000000..f6f8d19
Binary files /dev/null and b/assets/oneko/classics/ghostspirit.png differ
diff --git a/assets/oneko/classics/gold.png b/assets/oneko/classics/gold.png
new file mode 100644
index 0000000..d0272c4
Binary files /dev/null and b/assets/oneko/classics/gold.png differ
diff --git a/assets/oneko/classics/gray.png b/assets/oneko/classics/gray.png
new file mode 100644
index 0000000..8ab0f9c
Binary files /dev/null and b/assets/oneko/classics/gray.png differ
diff --git a/assets/oneko/classics/red.png b/assets/oneko/classics/red.png
new file mode 100644
index 0000000..a114581
Binary files /dev/null and b/assets/oneko/classics/red.png differ
diff --git a/assets/oneko/classics/sapphire.png b/assets/oneko/classics/sapphire.png
new file mode 100644
index 0000000..27f3898
Binary files /dev/null and b/assets/oneko/classics/sapphire.png differ
diff --git a/assets/oneko/classics/silversky.png b/assets/oneko/classics/silversky.png
new file mode 100644
index 0000000..f557545
Binary files /dev/null and b/assets/oneko/classics/silversky.png differ
diff --git a/assets/oneko/classics/vaporwave.png b/assets/oneko/classics/vaporwave.png
new file mode 100644
index 0000000..d957f87
Binary files /dev/null and b/assets/oneko/classics/vaporwave.png differ
diff --git a/assets/oneko/gaming/andriod.png b/assets/oneko/gaming/andriod.png
new file mode 100644
index 0000000..0448df6
Binary files /dev/null and b/assets/oneko/gaming/andriod.png differ
diff --git a/assets/oneko/gaming/lololowka.png b/assets/oneko/gaming/lololowka.png
new file mode 100644
index 0000000..806d582
Binary files /dev/null and b/assets/oneko/gaming/lololowka.png differ
diff --git a/assets/oneko/gaming/niko.png b/assets/oneko/gaming/niko.png
new file mode 100644
index 0000000..d218edf
Binary files /dev/null and b/assets/oneko/gaming/niko.png differ
diff --git a/assets/oneko/gaming/sans.png b/assets/oneko/gaming/sans.png
new file mode 100644
index 0000000..74783c7
Binary files /dev/null and b/assets/oneko/gaming/sans.png differ
diff --git a/assets/oneko/gaming/sonic.png b/assets/oneko/gaming/sonic.png
new file mode 100644
index 0000000..1e01531
Binary files /dev/null and b/assets/oneko/gaming/sonic.png differ
diff --git a/assets/oneko/gaming/toothless.png b/assets/oneko/gaming/toothless.png
new file mode 100644
index 0000000..7a9495e
Binary files /dev/null and b/assets/oneko/gaming/toothless.png differ
diff --git a/assets/oneko/gaming/yumi-nikki-1-skin.png b/assets/oneko/gaming/yumi-nikki-1-skin.png
new file mode 100644
index 0000000..e10a626
Binary files /dev/null and b/assets/oneko/gaming/yumi-nikki-1-skin.png differ
diff --git a/assets/oneko/gaming/yumi-nikki-2-skin.png b/assets/oneko/gaming/yumi-nikki-2-skin.png
new file mode 100644
index 0000000..436e3c8
Binary files /dev/null and b/assets/oneko/gaming/yumi-nikki-2-skin.png differ
diff --git a/assets/oneko/operating-systems/bsd.png b/assets/oneko/operating-systems/bsd.png
new file mode 100644
index 0000000..b77d524
Binary files /dev/null and b/assets/oneko/operating-systems/bsd.png differ
diff --git a/assets/oneko/other-animals/blue-butterfly.png b/assets/oneko/other-animals/blue-butterfly.png
new file mode 100644
index 0000000..16beab5
Binary files /dev/null and b/assets/oneko/other-animals/blue-butterfly.png differ
diff --git a/assets/oneko/other-animals/brown-dog.png b/assets/oneko/other-animals/brown-dog.png
new file mode 100644
index 0000000..830fc55
Binary files /dev/null and b/assets/oneko/other-animals/brown-dog.png differ
diff --git a/assets/oneko/other-animals/bugy.png b/assets/oneko/other-animals/bugy.png
new file mode 100644
index 0000000..dd64276
Binary files /dev/null and b/assets/oneko/other-animals/bugy.png differ
diff --git a/assets/oneko/other-animals/bunny.png b/assets/oneko/other-animals/bunny.png
new file mode 100644
index 0000000..882fc1c
Binary files /dev/null and b/assets/oneko/other-animals/bunny.png differ
diff --git a/assets/oneko/other-animals/bxter.png b/assets/oneko/other-animals/bxter.png
new file mode 100644
index 0000000..9ea59b0
Binary files /dev/null and b/assets/oneko/other-animals/bxter.png differ
diff --git a/assets/oneko/other-animals/dog.png b/assets/oneko/other-animals/dog.png
new file mode 100644
index 0000000..ecb82b3
Binary files /dev/null and b/assets/oneko/other-animals/dog.png differ
diff --git a/assets/oneko/other-animals/fox.png b/assets/oneko/other-animals/fox.png
new file mode 100644
index 0000000..b5911ac
Binary files /dev/null and b/assets/oneko/other-animals/fox.png differ
diff --git a/assets/oneko/other-animals/humming_bird.png b/assets/oneko/other-animals/humming_bird.png
new file mode 100644
index 0000000..bb42a31
Binary files /dev/null and b/assets/oneko/other-animals/humming_bird.png differ
diff --git a/assets/oneko/other-animals/jerry.png b/assets/oneko/other-animals/jerry.png
new file mode 100644
index 0000000..b7348bd
Binary files /dev/null and b/assets/oneko/other-animals/jerry.png differ
diff --git a/assets/oneko/other-animals/lucy-dog.png b/assets/oneko/other-animals/lucy-dog.png
new file mode 100644
index 0000000..4b8993a
Binary files /dev/null and b/assets/oneko/other-animals/lucy-dog.png differ
diff --git a/assets/oneko/other-animals/mouse.png b/assets/oneko/other-animals/mouse.png
new file mode 100644
index 0000000..5a053a5
Binary files /dev/null and b/assets/oneko/other-animals/mouse.png differ
diff --git a/assets/oneko/other-animals/nekobeesje.png b/assets/oneko/other-animals/nekobeesje.png
new file mode 100644
index 0000000..2844022
Binary files /dev/null and b/assets/oneko/other-animals/nekobeesje.png differ
diff --git a/assets/oneko/other-animals/poochy.png b/assets/oneko/other-animals/poochy.png
new file mode 100644
index 0000000..dc8c10a
Binary files /dev/null and b/assets/oneko/other-animals/poochy.png differ
diff --git a/assets/oneko/other-animals/red-butterfly.png b/assets/oneko/other-animals/red-butterfly.png
new file mode 100644
index 0000000..142988e
Binary files /dev/null and b/assets/oneko/other-animals/red-butterfly.png differ
diff --git a/assets/oneko/other-animals/santino.png b/assets/oneko/other-animals/santino.png
new file mode 100644
index 0000000..4b4dff2
Binary files /dev/null and b/assets/oneko/other-animals/santino.png differ
diff --git a/assets/oneko/other-animals/skunk.png b/assets/oneko/other-animals/skunk.png
new file mode 100644
index 0000000..8fddb89
Binary files /dev/null and b/assets/oneko/other-animals/skunk.png differ
diff --git a/assets/oneko/other-animals/stingray.png b/assets/oneko/other-animals/stingray.png
new file mode 100644
index 0000000..e70edfa
Binary files /dev/null and b/assets/oneko/other-animals/stingray.png differ
diff --git a/assets/oneko/other-animals/tato.png b/assets/oneko/other-animals/tato.png
new file mode 100644
index 0000000..7360d0d
Binary files /dev/null and b/assets/oneko/other-animals/tato.png differ
diff --git a/assets/oneko/other-animals/tentacle.png b/assets/oneko/other-animals/tentacle.png
new file mode 100644
index 0000000..70c992d
Binary files /dev/null and b/assets/oneko/other-animals/tentacle.png differ
diff --git a/assets/oneko/other-animals/turtle.png b/assets/oneko/other-animals/turtle.png
new file mode 100644
index 0000000..02fc181
Binary files /dev/null and b/assets/oneko/other-animals/turtle.png differ
diff --git a/assets/oneko/other-animals/worms.png b/assets/oneko/other-animals/worms.png
new file mode 100644
index 0000000..e04757b
Binary files /dev/null and b/assets/oneko/other-animals/worms.png differ
diff --git a/assets/oneko/pokemon/eevee.png b/assets/oneko/pokemon/eevee.png
new file mode 100644
index 0000000..25f2c0c
Binary files /dev/null and b/assets/oneko/pokemon/eevee.png differ
diff --git a/assets/oneko/pokemon/espeon.png b/assets/oneko/pokemon/espeon.png
new file mode 100644
index 0000000..d5beea7
Binary files /dev/null and b/assets/oneko/pokemon/espeon.png differ
diff --git a/assets/oneko/pokemon/gastly.png b/assets/oneko/pokemon/gastly.png
new file mode 100644
index 0000000..797f42a
Binary files /dev/null and b/assets/oneko/pokemon/gastly.png differ
diff --git a/assets/oneko/pokemon/jigglypuff.png b/assets/oneko/pokemon/jigglypuff.png
new file mode 100644
index 0000000..48f6360
Binary files /dev/null and b/assets/oneko/pokemon/jigglypuff.png differ
diff --git a/assets/oneko/pokemon/pikachu.png b/assets/oneko/pokemon/pikachu.png
new file mode 100644
index 0000000..d6e9c33
Binary files /dev/null and b/assets/oneko/pokemon/pikachu.png differ
diff --git a/assets/oneko/pokemon/psyduck.png b/assets/oneko/pokemon/psyduck.png
new file mode 100644
index 0000000..6687758
Binary files /dev/null and b/assets/oneko/pokemon/psyduck.png differ
diff --git a/assets/oneko/pokemon/skitty.png b/assets/oneko/pokemon/skitty.png
new file mode 100644
index 0000000..9734f92
Binary files /dev/null and b/assets/oneko/pokemon/skitty.png differ
diff --git a/assets/oneko/pride/bisexual.png b/assets/oneko/pride/bisexual.png
new file mode 100644
index 0000000..2e68683
Binary files /dev/null and b/assets/oneko/pride/bisexual.png differ
diff --git a/assets/oneko/pride/genderfae.png b/assets/oneko/pride/genderfae.png
new file mode 100644
index 0000000..e762240
Binary files /dev/null and b/assets/oneko/pride/genderfae.png differ
diff --git a/assets/oneko/pride/genderfluid.png b/assets/oneko/pride/genderfluid.png
new file mode 100644
index 0000000..761f27d
Binary files /dev/null and b/assets/oneko/pride/genderfluid.png differ
diff --git a/assets/oneko/pride/lesbian.png b/assets/oneko/pride/lesbian.png
new file mode 100644
index 0000000..25c968f
Binary files /dev/null and b/assets/oneko/pride/lesbian.png differ
diff --git a/assets/oneko/pride/mlm.png b/assets/oneko/pride/mlm.png
new file mode 100644
index 0000000..5cd46aa
Binary files /dev/null and b/assets/oneko/pride/mlm.png differ
diff --git a/assets/oneko/pride/nb.png b/assets/oneko/pride/nb.png
new file mode 100644
index 0000000..2d72e4c
Binary files /dev/null and b/assets/oneko/pride/nb.png differ
diff --git a/assets/oneko/pride/trans.png b/assets/oneko/pride/trans.png
new file mode 100644
index 0000000..6c7ce12
Binary files /dev/null and b/assets/oneko/pride/trans.png differ
diff --git a/assets/oneko/things/chocola.png b/assets/oneko/things/chocola.png
new file mode 100644
index 0000000..dda629c
Binary files /dev/null and b/assets/oneko/things/chocola.png differ
diff --git a/assets/oneko/things/coke-bottle.png b/assets/oneko/things/coke-bottle.png
new file mode 100644
index 0000000..4634d91
Binary files /dev/null and b/assets/oneko/things/coke-bottle.png differ
diff --git a/assets/oneko/things/fire.png b/assets/oneko/things/fire.png
new file mode 100644
index 0000000..9656977
Binary files /dev/null and b/assets/oneko/things/fire.png differ
diff --git a/assets/oneko/things/marisa.png b/assets/oneko/things/marisa.png
new file mode 100644
index 0000000..aeef4a2
Binary files /dev/null and b/assets/oneko/things/marisa.png differ
diff --git a/assets/oneko/things/microbot.png b/assets/oneko/things/microbot.png
new file mode 100644
index 0000000..064d635
Binary files /dev/null and b/assets/oneko/things/microbot.png differ
diff --git a/assets/oneko/things/mini.png b/assets/oneko/things/mini.png
new file mode 100644
index 0000000..3a5ef47
Binary files /dev/null and b/assets/oneko/things/mini.png differ
diff --git a/assets/oneko/things/robot.png b/assets/oneko/things/robot.png
new file mode 100644
index 0000000..93f6ca7
Binary files /dev/null and b/assets/oneko/things/robot.png differ
diff --git a/assets/oneko/things/sami.png b/assets/oneko/things/sami.png
new file mode 100644
index 0000000..262ad0a
Binary files /dev/null and b/assets/oneko/things/sami.png differ
diff --git a/assets/oneko/things/star.png b/assets/oneko/things/star.png
new file mode 100644
index 0000000..8cd7d7f
Binary files /dev/null and b/assets/oneko/things/star.png differ
diff --git a/assets/oneko/things/ufo.png b/assets/oneko/things/ufo.png
new file mode 100644
index 0000000..5902433
Binary files /dev/null and b/assets/oneko/things/ufo.png differ
diff --git a/images/socials/bluesky.svg b/assets/socials/bluesky.svg
similarity index 100%
rename from images/socials/bluesky.svg
rename to assets/socials/bluesky.svg
diff --git a/images/socials/discord.svg b/assets/socials/discord.svg
similarity index 100%
rename from images/socials/discord.svg
rename to assets/socials/discord.svg
diff --git a/images/socials/email.svg b/assets/socials/email.svg
similarity index 100%
rename from images/socials/email.svg
rename to assets/socials/email.svg
diff --git a/images/socials/git-gay.svg b/assets/socials/git-gay.svg
similarity index 100%
rename from images/socials/git-gay.svg
rename to assets/socials/git-gay.svg
diff --git a/images/socials/github.svg b/assets/socials/github.svg
similarity index 100%
rename from images/socials/github.svg
rename to assets/socials/github.svg
diff --git a/images/socials/linkedin.svg b/assets/socials/linkedin.svg
similarity index 100%
rename from images/socials/linkedin.svg
rename to assets/socials/linkedin.svg
diff --git a/images/socials/mastodon.svg b/assets/socials/mastodon.svg
similarity index 100%
rename from images/socials/mastodon.svg
rename to assets/socials/mastodon.svg
diff --git a/images/socials/reddit.svg b/assets/socials/reddit.svg
similarity index 100%
rename from images/socials/reddit.svg
rename to assets/socials/reddit.svg
diff --git a/images/socials/site.svg b/assets/socials/site.svg
similarity index 100%
rename from images/socials/site.svg
rename to assets/socials/site.svg
diff --git a/images/socials/spotify.svg b/assets/socials/spotify.svg
similarity index 100%
rename from images/socials/spotify.svg
rename to assets/socials/spotify.svg
diff --git a/images/socials/twitch.svg b/assets/socials/twitch.svg
similarity index 100%
rename from images/socials/twitch.svg
rename to assets/socials/twitch.svg
diff --git a/images/socials/twitter.svg b/assets/socials/twitter.svg
similarity index 100%
rename from images/socials/twitter.svg
rename to assets/socials/twitter.svg
diff --git a/images/socials/youtube.svg b/assets/socials/youtube.svg
similarity index 100%
rename from images/socials/youtube.svg
rename to assets/socials/youtube.svg
diff --git a/images/theme/estrogen.svg b/assets/theme/estrogen.svg
similarity index 96%
rename from images/theme/estrogen.svg
rename to assets/theme/estrogen.svg
index 71c5d51..9c7691b 100644
--- a/images/theme/estrogen.svg
+++ b/assets/theme/estrogen.svg
@@ -1,5 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" id="Estrogen" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
          viewBox="0 0 556.37 303.36" style="enable-background:new 0 0 556.37 303.36;" xml:space="preserve">
 <style type="text/css">
         .st0{fill:none;}
diff --git a/images/theme/frappe.png b/assets/theme/frappe.png
similarity index 100%
rename from images/theme/frappe.png
rename to assets/theme/frappe.png
diff --git a/images/theme/latte.png b/assets/theme/latte.png
similarity index 100%
rename from images/theme/latte.png
rename to assets/theme/latte.png
diff --git a/images/theme/macchiato.png b/assets/theme/macchiato.png
similarity index 100%
rename from images/theme/macchiato.png
rename to assets/theme/macchiato.png
diff --git a/images/theme/mocha.png b/assets/theme/mocha.png
similarity index 100%
rename from images/theme/mocha.png
rename to assets/theme/mocha.png
diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 0000000..6bb1bf3
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,32 @@
+/* Comic Code Import*/
+@font-face {
+  font-family: 'Comic Code';
+  src: url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2') format('woff2'),
+    url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Comic Code';
+  src: url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2') format('woff2'),
+    url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff') format('woff');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Comic Code';
+  src: url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2') format('woff2'),
+    url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Comic Code';
+  src: url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2') format('woff2'),
+    url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+}
\ No newline at end of file
diff --git a/css/style.css b/css/main.css
similarity index 71%
rename from css/style.css
rename to css/main.css
index 043c71a..fe23a0d 100644
--- a/css/style.css
+++ b/css/main.css
@@ -1,41 +1,33 @@
-/* Comic Code Import*/
-@font-face {
-  font-family: 'Comic Code';
-  src: url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2') format('woff2'),
-    url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff') format('woff');
-  font-weight: 400;
-  font-style: normal;
-}
+/* ============================================================
+   main.css — single stylesheet for clove.is-a.dev
+   Merged from style.css + discord-styles.css
 
-@font-face {
-  font-family: 'Comic Code';
-  src: url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2') format('woff2'),
-    url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff') format('woff');
-  font-weight: 400;
-  font-style: italic;
-}
+   Sections:
+     1. Base & reset            (all pages)
+     2. Shared layout & header  (all pages)
+     3. Link hub                (index page)
+     4. Now-playing widget      (shared, top-left)
+     5. Page nav                (shared, bottom-left)
+     6. System badges           (shared, bottom-right)
+     7. Theme switcher          (shared, top-right)
+     8. Tech-stack page
+     9. Changelog page
+    10. Secret cat modes        (toast + picker modal)
+    11. Discord bots page
+    12. Responsive overrides
+   ============================================================ */
 
-@font-face {
-  font-family: 'Comic Code';
-  src: url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2') format('woff2'),
-    url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff') format('woff');
-  font-weight: 500;
-  font-style: normal;
-}
+@import url(/css/fonts.css);
 
-@font-face {
-  font-family: 'Comic Code';
-  src: url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2') format('woff2'),
-    url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff') format('woff');
-  font-weight: 700;
-  font-style: normal;
-}
 
+/* ============================================================
+   1. BASE & RESET
+   ============================================================ */
 * {
   box-sizing: border-box;
 }
 
-/* Smooth cross-fade between pages (Link Center <-> Tech Stack) */
+/* Smooth cross-fade between pages */
 @view-transition {
   navigation: auto;
 }
@@ -60,10 +52,6 @@ body {
   overflow: hidden;
 }
 
-/* Gradient lives on <html> too, so it propagates to the page canvas.
-   On mobile (scrolling, URL-bar resize, overscroll) the area outside
-   the body would otherwise expose the root canvas — white in the light
-   (latte) theme. Painting <html> keeps every theme's background filled. */
 html {
   background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%);
 }
@@ -86,13 +74,17 @@ body::before {
   content: "";
   position: fixed;
   inset: 0;
-  background: url(/images/theme/estrogen.svg) center / cover no-repeat;
+  background: url(/assets/theme/estrogen.svg) center / cover no-repeat;
   filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg) brightness(105%);
   opacity: 0.05;
   pointer-events: none;
   z-index: 0;
 }
 
+
+/* ============================================================
+   2. SHARED LAYOUT & HEADER  (all pages)
+   ============================================================ */
 .hub {
   position: relative;
   z-index: 1;
@@ -139,6 +131,10 @@ body::before {
   text-transform: lowercase;
 }
 
+
+/* ============================================================
+   3. LINK HUB  (index page)
+   ============================================================ */
 .links {
   display: grid;
   grid-template-columns: repeat(auto-fit, 72px);
@@ -181,7 +177,7 @@ body::before {
   filter: none;
 }
 
-/* Details revealed on hover as a tooltip */
+/* Tooltip revealed on hover */
 .link-text {
   position: absolute;
   bottom: calc(100% + 10px);
@@ -204,7 +200,6 @@ body::before {
   z-index: 10;
 }
 
-/* Tooltip arrow */
 .link-text::after {
   content: "";
   position: absolute;
@@ -232,9 +227,12 @@ body::before {
   color: var(--subtext-0);
 }
 
-/* "Now playing" widget, pinned top-left.
-   Discord presence + Spotify via Lanyard. The album-art accent colour is
-   exposed as --np-accent (r, g, b) and used while .has-accent is set. */
+
+/* ============================================================
+   4. NOW-PLAYING WIDGET  (shared, pinned top-left)
+   Discord presence + Spotify via Lanyard. The album-art accent
+   colour is exposed as --np-accent (r, g, b) while .has-accent set.
+   ============================================================ */
 .now-playing {
   --np-accent: 245, 194, 231; /* fallback ~ Catppuccin pink */
   position: fixed;
@@ -264,8 +262,8 @@ body::before {
   border-color: var(--pink);
 }
 
-/* When a track is playing the pill grows a little and squares off slightly to
-   make room for the progress bar, and picks up a faint album-art glow. */
+/* While a track is live the pill grows and squares off for the
+   progress bar, picking up a faint album-art glow. */
 .now-playing.is-live {
   align-items: stretch;
   border-radius: 16px;
@@ -280,9 +278,7 @@ body::before {
   border-color: rgba(var(--np-accent), 0.85);
 }
 
-/* Discord status dot */
-/* Head row: status dot + status word, always visible (so the Discord status
-   shows even while a track is playing, like Mufaro's). */
+/* Head row: status dot + status word, always visible */
 .np-head {
   display: flex;
   align-items: center;
@@ -351,17 +347,9 @@ body::before {
   background: rgb(var(--np-accent));
 }
 
-.np-bars i:nth-child(2) {
-  animation-delay: 0.15s;
-}
-
-.np-bars i:nth-child(3) {
-  animation-delay: 0.3s;
-}
-
-.np-bars i:nth-child(4) {
-  animation-delay: 0.45s;
-}
+.np-bars i:nth-child(2) { animation-delay: 0.15s; }
+.np-bars i:nth-child(3) { animation-delay: 0.3s; }
+.np-bars i:nth-child(4) { animation-delay: 0.45s; }
 
 @keyframes np-eq {
 
@@ -389,8 +377,7 @@ body::before {
   line-height: 1.25;
 }
 
-/* "Now playing" tag — only while a track is live, pushed to the right of the
-   status word so the head reads:  [•] DO NOT DISTURB ......... NOW PLAYING */
+/* "Now playing" tag — only while a track is live, pushed right */
 .np-label {
   display: none;
   font-size: 0.6rem;
@@ -417,9 +404,7 @@ body::before {
   text-overflow: ellipsis;
 }
 
-.np-track:empty {
-  display: none;
-}
+.np-track:empty { display: none; }
 
 .np-artist {
   font-size: 0.72rem;
@@ -429,9 +414,7 @@ body::before {
   text-overflow: ellipsis;
 }
 
-.np-artist:empty {
-  display: none;
-}
+.np-artist:empty { display: none; }
 
 /* Spotify progress bar — only shown while a track has timestamps */
 .np-progress {
@@ -475,7 +458,10 @@ body::before {
   color: var(--subtext-0);
 }
 
-/* Page nav, pinned bottom-left, selected item with a pointer triangle */
+
+/* ============================================================
+   5. PAGE NAV  (shared, pinned bottom-left)
+   ============================================================ */
 .nav {
   position: fixed;
   left: 1rem;
@@ -530,7 +516,7 @@ body::before {
   transform: translateX(2px);
 }
 
-/* Rotated triangle pointing at the selected item */
+/* Triangle pointing at the selected item */
 .nav-link.selected::before {
   content: "";
   position: absolute;
@@ -541,7 +527,10 @@ body::before {
   border-left-color: rgb(var(--accent-rgb));
 }
 
-/* Cosmetic system badges, pinned bottom-right */
+
+/* ============================================================
+   6. SYSTEM BADGES  (shared, pinned bottom-right)
+   ============================================================ */
 .badges {
   position: fixed;
   right: 1rem;
@@ -579,41 +568,60 @@ body::before {
   filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg) brightness(105%);
 }
 
-/* Shrink to fit narrow / short screens so the hub never scrolls */
-@media (max-width: 420px),
-(max-height: 640px) {
-  .hub-header {
-    margin-bottom: 1.25rem;
-  }
 
-  .hub-header h1 {
-    font-size: 1.6rem;
-  }
-
-  .pfp {
-    width: 72px;
-    height: 72px;
-    margin-bottom: 0.5rem;
-  }
-
-  .links {
-    grid-template-columns: repeat(auto-fit, 60px);
-    gap: 0.6rem;
-  }
-
-  .link-card {
-    width: 60px;
-    height: 60px;
-    border-radius: 13px;
-  }
-
-  .icon {
-    width: 26px;
-    height: 26px;
-  }
+/* ============================================================
+   7. THEME SWITCHER  (shared, icon button top-right)
+   ============================================================ */
+.beta-bar {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  z-index: 7;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
-/* ===== Tech stack page ===== */
+/* cat-collection button icon: the classic oneko idle frame, scaled down
+   from the 256x128 sprite sheet (idle frame lives at -96px,-96px) */
+.beta-cat-icon {
+  width: 22px;
+  height: 22px;
+  display: block;
+  background-image: url('/assets/oneko/classics/classic.png');
+  background-repeat: no-repeat;
+  background-size: 176px 88px;
+  background-position: -66px -66px;
+  image-rendering: pixelated;
+}
+
+.beta-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.35rem;
+  border-radius: 999px;
+  background: var(--surface-0);
+  border: 1px solid var(--surface-1);
+  cursor: pointer;
+  transition: border-color 0.15s ease, transform 0.15s ease;
+}
+
+.beta-btn:hover {
+  border-color: var(--pink);
+  transform: translateY(2px);
+}
+
+.beta-icon {
+  width: 22px;
+  height: 22px;
+  display: block;
+}
+
+
+/* ============================================================
+   8. TECH-STACK PAGE
+   ============================================================ */
 /* Let only the tech-stack page scroll; link hub stays locked */
 html:has(.tech-stack),
 body:has(.tech-stack) {
@@ -649,7 +657,7 @@ body:has(.tech-stack) .hub {
   transition: transform 0.15s ease, filter 0.15s ease;
 }
 
-/* The actual icon shape — masked here so the label (::after) stays visible */
+/* The icon shape — masked so the label (::after) stays visible */
 .tech-icon::before {
   content: "";
   position: absolute;
@@ -705,31 +713,10 @@ body:has(.tech-stack) .hub {
 .tech-icon.blue      { color: var(--blue); }
 .tech-icon.lavender  { color: var(--lavender); }
 
-/* ===== Secret Cat Modes toast ===== */
-.cat-toast {
-  position: fixed;
-  left: 50%;
-  bottom: 4.5rem;
-  transform: translateX(-50%) translateY(8px);
-  z-index: 2147483647;
-  padding: 0.4rem 0.9rem;
-  border-radius: 999px;
-  background: var(--crust);
-  border: 1px solid var(--pink);
-  color: var(--text);
-  font-size: 0.8rem;
-  white-space: nowrap;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s ease, transform 0.2s ease;
-}
 
-.cat-toast.show {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-}
-
-/* ===== Changelog page ===== */
+/* ============================================================
+   9. CHANGELOG PAGE
+   ============================================================ */
 html:has(.changelog),
 body:has(.changelog) {
   height: auto;
@@ -815,7 +802,33 @@ body:has(.changelog) .hub {
   color: var(--blue);
 }
 
-/* ===== Cat picker modal ===== */
+
+/* ============================================================
+   10. SECRET CAT MODES  (toast + picker modal)
+   ============================================================ */
+.cat-toast {
+  position: fixed;
+  left: 50%;
+  bottom: 4.5rem;
+  transform: translateX(-50%) translateY(8px);
+  z-index: 2147483647;
+  padding: 0.4rem 0.9rem;
+  border-radius: 999px;
+  background: var(--crust);
+  border: 1px solid var(--pink);
+  color: var(--text);
+  font-size: 0.8rem;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.cat-toast.show {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
 .cat-picker {
   position: fixed;
   inset: 0;
@@ -867,6 +880,23 @@ body:has(.changelog) .hub {
 }
 
 .cat-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.cat-section-title {
+  margin: 0 0 0.55rem;
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--mauve);
+  border-bottom: 1px solid var(--surface-1);
+  padding-bottom: 0.3rem;
+}
+
+.cat-section-items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.6rem;
@@ -905,12 +935,14 @@ body:has(.changelog) .hub {
 }
 
 .cat-preview {
-  width: 32px;
-  height: 32px;
-  margin: 6px 0 10px;
+  /* 30px window + the -97px,-97px position = the idle frame inset 1px on
+     every side, so no preview can catch pixels from neighbouring frames */
+  width: 30px;
+  height: 30px;
+  margin: 7px 1px 11px;
   background-repeat: no-repeat;
   image-rendering: pixelated;
-  transform: scale(1.6);
+  transform: scale(1.7);
   transform-origin: center;
 }
 
@@ -925,48 +957,175 @@ body:has(.changelog) .hub {
   text-align: center;
 }
 
+
+/* ============================================================
+   11. DISCORD BOTS PAGE
+   ============================================================ */
+/* On the bots page the header sits closer to the sections */
+body:has(.bot-grid) .hub-header {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 0.25rem;
+}
+
+.section {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+  width: 100%;
+}
+
+.section-title {
+  margin: 0;
+  font-size: 1.1rem;
+  font-weight: 500;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--mauve);
+}
+
+.bot-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 96px);
+  justify-content: center;
+  gap: 2rem 1.5rem;
+  max-width: 560px;
+}
+
+.bot {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 96px;
+  height: 96px;
+  color: var(--text);
+  text-decoration: none;
+  transition: transform 0.15s ease, border-color 0.15s ease,
+    background 0.15s ease, box-shadow 0.15s ease;
+}
+
+.bot-pfp {
+  width: 96px;
+  height: 96px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 3px solid var(--yellow);
+  box-shadow: 0 4px 18px rgba(var(--accent-rgb), 0.25);
+}
+
+.bot:hover {
+  transform: translateY(-3px);
+}
+
+.bot:hover .bot-pfp {
+  filter: none;
+}
+
+/* Bot tooltip revealed on hover */
+.bot-link-text {
+  position: absolute;
+  bottom: calc(100% + 10px);
+  left: 50%;
+  transform: translateX(-50%) translateY(4px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.1rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 10px;
+  background: var(--crust);
+  border: 1px solid rgb(var(--accent-rgb));
+  box-shadow: 0 6px 18px rgba(17, 17, 27, 0.55);
+  white-space: nowrap;
+  line-height: 1.3;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s ease, transform 0.15s ease;
+  z-index: 10;
+}
+
+.bot-link-text::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-top-color: rgb(var(--accent-rgb));
+}
+
+.bot:hover .bot-link-text,
+.bot:focus-visible .bot-link-text {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
+.bot-link-title {
+  font-weight: 500;
+  font-size: 0.95rem;
+  color: var(--text);
+}
+
+.bot-link-sub {
+  font-size: 0.78rem;
+  color: var(--subtext-0);
+}
+
+.bot-link-sub.closed {
+  color: var(--red);
+}
+
+
+/* ============================================================
+   12. RESPONSIVE OVERRIDES
+   ============================================================ */
+
+/* Shrink to fit narrow / short screens so the hub never scrolls */
+@media (max-width: 420px),
+(max-height: 640px) {
+  .hub-header {
+    margin-bottom: 1.25rem;
+  }
+
+  .hub-header h1 {
+    font-size: 1.6rem;
+  }
+
+  .pfp {
+    width: 72px;
+    height: 72px;
+    margin-bottom: 0.5rem;
+  }
+
+  .links {
+    grid-template-columns: repeat(auto-fit, 60px);
+    gap: 0.6rem;
+  }
+
+  .link-card {
+    width: 60px;
+    height: 60px;
+    border-radius: 13px;
+  }
+
+  .icon {
+    width: 26px;
+    height: 26px;
+  }
+}
+
+/* Cat picker: 2 columns on very narrow screens */
 @media (max-width: 420px) {
   .cat-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
-/* ============================================================
-   Theme switcher — icon button, top-right corner
-   ============================================================ */
-.beta-bar {
-  position: fixed;
-  top: 1rem;
-  right: 1rem;
-  z-index: 7;
-}
-
-.beta-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.35rem;
-  border-radius: 999px;
-  background: var(--surface-0);
-  border: 1px solid var(--surface-1);
-  cursor: pointer;
-  transition: border-color 0.15s ease, transform 0.15s ease;
-}
-
-.beta-btn:hover {
-  border-color: var(--pink);
-  transform: translateY(2px);
-}
-
-.beta-icon {
-  width: 22px;
-  height: 22px;
-  display: block;
-}
-
-/* ============================================================
-   Mobile layout
-   ============================================================ */
+/* Mobile layout — single vertical scroll, stacked widgets */
 @media (max-width: 640px) {
 
   html {
@@ -986,8 +1145,6 @@ body:has(.changelog) .hub {
     gap: 1rem;
     height: auto;
     min-height: 100dvh;
-    /* html is the scroll root on mobile; body just clips its own
-       horizontal overflow (the absolutely-positioned link tooltips). */
     overflow-x: hidden;
     overflow-y: visible;
     padding: 1.25rem 1rem 2rem;
@@ -1071,4 +1228,34 @@ body:has(.changelog) .hub {
   .changelog {
     padding-bottom: 0;
   }
-}
\ No newline at end of file
+}
+
+
+/* ============================================================
+   12. HIDDEN POKÉBALL  (unlocks the Pokémon cats once clicked)
+   ============================================================ */
+/* Small, low-contrast and tucked among the badges so it has to be
+   hunted for. Still clickable — that's the whole point of finding it. */
+#pokeball-secret {
+  width: 14px;
+  height: 14px;
+  opacity: 0.18;
+  align-self: center;
+  cursor: default;
+  pointer-events: auto;          /* parent .badges sets none — re-enable here */
+  image-rendering: auto;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  -webkit-user-drag: none;
+  user-select: none;
+}
+
+#pokeball-secret:hover {
+  opacity: 0.85;
+  transform: scale(1.15);
+}
+
+#pokeball-secret.found {
+  opacity: 1;
+  cursor: default;
+  filter: drop-shadow(0 0 4px var(--red));
+}
diff --git a/discord-bots/index.html b/discord-bots/index.html
new file mode 100644
index 0000000..c179736
--- /dev/null
+++ b/discord-bots/index.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Clove Twilight - Discord Bots</title>
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/themes/mocha.css">
+    <link rel="stylesheet" href="/css/themes/macchiato.css">
+    <link rel="stylesheet" href="/css/themes/frappe.css">
+    <link rel="stylesheet" href="/css/themes/latte.css">
+    <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
+
+    <!-- SEO Meta Tags -->
+    <meta name="description" content="Find all the Discord Bots Clove contributes on actively" />
+    <meta name="keywords" content="Portfolio, Personal, Developer" />
+    <meta name="author" content="doughmination" />
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://clove.is-a.dev" />
+
+    <!-- Alternate for mobile -->
+    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" />
+
+    <!-- Theme Color -->
+    <meta name="theme-color" content="#f5c2e7" />
+
+    <!-- Open Graph / Discord / Facebook -->
+    <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
+    <meta property="og:site_name" content="clove.is-a.dev" />
+    <meta property="og:title" content="Clove Twilight | Discord Bots" />
+    <meta property="og:description" content="Find all the Discord Bots Clove contributes on actively" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://clove.is-a.dev" />
+    <meta property="og:locale" content="en_GB" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="Clove Twilight | Discord Bot" />
+    <meta name="twitter:description" content="Find all the Discord Bots Clove contributes on actively" />
+</head>
+
+<body>
+
+    <a class="now-playing" id="now-playing" target="_blank" rel="noopener" hidden>
+        <img class="np-art" alt="" referrerpolicy="no-referrer" crossorigin="anonymous">
+        <span class="np-bars" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+        <span class="np-text">
+            <span class="np-head">
+                <span class="np-status" aria-hidden="true"></span>
+                <span class="np-status-label"></span>
+                <span class="np-label">Now playing</span>
+            </span>
+            <span class="np-track"></span>
+            <span class="np-artist"></span>
+            <span class="np-progress" aria-hidden="true">
+                <span class="np-bar"><span class="np-fill"></span></span>
+                <span class="np-times"><span class="np-cur">0:00</span><span class="np-dur">0:00</span></span>
+            </span>
+        </span>
+    </a>
+
+    <header class="nav">
+        <nav class="nav-links">
+            <a class="nav-link" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/tech-stack">Tech Stack</a>
+            <a class="nav-link selected" data-href="/discord-bots">Discord Bots</a>
+        </nav>
+    </header>
+
+    <main>
+
+        <header class="hub-header">
+            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
+            <h1>Clove Twilight</h1>
+            <h2 class="pronouns">(fae/faer)</h2>
+            <p class="tagline">Bot Contribution Center</p>
+        </header>
+
+        <!-- ============ GIRLS-NETWORK ============ -->
+        <section class="section">
+            <h2 class="section-title">Girls-Network</h2>
+            <div class="bot-grid">
+
+                <a class="bot" href="https://security.girlsnetwork.dev">
+                    <img class="bot-pfp" src="/assets/bots/ghostwire.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Ghostwire</span>
+                        <span class="bot-link-sub closed">Closed Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/Girls-Network/GayBot-v2">
+                    <img class="bot-pfp" src="/assets/bots/gaybot.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">GayBot</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/Girls-Network/bansync">
+                    <img class="bot-pfp" src="/assets/bots/bansync.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">BanSync</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+            </div>
+        </section>
+
+        <!-- ============ MY BOTS (doughmination) ============ -->
+        <section class="section">
+            <h2 class="section-title">My Bots</h2>
+            <div class="bot-grid">
+
+                <a class="bot" href="https://github.com/doughmination/shortcuts-bot">
+                    <img class="bot-pfp" src="/assets/favicon/favicon.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Shortcuts Bot</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/zahra">
+                    <img class="bot-pfp" src="/assets/bots/zahra.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Zahra</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/OnlyMeows">
+                    <img class="bot-pfp" src="/assets/bots/onlymeows.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">OnlyMeows</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/ModUpdateChecker">
+                    <img class="bot-pfp" src="/assets/bots/modupdatechecker.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Mod Update Checker</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/Uzi-DOORman">
+                    <img class="bot-pfp" src="/assets/bots/uzi-doorman.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Uzi Doorman</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/robot">
+                    <img class="bot-pfp" src="/assets/bots/robot.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Doughmination Robot</span>
+                        <span class="link-sub">Open Source</span>
+                    </span>
+                </a>
+
+                <a class="bot" href="https://github.com/doughmination/Cuddle-Blahaj-Medication">
+                    <img class="bot-pfp" src="/assets/bots/cuddle-blahaj-medication.png" alt="" />
+                    <span class="bot-link-text">
+                        <span class="bot-link-title">Cuddle Blahaj Medication</span>
+                        <span class="bot-link-sub">Open Source</span>
+                    </span>
+                </a>
+
+            </div>
+        </section>
+
+        <!-- ============ TOOLS ============ -->
+        <section class="section">
+            <h2 class="section-title">Tools</h2>
+            <div class="bot-grid">
+
+                <a class="bot" href="https://github.com/doughmination/widget-script">
+                    <img class="bot-pfp" src="/assets/favicon/avatar.png" alt="" />
+                    <span class="link-text">
+                        <span class="link-title">Widget-v2 Script</span>
+                        <span class="link-sub">Open Source</span>
+                    </span>
+                </a>
+
+            </div>
+        </section>
+    </main>
+
+    <aside class="badges" aria-label="System badges">
+        <span class="badge">
+            <img class="badge-icon" src="/assets/misc/amd.svg" alt="">
+            AMD Purist
+        </span>
+        <span class="badge">
+            <img class="badge-icon" src="/assets/misc/arch.svg" alt="">
+            I use arch btw
+        </span>
+        <span class="badge">
+            <img class="badge-icon" src="/assets/misc/debian.svg" alt="">
+            Debian Professional
+        </span>
+        <span class="badge">
+            <img class="badge-icon" src="/assets/misc/apple.svg" alt="">
+            Apple Ecosystem Enthusiast
+        </span>
+
+        <!-- hidden pokéball: find & click it to unlock the Pokémon cats -->
+        <img id="pokeball-secret" src="/assets/misc/pokeball.svg" alt="" aria-hidden="true">
+    </aside>
+
+    <script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
+    <script src="/js/nav.js"></script>
+    <script src="/js/now-playing.js"></script>
+    <script src="/js/flavors.js"></script>
+    <script src="/js/dev-mode.js"></script>
+    <script src="/js/site-switcher.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/images/misc/oneko.gif b/images/misc/oneko.gif
deleted file mode 100644
index a009c2c..0000000
Binary files a/images/misc/oneko.gif and /dev/null differ
diff --git a/index.html b/index.html
index e23e093..1706241 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Clove Twilight - Link Center</title>
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/main.css">
     <link rel="stylesheet" href="/css/themes/mocha.css">
     <link rel="stylesheet" href="/css/themes/macchiato.css">
     <link rel="stylesheet" href="/css/themes/frappe.css">
     <link rel="stylesheet" href="/css/themes/latte.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
-    <link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg">
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
     <!-- SEO Meta Tags -->
     <meta name="description" content="Link Center for Clove Twilight" />
@@ -29,7 +29,7 @@
     <meta name="theme-color" content="#f5c2e7" />
 
     <!-- Open Graph / Discord / Facebook -->
-    <meta property="og:image" content="https://clove.is-a.dev/images/favicon/favicon.png" />
+    <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta property="og:site_name" content="clove.is-a.dev" />
     <meta property="og:title" content="Clove Twilight | Links" />
     <meta property="og:description" content="Link Center for Clove Twilight" />
@@ -38,7 +38,7 @@
     <meta property="og:locale" content="en_GB" />
 
     <!-- Twitter Card -->
-    <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon/favicon.png" />
+    <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="Clove Twilight | Links" />
     <meta name="twitter:description" content="Link Center for Clove Twilight" />
@@ -49,8 +49,7 @@
         <nav class="nav-links">
             <a class="nav-link selected" data-href="/">Link Center</a>
             <a class="nav-link" data-href="/tech-stack">Tech Stack</a>
-            <a class="nav-link is-a-dev" data-href="https://clove.is-a.dev" target="_blank"
-                rel="noopener noreferrer">clove.is-a.dev</a>
+            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
         </nav>
     </header>
 
@@ -74,7 +73,7 @@
 
     <main class="hub">
         <header class="hub-header">
-            <img class="pfp" src="/images/favicon/avatar.png" alt="Clove Twilight avatar">
+            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
             <h1>Clove Twilight</h1>
             <h2 class="pronouns">(fae/faer)</h2>
             <p class="tagline">Link Center</p>
@@ -82,7 +81,7 @@
 
         <nav class="links">
             <a class="link-card" href="https://github.com/doughmination">
-                <img class="icon" src="/images/socials/github.svg" alt="">
+                <img class="icon" src="/assets/socials/github.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">GitHub</span>
                     <span class="link-sub">@doughmination</span>
@@ -90,7 +89,7 @@
             </a>
 
             <a class="link-card" href="https://git.gay/doughmination">
-                <img class="icon" src="/images/socials/git-gay.svg" alt="">
+                <img class="icon" src="/assets/socials/git-gay.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Git.Gay</span>
                     <span class="link-sub">@doughmination</span>
@@ -98,7 +97,7 @@
             </a>
 
             <a class="link-card" href="https://x.com/DoughminCEO">
-                <img class="icon" src="/images/socials/twitter.svg" alt="">
+                <img class="icon" src="/assets/socials/twitter.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Twitter</span>
                     <span class="link-sub">@DoughminCEO</span>
@@ -106,7 +105,7 @@
             </a>
 
             <a class="link-card" href="https://bsky.app/profile/doughmination.win">
-                <img class="icon" src="/images/socials/bluesky.svg" alt="">
+                <img class="icon" src="/assets/socials/bluesky.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Bluesky</span>
                     <span class="link-sub">@doughmination.win</span>
@@ -114,7 +113,7 @@
             </a>
 
             <a class="link-card" href="https://www.linkedin.com/in/estrogen/">
-                <img class="icon" src="/images/socials/linkedin.svg" alt="">
+                <img class="icon" src="/assets/socials/linkedin.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">LinkedIn</span>
                     <span class="link-sub">Clove Twilight</span>
@@ -122,7 +121,7 @@
             </a>
 
             <a class="link-card" href="https://open.spotify.com/user/x060f5w4ftwv8zc8fi9662t70">
-                <img class="icon" src="/images/socials/spotify.svg" alt="">
+                <img class="icon" src="/assets/socials/spotify.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Spotify</span>
                     <span class="link-sub">doughmination</span>
@@ -130,7 +129,7 @@
             </a>
 
             <a class="link-card" href="https://discord.gg/TransRights">
-                <img class="icon" src="/images/socials/discord.svg" alt="">
+                <img class="icon" src="/assets/socials/discord.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Discord</span>
                     <span class="link-sub">Girls Discord Server</span>
@@ -138,7 +137,7 @@
             </a>
 
             <a class="link-card" href="https://www.twitch.tv/doughminationgaming">
-                <img class="icon" src="/images/socials/twitch.svg" alt="">
+                <img class="icon" src="/assets/socials/twitch.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Twitch</span>
                     <span class="link-sub">@doughminationgaming</span>
@@ -146,7 +145,7 @@
             </a>
 
             <a class="link-card" href="https://www.reddit.com/user/XerinDotZero/">
-                <img class="icon" src="/images/socials/reddit.svg" alt="">
+                <img class="icon" src="/assets/socials/reddit.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Reddit</span>
                     <span class="link-sub">u/XerinDotZero</span>
@@ -154,7 +153,7 @@
             </a>
 
             <a class="link-card" href="https://www.youtube.com/@CloveTwiGaming">
-                <img class="icon" src="/images/socials/youtube.svg" alt="">
+                <img class="icon" src="/assets/socials/youtube.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">YouTube</span>
                     <span class="link-sub">@CloveTwiGaming</span>
@@ -162,7 +161,7 @@
             </a>
 
             <a class="link-card" rel="me" href="https://mastodon.social/@doughmination">
-                <img class="icon" src="/images/socials/mastodon.svg" alt="">
+                <img class="icon" src="/assets/socials/mastodon.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Mastodon</span>
                     <span class="link-sub">@doughmination@mastodon.social</span>
@@ -170,7 +169,7 @@
             </a>
 
             <a class="link-card" href="mailto:admin@doughmination.win">
-                <img class="icon" src="/images/socials/email.svg" alt="">
+                <img class="icon" src="/assets/socials/email.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">Email</span>
                     <span class="link-sub">admin@doughmination.win</span>
@@ -178,7 +177,7 @@
             </a>
 
             <a class="link-card" href="https://doughmination.win/">
-                <img class="icon" src="/images/socials/site.svg" alt="">
+                <img class="icon" src="/assets/socials/site.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">My Company Website</span>
                     <span class="link-sub">doughmination.win</span>
@@ -186,7 +185,7 @@
             </a>
 
             <a class="link-card" href="https://doughmination.co.uk/">
-                <img class="icon" src="/images/socials/site.svg" alt="">
+                <img class="icon" src="/assets/socials/site.svg" alt="">
                 <span class="link-text">
                     <span class="link-title">My Portfolio</span>
                     <span class="link-sub">doughmination.co.uk</span>
@@ -198,28 +197,29 @@
 
     <aside class="badges" aria-label="System badges">
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/amd.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/amd.svg" alt="">
             AMD Purist
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/arch.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/arch.svg" alt="">
             I use arch btw
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/debian.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/debian.svg" alt="">
             Debian Professional
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/apple.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/apple.svg" alt="">
             Apple Ecosystem Enthusiast
         </span>
     </aside>
 
-    <script src="/js/cat.js" data-cat="/images/misc/oneko.gif"></script>
+    <script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
     <script src="/js/nav.js"></script>
     <script src="/js/now-playing.js"></script>
     <script src="/js/flavors.js"></script>
-  <script src="/js/site-switcher.js"></script>
+    <script src="/js/dev-mode.js"></script>
+    <script src="/js/site-switcher.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/js/cat-modes.js b/js/cat-modes.js
deleted file mode 100644
index 64b4acf..0000000
--- a/js/cat-modes.js
+++ /dev/null
@@ -1,136 +0,0 @@
-const CAT_MODES = [
-  { name: "Classic", filter: "none" },
-  { name: "Shadow Cat", filter: "invert(1) drop-shadow(0 0 3px #cba6f7)" },
-  { name: "Ghost Cat", filter: "grayscale(1) brightness(1.7) opacity(0.55) drop-shadow(0 0 4px #89dceb)" },
-  { name: "CRT Cat", filter: "invert(48%) sepia(80%) saturate(2000%) hue-rotate(85deg) brightness(0.9) contrast(1.2)" },
-  { name: "Vaporwave Cat", filter: "invert(60%) sepia(90%) saturate(3000%) hue-rotate(280deg) brightness(0.95)" },
-  { name: "Gold Cat", filter: "invert(75%) sepia(85%) saturate(1400%) hue-rotate(8deg) brightness(1.0)" },
-  { name: "Sapphire Cat", filter: "invert(45%) sepia(90%) saturate(2500%) hue-rotate(200deg) brightness(1.0)" },
-];
-const UNLOCK_EVERY = 5; // clicks needed to unlock each new mode
-const SPRITE = "/images/oneko.gif";
-const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
-
-(function catModes() {
-  const oneko = document.getElementById("oneko");
-  if (!oneko) return;
-
-  oneko.style.pointerEvents = "auto";
-  oneko.style.cursor = "pointer";
-
-  const ls = window.localStorage;
-  let clicks = parseInt(ls.getItem("onekoClicks") || "0", 10);
-  let mode = parseInt(ls.getItem("onekoMode") || "0", 10);
-
-  const unlockedCount = () =>
-    Math.min(CAT_MODES.length, 1 + Math.floor(clicks / UNLOCK_EVERY));
-  const isUnlocked = (i) => i < unlockedCount();
-  const apply = (i) => (oneko.style.filter = CAT_MODES[i].filter);
-
-  /* ---------- picker overlay (no visible trigger — press C to find it) ---------- */
-  const overlay = document.createElement("div");
-  overlay.className = "cat-picker";
-  overlay.hidden = true;
-  overlay.innerHTML = `
-    <div class="cat-picker-panel" role="dialog" aria-label="Choose a cat">
-      <div class="cat-picker-head">
-        <span>Cat collection</span>
-        <button class="cat-picker-close" type="button" aria-label="Close">&times;</button>
-      </div>
-      <div class="cat-grid"></div>
-      <p class="cat-hint">Some cats are still hidden&hellip; &middot; press C to toggle</p>
-    </div>`;
-  document.body.appendChild(overlay);
-  const grid = overlay.querySelector(".cat-grid");
-
-  function renderGrid() {
-    grid.innerHTML = "";
-    CAT_MODES.forEach((c, i) => {
-      const unlocked = isUnlocked(i);
-      const opt = document.createElement(unlocked ? "button" : "div");
-      opt.className =
-        "cat-option" + (unlocked ? "" : " locked") + (i === mode ? " current" : "");
-      if (unlocked) opt.type = "button";
-      const previewFilter = unlocked ? c.filter : "brightness(0) opacity(0.3)";
-      opt.innerHTML = `
-        <span class="cat-preview" style="background-image:url('${SPRITE}');background-position:${IDLE_POS};filter:${previewFilter}"></span>
-        <span class="cat-name">${unlocked ? c.name : "???"}</span>`;
-      if (unlocked) opt.addEventListener("click", () => selectMode(i));
-      grid.appendChild(opt);
-    });
-  }
-
-  function selectMode(i) {
-    mode = i;
-    ls.setItem("onekoMode", String(i));
-    apply(i);
-    renderGrid();
-  }
-
-  const openPicker = () => {
-    renderGrid();
-    overlay.hidden = false;
-  };
-  const closePicker = () => (overlay.hidden = true);
-  const togglePicker = () => (overlay.hidden ? openPicker() : closePicker());
-
-  overlay
-    .querySelector(".cat-picker-close")
-    .addEventListener("click", closePicker);
-  overlay.addEventListener("click", (e) => {
-    if (e.target === overlay) closePicker();
-  });
-  document.addEventListener("keydown", (e) => {
-    // ignore while typing in a field or with modifier keys held
-    const typing = /^(INPUT|TEXTAREA|SELECT)$/.test(document.activeElement?.tagName || "");
-    if (e.key === "Escape" && !overlay.hidden) {
-      closePicker();
-    } else if (
-      (e.key === "c" || e.key === "C") &&
-      !e.ctrlKey && !e.metaKey && !e.altKey && !typing
-    ) {
-      togglePicker();
-    }
-  });
-
-  /* ---------- toast ---------- */
-  let toastEl, toastTimer;
-  function toast(msg) {
-    if (!toastEl) {
-      toastEl = document.createElement("div");
-      toastEl.className = "cat-toast";
-      document.body.appendChild(toastEl);
-    }
-    toastEl.textContent = msg;
-    toastEl.classList.remove("show");
-    void toastEl.offsetWidth;
-    toastEl.classList.add("show");
-    clearTimeout(toastTimer);
-    toastTimer = setTimeout(() => toastEl.classList.remove("show"), 1700);
-  }
-
-  /* ---------- init + cat click ---------- */
-  mode = Math.max(0, Math.min(mode, unlockedCount() - 1));
-  apply(mode);
-
-  oneko.addEventListener("click", (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const before = unlockedCount();
-    clicks += 1;
-    ls.setItem("onekoClicks", String(clicks));
-    const after = unlockedCount();
-
-    if (after > before) {
-      mode = after - 1;
-      toast(`✨ Unlocked: ${CAT_MODES[mode].name}!`);
-    } else {
-      mode = (mode + 1) % after;
-      toast(CAT_MODES[mode].name);
-    }
-
-    ls.setItem("onekoMode", String(mode));
-    apply(mode);
-    if (!overlay.hidden) renderGrid();
-  });
-})();
diff --git a/js/cat.js b/js/cat.js
index 173544e..1708ed0 100644
--- a/js/cat.js
+++ b/js/cat.js
@@ -278,25 +278,39 @@
   init();
 })();
 
-/* ============================================================
-   Secret cat modes — click the cat to cycle/unlock looks,
-   press C to open the picker. (merged from cat-modes.js)
-   ============================================================ */
-const CAT_MODES = [
-  { name: "Classic", filter: "none" },
-  { name: "Shadow Cat", filter: "invert(1) drop-shadow(0 0 3px #cba6f7)" },
-  { name: "Ghost Cat", filter: "grayscale(1) brightness(1.7) opacity(0.55) drop-shadow(0 0 4px #89dceb)" },
-  { name: "CRT Cat", filter: "invert(48%) sepia(80%) saturate(2000%) hue-rotate(85deg) brightness(0.9) contrast(1.2)" },
-  { name: "Vaporwave Cat", filter: "invert(60%) sepia(90%) saturate(3000%) hue-rotate(280deg) brightness(0.95)" },
-  { name: "Gold Cat", filter: "invert(75%) sepia(85%) saturate(1400%) hue-rotate(8deg) brightness(1.0)" },
-  { name: "Sapphire Cat", filter: "invert(45%) sepia(90%) saturate(2500%) hue-rotate(200deg) brightness(1.0)" },
-  { name: "Dusty Cat", filter: "invert(60%)" },
-];
-const UNLOCK_EVERY = 5; // clicks needed to unlock each new mode
-const SPRITE = "/images/misc/oneko.gif";
-const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
+const BASE_SPRITE = "/assets/oneko/classics/classic.png";
 
-(function catModes() {
+let CAT_MODES = [];
+
+// Order the category sections appear in the menu
+const CATEGORY_ORDER = ["Classics", "Pride", "Cats", "Romance", "Gaming", "Pokémon", "Other Animals", "Things", "Rare"];
+
+// click-count goals (total clicks on the cat)
+const CLICK_GOALS = { filter: 13, romance: 69, weed: 420 };
+const SPRITE = BASE_SPRITE; // base sprite used for filter modes + previews
+const IDLE_POS = "-97px -97px"; // idle frame, inset 1px to avoid neighbour-frame bleed
+const spriteFor = (c) => c.sprite || BASE_SPRITE;
+
+(async function catModes() {
+  try {
+    // index.json lists which per-folder configs to load (one per oneko folder)
+    const index = await fetch("/js/on/index.json").then((r) => {
+      if (!r.ok) throw new Error(`index.json (${r.status})`);
+      return r.json();
+    });
+    // load every /js/on/<folder>.json and merge them into one list
+    const lists = await Promise.all(
+      index.map((name) =>
+        fetch(`/js/on/${name}.json`)
+          .then((r) => (r.ok ? r.json() : []))
+          .catch(() => [])
+      )
+    );
+    CAT_MODES = lists.flat();
+  } catch (err) {
+    console.error("Could not load cat data:", err);
+    return;
+  }
   const oneko = document.getElementById("oneko");
   if (!oneko) return;
 
@@ -307,10 +321,36 @@ const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
   let clicks = parseInt(ls.getItem("onekoClicks") || "0", 10);
   let mode = parseInt(ls.getItem("onekoMode") || "0", 10);
 
-  const unlockedCount = () =>
-    Math.min(CAT_MODES.length, 1 + Math.floor(clicks / UNLOCK_EVERY));
-  const isUnlocked = (i) => i < unlockedCount();
-  const apply = (i) => (oneko.style.filter = CAT_MODES[i].filter);
+  // permanently-earned methods (konami, gold, pokemon, + any click goal hit)
+  let unlocks;
+  try { unlocks = new Set(JSON.parse(ls.getItem("onekoUnlocks") || "[]")); }
+  catch (e) { unlocks = new Set(); }
+  const saveUnlocks = () => ls.setItem("onekoUnlocks", JSON.stringify([...unlocks]));
+
+  // Returns true if a method was newly unlocked (false if already had it)
+  function unlockMethod(key) {
+    if (unlocks.has(key)) return false;
+    unlocks.add(key);
+    saveUnlocks();
+    if (overlay && !overlay.hidden) renderGrid();
+    return true;
+  }
+
+  const methodOf = (c) => c.unlockMethod || "gay";
+  const isUnlocked = (i) => {
+    const key = methodOf(CAT_MODES[i]);
+    if (key === "gay") return true;
+    if (key in CLICK_GOALS) return clicks >= CLICK_GOALS[key] || unlocks.has(key);
+    return unlocks.has(key);              // konami / gold / pokemon
+  };
+  const unlockedIndices = () =>
+    CAT_MODES.map((_, i) => i).filter(isUnlocked);
+
+  const apply = (i) => {
+    const c = CAT_MODES[i];
+    oneko.style.backgroundImage = `url('${spriteFor(c)}')`;
+    oneko.style.filter = c.filter || "none";
+  };
 
   /* ---------- picker overlay (no visible trigger — press C to find it) ---------- */
   const overlay = document.createElement("div");
@@ -328,20 +368,50 @@ const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
   document.body.appendChild(overlay);
   const grid = overlay.querySelector(".cat-grid");
 
+  function makeOption(i) {
+    const c = CAT_MODES[i];
+    const unlocked = isUnlocked(i);
+    const opt = document.createElement(unlocked ? "button" : "div");
+    opt.className =
+      "cat-option" + (unlocked ? "" : " locked") + (i === mode ? " current" : "");
+    if (unlocked) opt.type = "button";
+    const previewFilter = unlocked ? (c.filter || "none") : "brightness(0) opacity(0.3)";
+    opt.innerHTML = `
+      <span class="cat-preview" style="background-image:url('${spriteFor(c)}');background-position:${IDLE_POS};filter:${previewFilter}"></span>
+      <span class="cat-name">${unlocked ? c.name : "???"}</span>`;
+    if (unlocked) opt.addEventListener("click", () => selectMode(i));
+    return opt;
+  }
+
   function renderGrid() {
     grid.innerHTML = "";
+
+    // bucket cat indices by category
+    const byCat = {};
     CAT_MODES.forEach((c, i) => {
-      const unlocked = isUnlocked(i);
-      const opt = document.createElement(unlocked ? "button" : "div");
-      opt.className =
-        "cat-option" + (unlocked ? "" : " locked") + (i === mode ? " current" : "");
-      if (unlocked) opt.type = "button";
-      const previewFilter = unlocked ? c.filter : "brightness(0) opacity(0.3)";
-      opt.innerHTML = `
-        <span class="cat-preview" style="background-image:url('${SPRITE}');background-position:${IDLE_POS};filter:${previewFilter}"></span>
-        <span class="cat-name">${unlocked ? c.name : "???"}</span>`;
-      if (unlocked) opt.addEventListener("click", () => selectMode(i));
-      grid.appendChild(opt);
+      const cat = c.category || "Classics";
+      (byCat[cat] = byCat[cat] || []).push(i);
+    });
+
+    // known categories first (in order), then any stragglers
+    const order = CATEGORY_ORDER.filter((c) => byCat[c])
+      .concat(Object.keys(byCat).filter((c) => !CATEGORY_ORDER.includes(c)));
+
+    order.forEach((cat) => {
+      const section = document.createElement("div");
+      section.className = "cat-section";
+
+      const title = document.createElement("h4");
+      title.className = "cat-section-title";
+      title.textContent = cat;
+      section.appendChild(title);
+
+      const items = document.createElement("div");
+      items.className = "cat-section-items";
+      byCat[cat].forEach((i) => items.appendChild(makeOption(i)));
+      section.appendChild(items);
+
+      grid.appendChild(section);
     });
   }
 
@@ -359,6 +429,9 @@ const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
   const closePicker = () => (overlay.hidden = true);
   const togglePicker = () => (overlay.hidden ? openPicker() : closePicker());
 
+  // let other scripts (e.g. the theme-bar button) open the cat menu
+  window.toggleCatPicker = togglePicker;
+
   overlay
     .querySelector(".cat-picker-close")
     .addEventListener("click", closePicker);
@@ -375,6 +448,11 @@ const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
       !e.ctrlKey && !e.metaKey && !e.altKey && !typing
     ) {
       togglePicker();
+    } else if ((e.key === "x" || e.key === "X") &&
+      !e.ctrlKey && !e.metaKey && !e.altKey && !typing) {
+      if (unlockMethod("gaming")) {
+        toast("✨ Gaming sprites unlocked!");
+      }
     }
   });
 
@@ -394,28 +472,108 @@ const IDLE_POS = "-96px -96px"; // idle frame of the sprite sheet
     toastTimer = setTimeout(() => toastEl.classList.remove("show"), 1700);
   }
 
+  /* ---------- squeak / boop sound on click ---------- */
+  const boop = new Audio("/assets/oneko/boop.mp3");
+  boop.preload = "auto";
+  function playBoop() {
+    try {
+      boop.currentTime = 0;      // rewind so rapid clicks each squeak
+      boop.play().catch(() => { }); // ignore autoplay/missing-file errors
+    } catch (e) { /* no-op */ }
+  }
+
   /* ---------- init + cat click ---------- */
-  mode = Math.max(0, Math.min(mode, unlockedCount() - 1));
+  if (!isUnlocked(mode)) mode = 0; // fall back to Classic if current is locked
   apply(mode);
 
+  // Clicking the cat no longer changes its look — it only counts toward
+  // the click-based unlocks (13 / 69 / 420). Pick a cat from the menu.
   oneko.addEventListener("click", (e) => {
     e.preventDefault();
     e.stopPropagation();
-    const before = unlockedCount();
+    playBoop();
     clicks += 1;
     ls.setItem("onekoClicks", String(clicks));
-    const after = unlockedCount();
 
-    if (after > before) {
-      mode = after - 1;
-      toast(`✨ Unlocked: ${CAT_MODES[mode].name}!`);
-    } else {
-      mode = (mode + 1) % after;
-      toast(CAT_MODES[mode].name);
+    // Did this click hit a click-count goal exactly? (13 / 69 / 420)
+    for (const key in CLICK_GOALS) {
+      if (clicks === CLICK_GOALS[key]) {
+        unlocks.add(key);
+        saveUnlocks();
+        const idx = CAT_MODES.findIndex((c) => methodOf(c) === key);
+        const name = idx >= 0 ? CAT_MODES[idx].name : key;
+        toast(`✨ Unlocked: ${name}! — open the cat menu 🐱`);
+        if (!overlay.hidden) renderGrid();
+      }
+    }
+  });
+
+  /* ---------- Konami code → press Enter to confirm ---------- */
+  const KONAMI = ["ArrowUp", "ArrowUp", "ArrowDown", "ArrowDown",
+    "ArrowLeft", "ArrowRight", "ArrowLeft", "ArrowRight", "b", "a"];
+  let kProg = 0, kArmed = false;
+  document.addEventListener("keydown", (e) => {
+    const typing = /^(INPUT|TEXTAREA|SELECT)$/.test(document.activeElement?.tagName || "");
+    if (typing || e.ctrlKey || e.metaKey || e.altKey) return;
+
+    if (kArmed && e.key === "Enter") {
+      kArmed = false;
+      if (unlockMethod("konami")) toast("✨ Konami cats unlocked!");
+      return;
     }
 
-    ls.setItem("onekoMode", String(mode));
-    apply(mode);
-    if (!overlay.hidden) renderGrid();
+    const key = e.key.length === 1 ? e.key.toLowerCase() : e.key;
+    if (key === KONAMI[kProg]) {
+      kProg += 1;
+      if (kProg === KONAMI.length) {
+        kProg = 0;
+        kArmed = true;
+        toast("Konami code… press Enter ↵");
+      }
+    } else {
+      kProg = key === KONAMI[0] ? 1 : 0; // allow a fresh start on ↑
+    }
   });
+
+  /* ---------- Gold → opened the site while Discord status is Idle ---------- */
+  const np = document.getElementById("now-playing");
+  if (np) {
+    const checkIdle = () => {
+      if (np.dataset.status === "idle" && unlockMethod("gold")) {
+        toast("✨ Gold Cat unlocked!");
+      }
+    };
+    checkIdle();
+    new MutationObserver(checkIdle)
+      .observe(np, { attributes: true, attributeFilter: ["data-status"] });
+  }
+
+  /* ---------- Pokémon → find & click the hidden pokéball ---------- */
+  const poke = document.getElementById("pokeball-secret");
+  if (poke) {
+    poke.addEventListener("click", (e) => {
+      e.preventDefault();
+      poke.classList.add("found");
+      if (unlockMethod("pokemon")) toast("✨ Pokémon cats unlocked!");
+    });
+  }
+
+  /* ---------- Timer → keep the page open for a while ---------- */
+  // Counts only while the tab is visible; resets each visit, but once the
+  // goal is reached the unlock is saved for good.
+  const TIMER_GOAL_MS = 5 * 60 * 1000; // 5 minutes
+  if (!unlocks.has("timer")) {
+    let elapsed = 0;
+    let last = Date.now();
+    const timer = setInterval(() => {
+      if (document.hidden) { last = Date.now(); return; }
+      const now = Date.now();
+      elapsed += now - last;
+      last = now;
+      if (elapsed >= TIMER_GOAL_MS) {
+        clearInterval(timer);
+        if (unlockMethod("timer")) toast("✨ Patience pays off — timer cats unlocked!");
+      }
+    }, 1000);
+  }
 })();
diff --git a/js/dev-mode.js b/js/dev-mode.js
new file mode 100644
index 0000000..cb35562
--- /dev/null
+++ b/js/dev-mode.js
@@ -0,0 +1,109 @@
+(function devMode() {
+  var host = (location.hostname || "").replace(/^www\./, "");
+
+  // True for localhost (any port), loopback, *.local, and private LAN IPs.
+  var isDev =
+    host === "localhost" ||
+    host === "127.0.0.1" ||
+    host === "0.0.0.0" ||
+    host === "[::1]" ||
+    host === "::1" ||
+    /\.local$/.test(host) ||
+    /^10\./.test(host) ||
+    /^192\.168\./.test(host) ||
+    /^172\.(1[6-9]|2[0-9]|3[0-1])\./.test(host);
+
+  // Expose for other scripts (e.g. site-switcher.js).
+  window.DevMode = {
+    isDev: isDev,
+    host: host,
+    origin: location.origin
+  };
+
+  if (!isDev) return;
+
+  // ---- styles -------------------------------------------------------------
+  var css = `
+  .dev-mode-badge {
+    position: fixed;
+    top: 1rem;
+    left: 1rem;
+    z-index: 6;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0.35rem 0.7rem;
+    border-radius: 999px;
+    background: rgba(var(--accent-rgb), 0.5);
+    color: var(--text);
+    font: inherit;
+    font-size: 0.72rem;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    box-shadow: 0 6px 18px -6px rgba(var(--accent-rgb), 0.5);
+    pointer-events: none;
+    user-select: none;
+    transition: top 0.2s ease;
+  }
+  .dev-mode-badge .dev-mode-pulse {
+    width: 8px; height: 8px; border-radius: 50%;
+    background: var(--text);
+    animation: devModePulse 1.4s ease-in-out infinite;
+  }
+  @keyframes devModePulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.35; transform: scale(0.75); }
+  }`;
+
+  var style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+
+  // ---- badge --------------------------------------------------------------
+  function mountBadge() {
+    if (document.querySelector(".dev-mode-badge")) return;
+    var badge = document.createElement("div");
+    badge.className = "dev-mode-badge";
+    badge.setAttribute("title", "You're viewing a local dev build — not the live site.");
+    badge.innerHTML =
+      '<span class="dev-mode-pulse" aria-hidden="true"></span>' +
+      "<span>Dev Mode</span>";
+    document.body.appendChild(badge);
+    
+    var np = document.getElementById("now-playing");
+
+    function reposition() {
+      var gap = 8; // px below the widget
+      var rect = np ? np.getBoundingClientRect() : null;
+      // A fixed element has no offsetParent, so judge visibility by its
+      // rendered size instead.
+      var visible = np && !np.hidden && rect.height > 0 && rect.width > 0;
+      if (visible) {
+        badge.style.top = (rect.bottom + gap) + "px";
+        badge.style.left = rect.left + "px";
+      } else {
+        badge.style.top = "";  // back to the 1rem default
+        badge.style.left = "";
+      }
+    }
+
+    reposition();
+    window.addEventListener("resize", reposition);
+
+    if (np) {
+      if (window.ResizeObserver) new ResizeObserver(reposition).observe(np);
+      // now-playing.js toggles [hidden] / inline styles when presence loads.
+      new MutationObserver(reposition).observe(np, {
+        attributes: true,
+        attributeFilter: ["hidden", "style", "class"]
+      });
+    }
+  }
+
+  if (document.body) {
+    mountBadge();
+  } else {
+    document.addEventListener("DOMContentLoaded", mountBadge);
+  }
+})();
diff --git a/js/flavors.js b/js/flavors.js
index 3d888ed..48a22b2 100644
--- a/js/flavors.js
+++ b/js/flavors.js
@@ -47,7 +47,7 @@
 
   function paintBtn() {
     const f = FLAVORS[current];
-    icon.src = `/images/theme/${current}.png`;   // e.g. /images/theme/mocha.png
+    icon.src = `/assets/theme/${current}.png`;   // e.g. /assets/theme/mocha.png
     icon.alt = f.label;
     btn.title = `Theme: ${f.label} (click to cycle)`;
   }
@@ -59,4 +59,18 @@
     apply(current);
     paintBtn();
   });
+
+  // ---- cat collection button (sits next to the theme button) ----
+  const catBtn = document.createElement("button");
+  catBtn.className = "beta-btn";
+  catBtn.id = "cat-btn";
+  catBtn.type = "button";
+  catBtn.title = "Cat collection";
+  catBtn.setAttribute("aria-label", "Open cat collection");
+  catBtn.innerHTML = `<span class="beta-cat-icon" aria-hidden="true"></span>`;
+  bar.appendChild(catBtn);
+
+  catBtn.addEventListener("click", () => {
+    if (typeof window.toggleCatPicker === "function") window.toggleCatPicker();
+  });
 })();
diff --git a/js/now-playing.js b/js/now-playing.js
index 43471c6..52a5eac 100644
--- a/js/now-playing.js
+++ b/js/now-playing.js
@@ -1,18 +1,3 @@
-/* Now Playing — Discord presence + Spotify via Lanyard (lanyard.rest)
- *
- * Shows your live Discord status (online / idle / dnd / offline) and, when
- * you're listening on Spotify, the track, artist, album art and a live
- * progress bar. 100% client-side — works fine on GitHub Pages.
- *
- * Setup:
- *   1. Join the Lanyard Discord server: https://discord.gg/lanyard
- *      (their bot has to share a server with you to read your presence)
- *   2. In Discord, connect your Spotify account and enable
- *      "Display Spotify as your status".
- *   3. Put your Discord user ID below (Discord → Settings → Advanced →
- *      Developer Mode on, then right-click your name → Copy User ID).
- */
-
 const DISCORD_USER_ID = "1464890289922641993";
 
 (function nowPlaying() {
diff --git a/js/on/cats.json b/js/on/cats.json
new file mode 100644
index 0000000..e930cbe
--- /dev/null
+++ b/js/on/cats.json
@@ -0,0 +1,103 @@
+[
+  {
+    "name": "Ace",
+    "sprite": "/assets/oneko/cats/ace.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Blue Tapy",
+    "sprite": "/assets/oneko/cats/blue-tapy.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Calico",
+    "sprite": "/assets/oneko/cats/calico.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Cattail",
+    "sprite": "/assets/oneko/cats/cattail.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Esmeralda",
+    "sprite": "/assets/oneko/cats/esmeralda.png",
+    "unlockMethod": "romance",
+    "category": "Romance"
+  },
+  {
+    "name": "Jess",
+    "sprite": "/assets/oneko/cats/jess.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Kina",
+    "sprite": "/assets/oneko/cats/kina.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Lucy",
+    "sprite": "/assets/oneko/cats/lucy.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Maia",
+    "sprite": "/assets/oneko/cats/maia.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Maria",
+    "sprite": "/assets/oneko/cats/maria.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Mike",
+    "sprite": "/assets/oneko/cats/mike.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Rainbow Tapy",
+    "sprite": "/assets/oneko/cats/rainbow-tapy.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Silver",
+    "sprite": "/assets/oneko/cats/silver.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Spirit",
+    "sprite": "/assets/oneko/cats/spirit.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "Tapy",
+    "sprite": "/assets/oneko/cats/tapy.png",
+    "unlockMethod": "konami",
+    "category": "Cats"
+  },
+  {
+    "name": "USA",
+    "sprite": "/assets/oneko/cats/usa.png",
+    "category": "Romance"
+  },
+  {
+    "name": "Valentine",
+    "sprite": "/assets/oneko/cats/valentine.png",
+    "unlockMethod": "romance",
+    "category": "Romance"
+  }
+]
diff --git a/js/on/classics.json b/js/on/classics.json
new file mode 100644
index 0000000..f8b4e33
--- /dev/null
+++ b/js/on/classics.json
@@ -0,0 +1,93 @@
+[
+  {
+    "name": "Classic",
+    "filter": "none",
+    "unlockMethod": "gay",
+    "category": "Classics"
+  },
+  {
+    "name": "Aquaneon",
+    "sprite": "/assets/oneko/classics/aquaneon.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Black Green",
+    "sprite": "/assets/oneko/classics/black-green.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Black",
+    "sprite": "/assets/oneko/classics/black.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Byte Green",
+    "sprite": "/assets/oneko/classics/byte-green.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Deedee",
+    "sprite": "/assets/oneko/classics/deedee.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Dusty Cat",
+    "sprite": "/assets/oneko/classics/dusty.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Ghost",
+    "sprite": "/assets/oneko/classics/ghost.png",
+    "unlockMethod": "weed",
+    "category": "Classics"
+  },
+  {
+    "name": "Ghost Spirit",
+    "sprite": "/assets/oneko/classics/ghostspirit.png",
+    "filter": "drop-shadow(0 0 4px #89dceb)",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Gold Cat",
+    "sprite": "/assets/oneko/classics/gold.png",
+    "unlockMethod": "gold",
+    "category": "Rare"
+  },
+  {
+    "name": "Gray",
+    "sprite": "/assets/oneko/classics/gray.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Red",
+    "sprite": "/assets/oneko/classics/red.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Sapphire Cat",
+    "sprite": "/assets/oneko/classics/sapphire.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Silver Sky",
+    "sprite": "/assets/oneko/classics/silversky.png",
+    "unlockMethod": "filter",
+    "category": "Classics"
+  },
+  {
+    "name": "Vaporwave",
+    "sprite": "/assets/oneko/classics/vaporwave.png",
+    "unlockMethod": "weed",
+    "category": "Classics"
+  }
+]
diff --git a/js/on/gaming.json b/js/on/gaming.json
new file mode 100644
index 0000000..e3cf0fb
--- /dev/null
+++ b/js/on/gaming.json
@@ -0,0 +1,50 @@
+[
+  {
+    "name": "Andriod",
+    "sprite": "/assets/oneko/gaming/andriod.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Lololowka",
+    "sprite": "/assets/oneko/gaming/lololowka.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Niko",
+    "sprite": "/assets/oneko/gaming/niko.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Sans",
+    "sprite": "/assets/oneko/gaming/sans.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Sonic",
+    "sprite": "/assets/oneko/gaming/sonic.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Toothless",
+    "sprite": "/assets/oneko/gaming/toothless.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Yumi Nikki 1 Skin",
+    "sprite": "/assets/oneko/gaming/yumi-nikki-1-skin.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  },
+  {
+    "name": "Yumi Nikki 2 Skin",
+    "sprite": "/assets/oneko/gaming/yumi-nikki-2-skin.png",
+    "unlockMethod": "gaming",
+    "category": "Gaming"
+  }
+]
diff --git a/js/on/index.json b/js/on/index.json
new file mode 100644
index 0000000..4d136ec
--- /dev/null
+++ b/js/on/index.json
@@ -0,0 +1,10 @@
+[
+  "cats",
+  "classics",
+  "gaming",
+  "operating-systems",
+  "other-animals",
+  "pokemon",
+  "pride",
+  "things"
+]
diff --git a/js/on/operating-systems.json b/js/on/operating-systems.json
new file mode 100644
index 0000000..d99a65c
--- /dev/null
+++ b/js/on/operating-systems.json
@@ -0,0 +1,8 @@
+[
+  {
+    "name": "Bsd",
+    "sprite": "/assets/oneko/operating-systems/bsd.png",
+    "unlockMethod": "filter",
+    "category": "Operating Systems"
+  }
+]
diff --git a/js/on/other-animals.json b/js/on/other-animals.json
new file mode 100644
index 0000000..5cc6caa
--- /dev/null
+++ b/js/on/other-animals.json
@@ -0,0 +1,86 @@
+[
+  {
+    "name": "Blue Butterfly",
+    "sprite": "/assets/oneko/other-animals/blue-butterfly.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Bunny",
+    "sprite": "/assets/oneko/other-animals/bunny.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Bxter",
+    "sprite": "/assets/oneko/other-animals/bxter.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Dog",
+    "sprite": "/assets/oneko/other-animals/dog.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Fox",
+    "sprite": "/assets/oneko/other-animals/fox.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Humming Bird",
+    "sprite": "/assets/oneko/other-animals/humming_bird.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Jerry",
+    "sprite": "/assets/oneko/other-animals/jerry.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Poochy",
+    "sprite": "/assets/oneko/other-animals/poochy.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Red Butterfly",
+    "sprite": "/assets/oneko/other-animals/red-butterfly.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Santino",
+    "sprite": "/assets/oneko/other-animals/santino.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Skunk",
+    "sprite": "/assets/oneko/other-animals/skunk.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Stingray",
+    "sprite": "/assets/oneko/other-animals/stingray.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Tato",
+    "sprite": "/assets/oneko/other-animals/tato.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  },
+  {
+    "name": "Tentacle",
+    "sprite": "/assets/oneko/other-animals/tentacle.png",
+    "unlockMethod": "timer",
+    "category": "Other Animals"
+  }
+]
diff --git a/js/on/pokemon.json b/js/on/pokemon.json
new file mode 100644
index 0000000..9ebdf23
--- /dev/null
+++ b/js/on/pokemon.json
@@ -0,0 +1,44 @@
+[
+  {
+    "name": "Eevee",
+    "sprite": "/assets/oneko/pokemon/eevee.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Espeon",
+    "sprite": "/assets/oneko/pokemon/espeon.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Gastly",
+    "sprite": "/assets/oneko/pokemon/gastly.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Jigglypuff",
+    "sprite": "/assets/oneko/pokemon/jigglypuff.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Pikachu",
+    "sprite": "/assets/oneko/pokemon/pikachu.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Psyduck",
+    "sprite": "/assets/oneko/pokemon/psyduck.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  },
+  {
+    "name": "Skitty",
+    "sprite": "/assets/oneko/pokemon/skitty.png",
+    "unlockMethod": "pokemon",
+    "category": "Pokémon"
+  }
+]
diff --git a/js/on/pride.json b/js/on/pride.json
new file mode 100644
index 0000000..3037d04
--- /dev/null
+++ b/js/on/pride.json
@@ -0,0 +1,44 @@
+[
+  {
+    "name": "Bisexual",
+    "sprite": "/assets/oneko/pride/bisexual.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "Genderfae",
+    "sprite": "/assets/oneko/pride/genderfae.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "Genderfluid",
+    "sprite": "/assets/oneko/pride/genderfluid.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "Lesbian",
+    "sprite": "/assets/oneko/pride/lesbian.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "MLM",
+    "sprite": "/assets/oneko/pride/mlm.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "Non Binary",
+    "sprite": "/assets/oneko/pride/nb.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  },
+  {
+    "name": "Transgender",
+    "sprite": "/assets/oneko/pride/trans.png",
+    "unlockMethod": "gay",
+    "category": "Pride"
+  }
+]
diff --git a/js/on/things.json b/js/on/things.json
new file mode 100644
index 0000000..8970f33
--- /dev/null
+++ b/js/on/things.json
@@ -0,0 +1,62 @@
+[
+  {
+    "name": "Chocola",
+    "sprite": "/assets/oneko/things/chocola.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Coke Bottle",
+    "sprite": "/assets/oneko/things/coke-bottle.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Fire",
+    "sprite": "/assets/oneko/things/fire.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Marisa",
+    "sprite": "/assets/oneko/things/marisa.png",
+    "unlockMethod": "timer",
+    "category": "Things"
+  },
+  {
+    "name": "Microbot",
+    "sprite": "/assets/oneko/things/microbot.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Mini",
+    "sprite": "/assets/oneko/things/mini.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Robot",
+    "sprite": "/assets/oneko/things/robot.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Sami",
+    "sprite": "/assets/oneko/things/sami.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Star",
+    "sprite": "/assets/oneko/things/star.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  },
+  {
+    "name": "Ufo",
+    "sprite": "/assets/oneko/things/ufo.png",
+    "unlockMethod": "filter",
+    "category": "Things"
+  }
+]
diff --git a/js/site-switcher.js b/js/site-switcher.js
index 3e4a100..3f1e260 100644
--- a/js/site-switcher.js
+++ b/js/site-switcher.js
@@ -1,25 +1,32 @@
-/* Cross-site switcher — a single dropdown that links the sister sites:
- *   clove.is-a.dev · doughmination.is-a.dev · lumine.is-a.dev
- *
- * Self-contained: injects its own CSS + markup and slots itself into the
- * existing bottom-left page nav (.nav-links). Drop one script tag on any
- * page that has the nav and it just works. The current site is detected
- * from the hostname and marked, and the redundant single "is-a-dev" pill
- * (if present) is removed so we don't double up on cross-site links.
- */
 (function siteSwitcher() {
+  var host = (location.hostname || "").replace(/^www\./, "");
+
+  // Dev detection comes from dev-mode.js (loaded first). Fallback to a basic
+  // localhost check if that script isn't present.
+  var isDev = (window.DevMode && window.DevMode.isDev) ||
+    host === "localhost" || host === "127.0.0.1";
+
   var SITES = [
-    { id: "clove", label: "clove.is-a.dev", url: "https://clove.is-a.dev", note: "Link Center" },
-    { id: "doughmination", label: "doughmination.is-a.dev", url: "https://doughmination.is-a.dev", note: "Beta Link Center" },
+    { id: "clove", label: "clove.is-a.dev", url: "https://clove.is-a.dev", note: "Link Center", host: "clove.is-a.dev" },
+    { id: "doughmination", label: "doughmination.is-a.dev", url: "https://doughmination.is-a.dev", note: "Beta Link Center", host: "doughmination.is-a.dev" }
   ];
 
-  var host = (location.hostname || "").replace(/^www\./, "");
-  var currentId = null;
-  for (var i = 0; i < SITES.length; i++) {
-    if (host === SITES[i].url.replace("https://", "")) currentId = SITES[i].id;
+  // Only expose the Local Dev entry while actually running in dev mode.
+  if (isDev) {
+    SITES.push({
+      id: "localhost",
+      label: "Local Dev",
+      url: location.origin,
+      note: "Local Dev",
+      host: host
+    });
+  }
+
+  var currentId = null;
+  for (var i = 0; i < SITES.length; i++) {
+    if (host === SITES[i].host) currentId = SITES[i].id;
   }
 
-  // ---- styles -------------------------------------------------------------
   var css = `
   .site-switcher { position: relative; }
   .site-switcher-btn {
diff --git a/readme.md b/readme.md
index ec6489d..0f950d2 100644
--- a/readme.md
+++ b/readme.md
@@ -1,10 +1,10 @@
 <div align="center">
-<img src="https://clove.is-a.dev/images/avatar.png" alt="Clove Twilight avatar" height="100">
+<img src="https://clove.is-a.dev/assets/favicon/avatar.png" alt="Clove Twilight avatar" height="100">
 
 # clove.is-a.dev
 </div>
 
-<a href="clove.is-a.dev">clove.is-a.dev</a> is the homepage and center for all of Clove's projects.
+<a href="https://clove.is-a.dev">clove.is-a.dev</a> is the homepage and center for all of Clove's projects.
 
 I made this cause I kept losing track of everything, and yeah...
 
@@ -18,4 +18,6 @@ All code is owned and created by myself, Clove Twilight.
 ### How to get a free is-a.dev domain
 Head to the <a href="https://is-a.dev">is-a.dev website</a> to get started and see if your wanted domain name is free! Make sure to follow their <a href="https://is-a.dev/terms">Terms of Service</a> and if you get stuck, check the <a href="https://docs.is-a.dev/">docs</a>.
 
-I am not paid by, affiliated, endorsed or hired by is-a.dev, I just think it's a cool thing for people to use!
\ No newline at end of file
+I am not paid by, affiliated, endorsed or hired by is-a.dev, I just think it's a cool thing for people to use!
+
+> <img src="https://clove.is-a.dev/assets/favicon/favicon.png" alt="favicon" height="32">
diff --git a/tech-stack/index.html b/tech-stack/index.html
index a2d3954..7f2a9a6 100644
--- a/tech-stack/index.html
+++ b/tech-stack/index.html
@@ -5,13 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Clove Twilight - Tech Stack</title>
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/main.css">
     <link rel="stylesheet" href="/css/themes/mocha.css">
     <link rel="stylesheet" href="/css/themes/macchiato.css">
     <link rel="stylesheet" href="/css/themes/frappe.css">
     <link rel="stylesheet" href="/css/themes/latte.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
-    <link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg">
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
     <!-- SEO Meta Tags -->
     <meta name="description" content="Tech Stack for Clove Twilight" />
@@ -29,7 +29,7 @@
     <meta name="theme-color" content="#f5c2e7" />
 
     <!-- Open Graph / Discord / Facebook -->
-    <meta property="og:image" content="https://clove.is-a.dev/images/favicon/favicon.png" />
+    <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta property="og:site_name" content="clove.is-a.dev" />
     <meta property="og:title" content="Clove Twilight | Tech Stack" />
     <meta property="og:description" content="Tech Stack for Clove Twilight" />
@@ -38,7 +38,7 @@
     <meta property="og:locale" content="en_GB" />
 
     <!-- Twitter Card -->
-    <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon/favicon.png" />
+    <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="Clove Twilight | Tech Stack" />
     <meta name="twitter:description" content="Tech Stack for Clove Twilight" />
@@ -50,8 +50,7 @@
         <nav class="nav-links">
             <a class="nav-link" data-href="/">Link Center</a>
             <a class="nav-link selected" data-href="/tech-stack">Tech Stack</a>
-            <a class="nav-link is-a-dev" data-href="https://clove.is-a.dev" target="_blank"
-                rel="noopener noreferrer">clove.is-a.dev</a>
+            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
         </nav>
     </header>
 
@@ -75,84 +74,129 @@
 
     <main class="hub">
         <header class="hub-header">
-            <img class="pfp" src="/images/favicon/avatar.png" alt="Clove Twilight avatar">
+            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
             <h1>Clove Twilight</h1>
             <h2 class="pronouns">(fae/faer)</h2>
             <p class="tagline">Tech Stack</p>
         </header>
 
         <section class="tech-stack" aria-label="Tech stack">
-            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/javascript')" role="img" aria-label="JavaScript"></span>
-            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/openjdk')" role="img" aria-label="Java"></span>
-            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/html5')" role="img" aria-label="HTML5"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/markdown')" role="img" aria-label="Markdown"></span>
-            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/latex')" role="img" aria-label="LaTeX"></span>
-            <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/typescript')" role="img" aria-label="TypeScript"></span>
-            <span class="tech-icon yellow" style="--si:url('https://cdn.simpleicons.org/gnubash')" role="img" aria-label="Bash Script"></span>
-            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/python')" role="img" aria-label="Python"></span>
-            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/cloudflare')" role="img" aria-label="Cloudflare"></span>
-            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/vercel')" role="img" aria-label="Vercel"></span>
-            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/bootstrap')" role="img" aria-label="Bootstrap"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/ejs')" role="img" aria-label="EJS"></span>
-            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/electron')" role="img" aria-label="Electron.js"></span>
-            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/express')" role="img" aria-label="Express.js"></span>
-            <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/fastapi')" role="img" aria-label="FastAPI"></span>
-            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/insomnia')" role="img" aria-label="Insomnia"></span>
-            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/jsonwebtokens')" role="img" aria-label="JWT"></span>
-            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/npm')" role="img" aria-label="NPM"></span>
-            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/nextdotjs')" role="img" aria-label="Next JS"></span>
-            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/nodedotjs')" role="img" aria-label="NodeJS"></span>
-            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nodemon')" role="img" aria-label="Nodemon"></span>
-            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/pnpm')" role="img" aria-label="PNPM"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/react')" role="img" aria-label="React"></span>
-            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/tailwindcss')" role="img" aria-label="TailwindCSS"></span>
-            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/vite')" role="img" aria-label="Vite"></span>
-            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/vuedotjs')" role="img" aria-label="Vue.js"></span>
-            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/wordpress')" role="img" aria-label="WordPress"></span>
-            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nginx')" role="img" aria-label="Nginx"></span>
-            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/mysql')" role="img" aria-label="MySQL"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/sqlite')" role="img" aria-label="SQLite"></span>
-            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/postgresql')" role="img" aria-label="Postgres"></span>
-            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/redis')" role="img" aria-label="Redis"></span>
-            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/inkscape')" role="img" aria-label="Inkscape"></span>
-            <span class="tech-icon sky" style="--si:url('https://cdn.simpleicons.org/github')" role="img" aria-label="GitHub"></span>
-            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/githubactions')" role="img" aria-label="GitHub Actions"></span>
-            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/git')" role="img" aria-label="Git"></span>
-            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/gitea')" role="img" aria-label="Gitea"></span>
-            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/arduino')" role="img" aria-label="Arduino"></span>
-            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/docker')" role="img" aria-label="Docker"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/eslint')" role="img" aria-label="ESLint"></span>
-            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/ffmpeg')" role="img" aria-label="FFmpeg"></span>
-            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/gradle')" role="img" aria-label="Gradle"></span>
-            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/raspberrypi')" role="img" aria-label="Raspberry Pi"></span>
-            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/vscodium')" role="img" aria-label="VSCodium"></span>
+            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/javascript')" role="img"
+                aria-label="JavaScript"></span>
+            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/openjdk')" role="img"
+                aria-label="Java"></span>
+            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/html5')" role="img"
+                aria-label="HTML5"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/markdown')" role="img"
+                aria-label="Markdown"></span>
+            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/latex')" role="img"
+                aria-label="LaTeX"></span>
+            <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/typescript')" role="img"
+                aria-label="TypeScript"></span>
+            <span class="tech-icon yellow" style="--si:url('https://cdn.simpleicons.org/gnubash')" role="img"
+                aria-label="Bash Script"></span>
+            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/python')" role="img"
+                aria-label="Python"></span>
+            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/cloudflare')" role="img"
+                aria-label="Cloudflare"></span>
+            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/vercel')" role="img"
+                aria-label="Vercel"></span>
+            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/bootstrap')" role="img"
+                aria-label="Bootstrap"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/ejs')" role="img"
+                aria-label="EJS"></span>
+            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/electron')" role="img"
+                aria-label="Electron.js"></span>
+            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/express')" role="img"
+                aria-label="Express.js"></span>
+            <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/fastapi')" role="img"
+                aria-label="FastAPI"></span>
+            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/insomnia')" role="img"
+                aria-label="Insomnia"></span>
+            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/jsonwebtokens')" role="img"
+                aria-label="JWT"></span>
+            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/npm')" role="img"
+                aria-label="NPM"></span>
+            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/nextdotjs')" role="img"
+                aria-label="Next JS"></span>
+            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/nodedotjs')" role="img"
+                aria-label="NodeJS"></span>
+            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nodemon')" role="img"
+                aria-label="Nodemon"></span>
+            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/pnpm')" role="img"
+                aria-label="PNPM"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/react')" role="img"
+                aria-label="React"></span>
+            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/tailwindcss')" role="img"
+                aria-label="TailwindCSS"></span>
+            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/vite')" role="img"
+                aria-label="Vite"></span>
+            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/vuedotjs')" role="img"
+                aria-label="Vue.js"></span>
+            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/wordpress')" role="img"
+                aria-label="WordPress"></span>
+            <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nginx')" role="img"
+                aria-label="Nginx"></span>
+            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/mysql')" role="img"
+                aria-label="MySQL"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/sqlite')" role="img"
+                aria-label="SQLite"></span>
+            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/postgresql')" role="img"
+                aria-label="Postgres"></span>
+            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/redis')" role="img"
+                aria-label="Redis"></span>
+            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/inkscape')" role="img"
+                aria-label="Inkscape"></span>
+            <span class="tech-icon sky" style="--si:url('https://cdn.simpleicons.org/github')" role="img"
+                aria-label="GitHub"></span>
+            <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/githubactions')" role="img"
+                aria-label="GitHub Actions"></span>
+            <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/git')" role="img"
+                aria-label="Git"></span>
+            <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/gitea')" role="img"
+                aria-label="Gitea"></span>
+            <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/arduino')" role="img"
+                aria-label="Arduino"></span>
+            <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/docker')" role="img"
+                aria-label="Docker"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/eslint')" role="img"
+                aria-label="ESLint"></span>
+            <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/ffmpeg')" role="img"
+                aria-label="FFmpeg"></span>
+            <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/gradle')" role="img"
+                aria-label="Gradle"></span>
+            <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/raspberrypi')" role="img"
+                aria-label="Raspberry Pi"></span>
+            <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/vscodium')" role="img"
+                aria-label="VSCodium"></span>
         </section>
     </main>
 
     <aside class="badges" aria-label="System badges">
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/amd.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/amd.svg" alt="">
             AMD Purist
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/arch.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/arch.svg" alt="">
             I use arch btw
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/debian.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/debian.svg" alt="">
             Debian Professional
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/apple.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/apple.svg" alt="">
             Apple Ecosystem Enthusiast
         </span>
     </aside>
 
-    <script src="/js/cat.js" data-cat="/images/misc/oneko.gif"></script>
+    <script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
     <script src="/js/nav.js"></script>
     <script src="/js/now-playing.js"></script>
     <script src="/js/flavors.js"></script>
-  <script src="/js/site-switcher.js"></script>
+    <script src="/js/dev-mode.js"></script>
+    <script src="/js/site-switcher.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/template/index.html b/template/index.html
index c0ef053..451224a 100644
--- a/template/index.html
+++ b/template/index.html
@@ -5,13 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Clove Twilight - Template</title>
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/main.css">
     <link rel="stylesheet" href="/css/themes/mocha.css">
     <link rel="stylesheet" href="/css/themes/macchiato.css">
     <link rel="stylesheet" href="/css/themes/frappe.css">
     <link rel="stylesheet" href="/css/themes/latte.css">
     <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
-    <link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg">
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
     <!-- SEO Meta Tags -->
     <meta name="description" content="Template Page for Clove Twilight" />
@@ -29,7 +29,7 @@
     <meta name="theme-color" content="#f5c2e7" />
 
     <!-- Open Graph / Discord / Facebook -->
-    <meta property="og:image" content="https://clove.is-a.dev/images/favicon.png" />
+    <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta property="og:site_name" content="clove.is-a.dev" />
     <meta property="og:title" content="Clove Twilight | Template" />
     <meta property="og:description" content="Template Page for Clove Twilight" />
@@ -38,7 +38,7 @@
     <meta property="og:locale" content="en_GB" />
 
     <!-- Twitter Card -->
-    <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" />
+    <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="Clove Twilight | Template" />
     <meta name="twitter:description" content="Template Page for Clove Twilight" />
@@ -48,8 +48,9 @@
 
     <header class="nav">
         <nav class="nav-links">
-            <a class="nav-link" data-href="/">Link Center</a>
-            <a class="nav-link selected" data-href="/template">Template</a>
+            <a class="nav-link selected" data-href="/">Link Center</a>
+            <a class="nav-link" data-href="/tech-stack">Tech Stack</a>
+            <a class="nav-link" data-href="/discord-bots">Discord Bots</a>
         </nav>
     </header>
 
@@ -73,7 +74,7 @@
 
     <main class="hub">
         <header class="hub-header">
-            <img class="pfp" src="/images/favicon/avatar.png" alt="Clove Twilight avatar">
+            <img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
             <h1>Clove Twilight</h1>
             <h2 class="pronouns">(fae/faer)</h2>
             <p class="tagline">Template</p>
@@ -86,28 +87,29 @@
 
     <aside class="badges" aria-label="System badges">
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/amd.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/amd.svg" alt="">
             AMD Purist
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/arch.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/arch.svg" alt="">
             I use arch btw
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/debian.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/debian.svg" alt="">
             Debian Professional
         </span>
         <span class="badge">
-            <img class="badge-icon" src="/images/misc/apple.svg" alt="">
+            <img class="badge-icon" src="/assets/misc/apple.svg" alt="">
             Apple Ecosystem Enthusiast
         </span>
     </aside>
 
-    <script src="/js/cat.js" data-cat="/images/misc/oneko.gif"></script>
+    <script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
     <script src="/js/nav.js"></script>
     <script src="/js/now-playing.js"></script>
     <script src="/js/flavors.js"></script>
-  <script src="/js/site-switcher.js"></script>
+    <script src="/js/dev-mode.js"></script>
+    <script src="/js/site-switcher.js"></script>
 </body>
 
 </html>
\ No newline at end of file