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!)
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
my dream as a fanfic writer is for one day, one of my fics to be someones comfort fic. like the fic that they reread when they don't feel good and want to be happy. i want my words to comfort someone one day
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
5. It’s hard to be offended when white people jokes involve bland food/tourist dads in socks and sandals/white girls in yoga pants obsessed with pumpkin spice/suburban PTA moms and other harmless and mostly true stereotypes while jokes about POC involve them being called thugs/criminals/slurs/uneducated/illegal immigrants.
6. They’re usually really fucking funny and don’t perpetuate stereotypes that will ever affect me economically, politically, or cause me any true harm, let alone create risks that “justify” my murder and/or death
Recent discourse reminds me of that cult indoctrination trick that's often used to weed out more difficult marks early on, where they tell you all that you aren't allowed to eat rice on Tuesdays and then if you protest they go "wow SOMEBODY likes rice a little much huh" as if you're the fucking weirdo who cares too much about how much rice is consumed between Monday and Wednesday instead of them.
And this forces you to decide whether your autonomy matters to you more than the approval of the group - while they'll still act like you're on thin ice either way, if you give in at this point they know you're theirs forever, because now they've established a foothold, you've shown a moral weakness, which they will brand you with so it can be used against you in the future ("hey RICE-addict here doesn't want help break into the city records office") to force you to double-down and isolate you further.
And if instead you do decide to push back further, after your abrupt departure from the group ("You're seriously leaving us over RICE?!? Seriously?") and subsequent ostracism, you can then be used as a demonstration to the others who were more pliable, of how the outgroup is full of people like you who are obsessed with violating the No-Tuesday-Rice rule to the point where they'll abandon all their friends, who cared so much for them, so it clearly isn't an arbitrary restriction, you're the kind of monster these rules are intended to protect them from, thus all the other wise and esoteric precepts of the charismatic leader are implied to be equally justified.
This isn't just for cults either! Shitty partners, bosses, friends - they all do variants of this where if you kick back the first time they make an unreasonable request, it proves you weren't ever committed since you'd let such a small thing ruin everything. And of course, if it's the third or the tenth unreasonable thing they ask of you, it's SUCH A SMALL THING to be a deal-breaker at this late point in your relationship!
Thank-you to all of my new Internet stranger friends for being so gracious about having my post shoved onto your dashboards. I loved reading all of your kind tags and comments! Both Martin and Bosco have been gone for several years now but for 24 hours, they felt very present in my life. I greatly appreciate this gift. ❤️
Thank you to everyone who commented in their tags or messaged me. Indeed, today is “Martin and Bosco Day”. I originally whimsically blazed this photo on 13 July 2022. I never expected Martin and Bosco to travel so far and make so many new friends. The experience has been such a gift for me.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
Hello, Impulse.
In the woods is a cabin. A warm glow seeps out through the window and beneath the door. In the woods is a cabin that holds everything you once knew, everyone you loved.
You will not like what you find
Do not return.
idk how to word this properly but wrt the fanfic thing you reblogged earlier. Why do fanfic writers have such different expectations than any other content hosting platform?
Like lets take youtube as a point of comparison, Engagement like comments and likes largely exists to boost the works place in algorithm, thats why youtubers put in calls to action and other engament bait. Few with decent reach even read the comments and the audience shouldnt try to develop any weird parasocial relationship with the youtuber. Fanfic authors ask for likes (kudos, because the websites gotta use nonstandard language for some reason) and comments despite them not having any impact on an algorithm, and seem to want the audience to try and develop a relationship with the author based on tumblr posts like that one.
Why the radical difference in behaviour away from the norm? And honestly with all the (usually) metaphorical blood spilled online about parasociality why are authors really surprised that the audience tries to keep their distance as is best practice with any other content producer?
okay I am going to answer this as kindly and as calmly as I can and try to assume that you are asking this in good faith. because my friend, the fact that you feel the need to ask is, to me, The Problem.
[this is, for the record, in response to this post]
fanfiction writers are not *posting content.* (I also have reservations about engaging with the term "content producer" or "content creator" but let's put that aside for now, I'll circle back to it.) you say "they seem to want the audience to try and develop a relationship with the author" as though it is strange, off-putting, and incomprehensible to you, when in fact that is the point of writing fanfiction. it is a way of participating in fandom. it is a way of building community and exchanging ideas and becoming closer with people.
if authors wanted to solely ~generate content~ that would get them attention (?? to what end, the dynamic you have described seems to equate algorithmic supremacy as winning for winning's sake, as though all anyone wants to do is BUILD an audience without ENGAGING with them, which I cannot fathom but let's pretend for a moment that is, in fact, true) then like. if that were the case why on earth would they choose a medium in which they categorically cannot succeed and profit, because it isn't their IP?
you are equating two things that are not at all the same thing. to the degree that parasocial relationships are to be avoided, and "that person is not trying to be your friend they are trying to entertain you, please respect their boundaries" is a real dynamic -- which it is!! -- like. you have to understand that the reason that is true for the people of whom it is true is because it is their JOB. they are storytellers by profession, and they are either through direct payment, or sponsorship, or advertising, or through some other means, profiting off of your attention. i don't say this to be dismissive, many wonderful artists and actors and comedians and any number of a thousand things that i enjoy very much go this route but they do so as a *career choice.* and so when you violate the public/private boundary with them, you are presuming to know a Person rather than their Worksona. the people who work at Dropout or who stream their actual play tabletop games or who broadcast on TikTok or YouTube are inviting me to feel like i know them to the degree to which that helps them succeed in their medium and at their craft, but there MUST be a mutual understanding that that's a feeling, not a fact.
however.
a fanfiction writer is not an influencer, not a professional, and is not looking to garner "success." there is no share of audience we are trying to gain for gain's sake, because we are not competition with one another, because there is nothing to win other than the pleasure of each other's company. we are doing this for no other reason than the love of the game; because we have things we want desperately to say about these worlds, these characters, these dynamics, and because we *want more than anything to know we are not alone in our thoughts and feelings.* fanfiction is a bid for interaction, engagement, attention, and consideration. it is not meant to be consumed and then moved on from because we are NOT paid for our work, nor do we want to be. the reward we seek is "attention," but attention as in CONVERSATION, not attention as in clicks. we are not IN this for profit, or for number-go-up. there is no such thing: legally there cannot be. we are in this because we want to be seen and known.
like. please understand. i am now married to someone i met because of mutual comments on fanfiction. our close friend and roommate, with whom i have cohabitated for over a decade now, is someone I met because of mutual comments on fanfiction and livejournal posts. that is my household. beyond my household, the vast majority of my closest personal friends are people with whom I built relationships in this way.
you ask why fanfiction writers want THIS and not "the norm," but the idea of everything being built to cater to an algorithm to continue to build clout, as though the only method of reaching people is Distant Overlord Creator and Passive Receptive Audience being "the norm" is EXTREMELY NEW. this is not how it has always been!! please think of the writers of zines in a pre-internet fandom, using paper and glue and xerox to try and meet like-minded people in a world that was designed for you to only ever meet people in person, by happenstance, in your own hometown. imagine the writers of the early internet, building webrings from scratch to CREATE a community to find each other, despite distance. imagine livejournal groups, forums, and -- yes, indeed, of course -- comment threads IN STORIES -- as places where people go to *converse.* in the past, we had an entire Type Of Guy that everyone knew about, the BNF ("Big Name Fan") whose existence had to be described via meme because it was SO DIFFERENT THAN THE NORM. treating fellow fans like celebrities or people too cool for the regular kids to know was an OUTLIER, and one commonly understood to lead to toxicity.
in the past, I have likened writing fanfiction to echolocation. i am not screaming because I like hearing the sound of my own voice, though i can and do find my voice beautiful. i am screaming so that the vibrations can bounce back to me and show me the world. the purpose is in the feedback. otherwise it is just noise.
does this make any sense? can you see, when i describe it that way, why an ask like yours makes me feel despair, because it makes us all sound so horribly separate from one another?
perhaps I will try another metaphor:
a professional chef who runs a restaurant will not have her feelings hurt if you never fight your way into the kitchen to personally tell her how much you enjoyed the meal. that would, indeed, violate a boundary. professional kitchens are a place of work, and you have already showed her you enjoyed the meal by paying for it, or by perhaps spreading your enjoyment by word of mouth to your friends so they, too, can have good meals. you show your appreciation by continuing to come back. if a bunch of people sitting around randomly happen to have a conversation about how much they love the food, it wouldn't hurt that chef's feelings to not be included in the conversation. however: EVEN IN THIS INSTANCE, it is ADVISABLE AND APPROPRIATE to leave a good review! you might post about how much you like this restaurant on Yelp, and it would probably make the chef feel great to see those positive comments. but the chef doesn't NEED them, because the chef is, again, *also being paid to cook.* that's why she started the restaurant, to be paid to cook!
i am not being paid to cook.
i am at home in my own kitchen, making things for a community potluck where i hope everyone will bring something we can all enjoy together. some people at the potluck are better bakers, some better cooks; some can't cook at all but are great at logistics and make sure there's enough napkins for everyone; some people come just to enjoy the food, because that's what the party is for. and if I, as this enthusiast chef who made something from my heart for this reason alone, learned after the fact that a bunch of people got together in the parking lot to rave about my dish but no one of them had ever bothered to tell me while I sat alone at my table all night, occasionally seeing people come by to pick up a plate but never saying anything to me -- of course that would bother me, because I am not otherwise profiting off the labor I put in. this is not a bid to be paid, because if someone WERE to say "hey, great cake!! here's five bucks for a slice" i would say no, friend, that is not the point and give them the money back. i'm not trying to Get Mine. I am in it to see the look on your face. I'm in it so you can tell me what about it moved you, so that I can say back what moved me to make it in the first place. so we can TALK about it.
because what happened in the first place is this: one time I had a cake whose sweetness, richness, flavor, intensity, and composition moved me so much that I *taught myself to bake.* so I could see how much vanilla and sugar was too much, so I could learn how to make things rise instead of fall flat, so I could even better appreciate the original cake by seeing for myself the effort and talent and inspiration that goes into making one even half as good.
learning to do so is a satisfying accomplishment in and of itself, yes.
but I also did it because at the end of the day we should EAT the cake. and it's a lonely thing, to eat alone when a meal was always designed and intended to be shared.
so, to answer your last question: i'm not surprised, i'm just sad. because somehow two things that were never meant to be seen as the same have been labeled "content," and thus identical. and it diminishes both the things that ARE intended to be paid for AND the things that are not, because it removes any sense of intimacy or meaning from the work.
i hope you know i'm not mad at you for asking. but i'm frustrated we've come to live in a world where the question needs to be asked, because the answers are no longer intuitively obvious because we're so siloed.
Infected with HTML Fic Brainworms @amphibianauthor - Tumblr Blog | Tumlook