Html Playground
Welcome to the Html Playground! This is where all of my works that use HTML/CSS are kept together for quality family bonding time! Various types of works are here from fandom based or original works, short and long, or tests and tutorials!
I hope this helps and expands your ideas into making your own works a unique and different experience to read from the default!
(Open, Unmoderated)
Recent works
-
Saiki K Breaks the Universe by GumbaBunny
Fandoms: 斉木楠雄のΨ難 | Saiki Kusuo no Sai-nan | The Disastrous Life of Saiki K.
06 Jul 2026
Tags
Summary
Saiki tries to fix his reality, but something 𝚋𝚛𝚎𝚊𝚔𝚜 completely. Everything is 𝔀𝓻𝓸𝓷𝓰 and no one else notices it except him.
Slice of Life comedy where anything Saiki does backfires somehow and ao3 can not handle it.
Or.. What if Saiki meets the cast a few years earlier than in canon?
-
Tags
Summary
SCP-A04 can accurately detect your username and browser within Archive Of Our Own. It exhibits textual alteration upon each viewing, generating unpredictable variations that respond to the observer’s presence.
Note: Some information may be redacted for privacy reasons. Proceed with the understanding that SCP-A04 is observing you.
Creator style needs to be on to see the formatting and interact with the code.
7-2-26 update: Cleaned a lot of things up and made more information clear / detailed.
-
Tags
Summary
Want to code in ao3?
Heres how!
This work will teach you how to code on ao3 from simple to more advanced techniques.
Some code featured in this work is credited to their respected authors, so be sure to check them out as well!
Series
-
Tags
Summary
The End is Never Ending.
Scrolling text like in the game.
Series
- Part 2 of The Coding Parable
-
Tags
Summary
You have already left kudos here, but you don't remember.
What is a kudo, and how did it get here already?
..what does it all mean..?
Recent bookmarks
-
Tags
Summary
Cyberlife had planned extensively for the risk of deviancy with the RK800. When Markus tries to convince Connor to deviate at Jericho, Connor’s anti-deviancy program contains the problem.
The problem being Connor’s consciousness, of course.
- Language:
- English
- Words:
- 10,573
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 35
- Kudos:
- 139
- Bookmarks:
- 28
- Hits:
- 1,283
Bookmarked by GumbaBunny
22 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
THIS. THIS. THIS.
HOLY FUCKING SHIT.
DETROIT BECOME HUMAN BUT IN AO3 NOT CLICKBAIT FR
-
Hunt the Wumpus by Charles_Rockafellor
Fandoms: Interactive Fiction | IF, Hunt the Wumpus (Interactive Fiction | IF)
20 Oct 2025
Tags
Summary
Playable game with RNG (Random Number Generator) driven random events!
If you don't remember this game, think back to things like Zork (or, as a poor simile, something remotely like Sir-Tech's Wizardry series in atmosphere [this version of Wumpus being far less graphics-intensive]).
Armed with vorpal arrows and bearing lid-bags of wumpusnip and wumpuspurge of dubious effectiveness in hope of alternately luring and warding away the evil monster, will you take up the gantlet?
Who says that CSS is 𝖍ard?
(NB for TTS screen readers: that last word was “hard”, not “ard”, but I cheated with an “h” from an unusual Unicode range instead of CSS, so that it would remain visually odd in the Summary... and found that my testing-purpose [and sometimes laziness] freebie TTS browser extension can't read it... because of course.)NB 1: HTML-structural redundancy bloated the word and chapter counts; ~15K actual words (~4K vis. by RNG) and 20 caves!
NB 2: More PG than G, about as graphic as Oregon Trail, but I'm not sure if that's enough to rate as Teen.
- Language:
- English
- Words:
- 84,056
- Chapters:
- 102/102
- Collections:
- 7
- Comments:
- 11
- Kudos:
- 20
- Bookmarks:
- 5
- Hits:
- 738
Bookmarked by GumbaBunny
20 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Peak RNG by charles
-need to still kill wumpus and win⣿⣿⣿⣿⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠛⠻⣿⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣄⡀⠀⢻⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣇⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⣿⠃⢰⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⡆⠀⠀⠀⠀⠀⠀⢶⣶⣶⣾⣿⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⢠⡀⠐⠀⠀⠀⠻⢿⣿⣿⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⢸⣷⡄⠀⠣⣄⡀⠀⠉⠛⢿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣇⠀⣿⣿⣦⠀⠹⣿⣷⣶⣦⣼⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣼⣿⣿⣿⣷⣄⣸⣿⣿⣿⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ ⣿⣿⡿⢛⡙⢻⠛⣉⢻⣉⢈⣹⣿⣿⠟⣉⢻⡏⢛⠙⣉⢻⣿⣿⣿ ⣿⣿⣇⠻⠃⣾⠸⠟⣸⣿⠈⣿⣿⣿⡀⠴⠞⡇⣾⡄⣿⠘⣿⣿⣿ ⣿⣿⣟⠛⣃⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⣿ ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
Charles if you see this @ me on discord
(This is a stupid "gottem" joke that i need to know if i "got you" LMFAO)
-Gumba 3/6/26 -
Tags
Bookmarked by GumbaBunny
19 Oct 2025
Bookmarker's Collections:
Bookmarker's Notes
Revisit this gumba
-
AO3 - HTML pervert sh*t by EneRGarD
Fandoms: AO3 Abuse, ao3 html - Fandom, AO3 CSS, HTML - Fandom, css - Fandom, Work Skins - Fandom, Original Work
05 Aug 2025
Tags
Summary
Всі мої збочення над кодом (частіше за все це перероблення коду інших).
Це -НЕ- посібник, але пізніше може на нього перетворитися.Робота використовує перероблений - work-skin(робочу шкіру) з мого фанфіка "Prototype Amelia".
Його код та інше я теж згодом викладу.
Bookmarked by GumbaBunny
06 Oct 2025
Bookmarker's Collections:
Bookmarker's Notes
Dissect this later
Working microwave (important)
Cool backgrounds and code (awesome) -
Tags
Summary
Welcome to Not Game Changer. Tonight's guest — you!
An interactive Game Changer themed fanwork.
- Language:
- English
- Words:
- 2,009
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 164
- Kudos:
- 564
- Bookmarks:
- 126
- Hits:
- 3,506
Bookmarked by GumbaBunny
28 May 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Game Changer but on ao3, absolutely perfection
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⠋⠉⠉⠉⠙⠛⠻⢶⣤⡀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⡆⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣠⣴⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡟⠁⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⠶⠟⠛⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡟⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣴⠾⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⠁⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡶⠛⠛⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠞⠋⠀⠀⠀⠀⣠⣴⠶⠶⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣄⣀⣀⣤⡴⠟⠋⠀⠀⠀⠘⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣟⠉⠙⢷⣄⠀⠀⠀⠀⠀⠀⠘⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣷⡀⠀⠹⣧⡀⠀⠀⠀⠀⠀⣼⠃⠀⠀⠀⠀⠀⠀⠀⢀⣾⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣷⡀⠀⠈⠛⣷⣤⣴⠶⠟⠃⠀⠀⠀⠀⠀⠀⠀⢀⣾⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣷⡀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⠟⠛⣻⡿⠀⠀⠀⠀⠀⢀⣤⡾⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠋⠀⠀⠀⠀⢀⣴⠟⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠟⠀⠀⠀⠀⣠⣾⡿⠁⢀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠏⠀⠀⠀⢀⡾⢫⣿⠁⠀⣼⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡾⠃⠀⠀⢀⣴⠟⢡⡟⣿⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⠀⠀⣰⠟⠁⢠⡿⠀⢿⡄⢰⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠏⠀⠀⢠⣾⠋⠀⢀⡿⠁⠀⠈⠛⠿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡏⠀⠀⣴⢿⡟⠀⠀⣾⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢷⣄⣾⠋⠘⣧⡀⢰⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠈⠛⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀