I recently made a code-heavy choose your own adventure fic, and I wanted to compile all of the really helpful resources I've found along the way. Basics, Text altering and Fancy Formatting (adding dividers, columns, photos, videos, tabs etc.) is below!
(Note: I've had to split this in two, so see Part II for all the website mimic HTML)
Basics:
This Ao3 Posting Doc converts Google doc into HTML, adding bold, underline, italics, strikethrough, paragraph breaks, and centered text. Major game changer for heavy HTML works
The Fic Writer's Guide to Formatting by AnisaAnisa: This is a masterpost in itself, covering links, images, boxes, borders, fonts etc. So I'm putting it here since it's amazingly helpful
HTML References by W3 schools- I've linked the HTML colors here, but this is a platform designed to help people learn/reference HTML
Ao3's own guide to HTML on their site Lovely Q&A for Ao3 specific HTML questions
A Guide to Ao3 HTML by Anima Nightmate (faithhope) This walks through what HTML code means SO WELL!
Text resources: (altering the color, font, emoji, style etc.)
Font's chapter: The Fic Writer's Guide to Formatting: okay I know I already linked it above, but listen it's very good so I'm linking again
Fonts colors and work skins oh my by Charles_Rockafeller takes fonts to a different level.
Multicolored text skin by ElectricAlice GRADIENT TEXT
All the Emoji by CodenameCarrot while Ao3 has signifigantly improved on hosting emojis, this code helps with using some more unconventional emojis. Amazing resource.
Upsidedown text and Zalgo text generators - these specific text generators allow for you to see their direct HTML codes
Fun CSS Text Effects by DoctorDizzyspinner
Workskin for showing and hiding spoilers by ElectricAlice makes text appear when hovered/clicked. Amazing for Trigger Warnings
Make text appear when you click [Work skin] by Khashana clickable end notes buttons for your work, similar to the spoiler button text
Hide spoilers like Discord by Professor_Rye
Desktop/mobile friendly short tooltips workskin by Simbaline
How to make Linked Footnotes on Ao3 by La_Temperanza
User-selectable Names in a Fanfic work by fiend Ever want people to select between different names in a fanfic? I could also see this used as ability to switch gender in a fanfic.
AO3 Comic Text Effects using CSS by DemigodofAgni Ever want a giant comicbook POW in your fic?
How to override the Archive's Chapter Headers by C Ryan Smith
Collection: CSS Guides by Goddess_of_the_arena (many helpful text walkthrough resources)
Fancy Formatting {Note: this got long so I split it up into more manageable sections}
Coding Masterpieces (Multiple things within the same fic)
Personal Experiment with HTML and CSS by MohnblumenKind This has a variety of help, Chapter 6 & 7 were great for choose your own adventure, Chapter 4 talks about columns and skins, and Chapter 10 even has a newspaper made entirely from site code.
Repository by gaudersan google searches, ao3 stats, instagram and text messages galore
CSS in Testing/Bleed Gold by InfinitysWraith Masterclass in cool formatting, including overidding default headers, Doors opening animation, Grid interactive photos, Hovering to change a photo, Retroactive text etc.
CSS in Testing:Second in Series by InfinitysWraith: Interactive keypads, Mock news site and interactive locking mechanism.
Coding Encyclopedia by Anonymous: chess, opening html envelopes, functioning clocks, HTML Art– this book is genuinely the most advanced stuff I’ve seen with HTML code on Ao3– and I’ve looked at every guide on this list.
Decorations (Boxes, Dividers, letters/background)
How to mimic letters, fliers and stationary without using images by La_Temperanza Really helped with box formatting
Decorations for Fic (HTML/CSS): Fanart, Dividers, Embedded Songs and More by Jnsn this has SO MANY cool coding features, including a chessboard that moves when you hover over it
Build a divider tool demo by skinforthesoul
How to make custom Page Dividers by La_Temperanza
Found Document work skin by hangingfire
Embedding other formats: (Images, gifs, youtube videos, audio, alt text)
Embed that Audio by Azdaema
Newbies guide to Podficcing by Azdaema
Embedding youtube videos on ao3 to scale with the screen by pigalle add youtube videos mid fic
Conlangs and Accessibility by Addleton this fic instructs how to have accessible translations in fic
How to make Images Fit on Mobile Browsers by La_Temperanza great image adding code
How to Wrap text around images by La_Temperanza image text wrapping
How to put pictures and gifs on Ao3 from Google Drive by gally_hin
Choose Your Own Adventure Code
How to make a Choose Your Own Adventure Fic by La_Temperanza allows for clickable links and hidden text.
Interactive fiction Workskin Tutorial by RedstoneBug BEST CHOOSE YOUR OWN ADVENTURE RESOURCE
How to make your fic look like the game by MelsShenanigans, ThoughtsCascade (I was a Teenage Exocolonist is the game but it’s a Choose your own adventure re-skin)
Newspaper/Article/Blog mimic
How to make a News Website Article Skin on Ao3 by ElectricAlice
Newspaper/Magazine Article Template by deathbymistletoe
Newspaper Article by lordvoldemortsskin --basic but adaptive for mobile
Newspaper Article Adaptation by KorruptBrekker modification for different columns
TMZ WorkSkin by Anonymous
Basic blogpost skin by Anonymous
Blog Post Work Skin by Anonymous
Journaling App by egnimalea
Email Mimic
How to insert Gmail emails in your fic by DemigodofAgni
How to mimic Email Windows by La_Temperanza
Gmail Email Skin by Sunsetcurbed
The idiot’s incoherent guide for learning css & html for ao3 in dystopia by anonymous (Gmail skin)
Search Engine Mimic
Google Search Suggestions Work Skin and Tutorial by Bookkeep
Baidu Search History Work Skin by Bookkeep
Repository by gaudersan
Misc. General formats with HTML (mission reports, spreadsheets, other documents)
Screenplay skin by astronought
Screenplay workskin by legonerd
Mock Spotify Playlist WorkSkin by Anonymous
How to make a rounded playlist by La_Temperanza Ever want to show a character's music playlist within your fic
Workskin for in Universe Investigative/Mission Report with Redaction by wafflelate case files/CSI reports
Learn to Microsoft Excel by ssc_lmth insert a spreadsheet in your fic
Ao3 Work skin: a simple scoreboard by revanchist shows how to code a scoreboard
Colossal Cave Adventure by gifbot Working Keyboard anyone?
Tabbing experiment by gifbot (clickable tabs)
Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot
Happy Creating!
Last updated: Dec 28 2024 (Have a resource that you want to share? My inbox is open!)
People really need to take a wider view of this paranoia about age gaps and realise this is how we lose the ability to build communities. You need to be able to realise that people can have things in common with you even if they grew up in a different time/place/culture. You also need to realise you can build communities with people who don’t have obvious things in common with you, that people can have the same goals and needs as you even if in most ways they’re very unlike you. Now, more than ever, we need to be able to work together to have any chance to stand ip against the few who have so, so much more power, money and influence than any of us do individually. We need to form communities that reach across age (and class and race and sexuality and so on…).
I... I have coworkers who are from 26 to like. 56. we have work in common?? the work we all do?? together?? commonly? all of us, at all of our ages???
Also I don't care what I have in common. I can strike up a conversation over plenty of shit I don't have in common. That's how you exchange information on topics. Learn To Ask A Question And A Follow-Up Question.
do these people not talk to their family members?
I mean my niece and nephew are some of the coolest people out there and they are 30 years younger than me.
Do they have nothing in common with their parents or aunts and uncles?
My community elders in the fiber community are awesome and I have learned so much from them. And regularly do social things together.
Like there is a difference between "My trauma creates impulsive urges and has changed my instinctive reactions to be irrational, I need to relearn shit." vs "I'm traumatized so I Can't Help It and you're not allowed to expect better of me"
Ray Bradbury’s short story “There Will Come Soft Rains” that was written in 1950 is set on the day of August 4th, 2026 (tomorrow)!! Now’s your chance to read it around the time it’s based in!
Audio: A recording of Leonard Nimoy reading it on Internet Archive.
if you experience any disability or neurodivergency please fill out this form. it is equally important to me to have data that says progesterone doesn't affect autism or testosterone doesn't make you hard of hearing or whatever, as it is to document changes. so if you have any health condition. please fill it out. even if it to say "no change". i am begging you all.
and if you can't. please. please do reblog. i need this to be as big as humanly possible. it is the best way forwards to inform decisions.
funny thing about anxiety is sometimes it kind of breaks your sense of danger. like i am known for repeatedly putting myself in situations that make my friends go "bro you couldve died. werent you scared?" and the answer is 👍 yjeah. i did it scared. i do everything scared. i didnt know that was the actual important kind of scary because i usually have to ignore my fears to function in society. it will happen again. watch out.
We live in a system that makes money off of your misery and ambivalence. It relies on people thinking that they are inherently bad for the planet and that the world is ending so why change? Why try? --This is untrue! We belong here, on this one beautiful green earth and we have to work together to protect it. You have the power to do more than you know. You have a role to play in your ecosystem!
bestie boo, let me fill you in on something: if you're going to take any part of 'good grammar' and randomly assign it to She's A Witch! AI, you might as well give up. It's over. You're cooked. Anyone who has spent the last decade or more learning to type properly, anyone who has spent any time writing articles/papers/essays that require you to use 'good grammar' is going to fall into that 'oh no it might be AI' trap.
Stop hunting like it's 1692. You're not going to find Goody Proctor at the ChatGPT sacrament. What you're going to do is exactly what happened back then: harming people who've done nothing wrong.
Pinch hit #1: 16+ Video Blogging RPF team, willing to view works that may contain MCD and/or GDoV up to an M rating.
Pinch hit #2: All ages Searching for a World that Doesn't Exist team
If either of these pinch hits interest you, please join the server and open a ticket to let the mods know.
As a reminder, the minimums are: 750 words minimum for written works, 10k words maximum, and art pieces are expected to be be at least a clean sketch with colored flats, and the character(s) must recognizably be in a location; this may be accomplished with a properly credited or copyright-free image, or may be drawn.
The final deadline for submissions is Sunday, August 9th 11:59 p.m. EDT (GMT-4).
there's a family of local sandhill cranes that adopted an abandoned goose last summer and they're STILL together today even after migration.... i love them + they're local celebrities + nature is beautiful
