Downloads
Fun things to download and mess around with.
Jump to:
Layouts & Code
Pedia
An encyclopedia theme based on MediaWiki layouts.
- Credit appreciated but not mandatory. Just put me in your links page with all your other notes.
- All colours are defined as CSS variables, so they can be easily tweaked or customized.
- 2023-12-01 Update: a gallery row has been added to the template! See the end of the example page for more detail.
- 2025-08-17 Update: changed the way nested lists are numbered. See subheader 1 subsection 1 in the example page for more detail.
- .ZIP download contains a CSS file and two HTML files containing the basic layouts and instructions.
Preview (Home Page) | Preview (Example Page) | Download (.ZIP)
Dream Layouts
Some layouts I literally coded in my dreams. And now they can be on your website!
- These are pretty sparsely styled. They're more or less mobile-friendly, but otherwise don't have a lot of features or fancy toys. Feel free to customize to your liking, and don't worry too much about credit.
- Uses Font Awesome for the icons, so you will need to make a (free) account for them to show up.
- Each .ZIP download contains a CSS file and a HTML file.
Layout 1: Preview | Download (.ZIP)
Layout 2: Preview | Download (.ZIP)
TVTropes
A recreation of the TV Tropes media page layout, so you can make a fake TV Tropes page for your personal project on your own website.
- Contains some CSS pulled directly from tvtropes.org. Used, edited, & distributed under CC BY-NC-SA 3.0.
- Choose light theme or dark theme by commenting out the appropriate variable set in the CSS.
- Features JavaScript click-to-toggle notes, folders, and spoilers.
- For users with JavaScript disabled, spoilers can be viewed by highlighting, while folders and notes will appear open.
- On larger pages, the fix that makes notes / folders appear open by default may cause weird visual effects when the page loads in. You can turn it off by scrolling to the bottom of the .JS file and following the commented instructions. JS-disabled users won't be able to see the hidden stuff if you do this, though.
- Uses Font Awesome for the icons, so you will need to make a (free) account for them to show up.
- .ZIP download contains a CSS file, a JS file, and two HTML files with the basic media and character page layouts.
Preview (dark theme) | Download (.ZIP)
Theme Switcher
A JavaScript toggle that lets you switch between themes. For a live preview, click the little squid button in the bottom right corner of the page.
- This isn't really a template so much as a tutorial / example. You will need some HTML/CSS knowledge to make it work.
- Uses JavaScript, local storage, & CSS variables. Users with JS/storage disabled won't be able to switch themes, and those on browsers without CSS variable support may have trouble viewing the page entirely.
- .ZIP download contains a JS file and an example HTML file with customization instructions.
Zines
One-page zines in JPEG form. If you want physical copies of your own, download them, print them, cut away any margins, and fold / cut them like this:
How to Make Egg & Tomato Stirfry
A recipe zine for the one dish I'm good at making. Rave reviews from my friends! 8 pages.
Text-only version
How to Make Egg & Tomato Stirfry
(Yummy! Easy! Great with carbs!)
Ingredients:
- eggs (~5)
- tomatoes (~3-4)
- green onion (half stem, optional)
- salt, sugar, oil
squid says: This is one of those Chinese mom recipes with really vague measurements, sorry. These amounts will make 2-3 servings, but everything is very adjustable.
- Beat eggs and ~1/3 tbsp salt in large bowl / deep plate.
- Chop tomatoes into chunks and dice green onion.
- Put frying pan / wok over medium-high heat. Add oil. Wait for oil to heat up.
- Add egg to pan & scramble. Then transfer scrambled eggs back into bowl.
- Add oil to pan again. Optionally, add green onion & let sizzle for a few seconds.
- In Mandarin, this is called 炝锅! It adds flavor :)
- Add tomatoes to pan, followed by ~1 heaping tbsp sugar. After stirring sugar in, the juice in the pan should taste like sugar with a tomato aftertaste. Don't be afraid to add more!
- Stir fry tomatoes until soft all the way through. Add ~1/3 tbsp salt when done.
- Put eggs in pan and stir them in. Then transfer everything back into the bowl. Voila!!
- Serve with your favourite carb! (Dip bread / spoon onto rice / etc.)
Look at My OCs
A brief introduction to the main cast of oneirosea. 16 pages.
Text-only version
Look at My OCs
Hiro Nimura
18 | he/she. A friendly, energetic, shonen protagonist kind of guy. Tries his best, but his memory disorder makes him a bit scatterbrained...
Bite Strength: 3/5
Helpfulness: 3/5
Tax Evasion: 2/5
Fun facts:
- good at making soup
- smells like seasonal soaps (pumpkin in fall, etc)
- likes dogs, but dogs don't like him :(
Ichika Sasaki
19 | she/her. The team's analytical and overly serious leader. Tries to project a cool detached image, but she's too nice for it to work.
Bite Strength: 2/5
Helpfulness: 5/5
Tax Evasion: 1/5
Fun facts:
- good at mending clothes
- wears insoles to make herself taller
- secretly likes terrible reality TV competitions
Clover
?? | they/them. A demon who got an android body so they can explore the human world. Well-meaning, but has to be reminded that humans can't be reassembled...
Bite Strength: 5/5
Helpfulness: 1/5
Tax Evasion: 5/5
Fun facts:
- good at hacking computers
- likes to eat plastic (it's bad for them, but so is normal food)
- currently experimenting with plant grafting
These guys work for a cyberpunk mega-corp (Alcyon Corporation), slaying dangerous demons before they can cause trouble in the human world. Off work, Hiro considers both his teammates friends, and tries to organize hangouts... Which usually involves trying to get Ichika to relax for two minutes for a change.
Metafictionally, they exist in a non-existent anime called ONEIROSEA. So I can daydream about merchandise and filler episodes...
I like them a lot. What about you?
Thanks for reading!! If you want to know more about these characters & their world, go to: squidknees.net/oneiropedia
What is ONEIROSEA?
A totally unbiased and accurate guide to what oneirosea is, brought to you by Alcyon Corporation. Metafiction from the oneirosea setting. 8 pages.
Text-only version
What is ONEIROSEA?
Mr. Kingfisher says: An official Alcyon Corporation guide!
[A diagram shows that "oneiro" means dream, and "sea" means ocean.]
ONEIROSEA is another world, parallel to ours. Every place in oneirosea corresponds to one in our world.
[Two skylines are shown, one with buildings and a park, the other with trees and strange growths. Arrows connect different parts of each skyline to the other.]
[Two dreamers' thought bubbles connect into one larger thought bubble, with a landscape with fish and trees inside.]
It is made of a form of energy generated by human dreams.
Sometimes, this energy clusters together into pseudo-living creatures, called DEMONS. Demons can be dangerous to humans. They can sneak into dreaming people's minds, and even take them over.
[Three demons, each a vaguely creature-like shape with eyes composed of layers of concentric circles. The fishlike one is shown swimming into a thought bubble and down its tail into a sleeping person, whose eyes are then replaced with the demon's eye.]
However, research shows that most demons are not hostile. Plus, oneirosea is a natural part of the universe that cannot be destroyed. That's why Alcyon Corporation's goal is to help both worlds coexist peacefully. And you can help!
[A smiling person holds hands with a demon and Mr. Kingfisher.]
The smiling person asks: How can I keep myself safe and help Alcyon Corporation?
Mr. Kingfisher responds: Don't worry, it's easier than you might think!
- Practice good sleep hygiene so demons can't possess you.
- Keep yourself informed, and don't trust dubious sources of information like online rumors about oneirosea.
- Report any demon activity to Alcyon Corporation as soon as you notice it.
Mr. Kingfisher waves and says: That's all for now! Be sure to visit Alcyon Corporation's website for even more useful information!
To read more about the world of oneirosea, visit: squidknees.net/oneiropedia
[Ichika, reading the zine, says "'coexist peacefully'? this pamphlet is bullshit." A worried Hiro responds "aww, I think it's nice..."]
Other
Shimeji
Shimeji is a Java app for Windows that generates little desktop buddies. This one is of my character Aster, so you can pick them up and shake them violently like they richly deserve.