A Good Way To Inspire Yourself To Do More Is To See Yourself As The Wacky Sitcom B Plot Character In

girls love him for his poor posture and pathetic demeanor

nightfall

The sound my stupid cat makes when I move him from his favourite spot (on top of my jackets)

Taking Floof on an advanture.

Also SHAMELESS self promo, Commissions are open, also support me on Ko-fi, info is in pinned post!!

Ao3 HTML/Coding References-Part I

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

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

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

Fancy Formatting: (adding dividers, columns, photos, videos, tabs etc.)

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 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

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

Screenplay skin by astronought

Screenplay workskin by legonerd

How to make custom Page Dividers by La_Temperanza

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 insert Gmail emails in your fic by DemigodofAgni

How to mimic Email Windows by La_Temperanza

How to make a Choose Your Own Adventure Fic by La_Temperanza allows for clickable links and hidden text.

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.

Basic blogpost skin by Anonymous

Blog Post Work Skin by Anonymous

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?

How to make a rounded playlist by La_Temperanza Ever want to show a character's music playlist within your fic

Tabbing experiment by gifbot (clickable tabs)

Repository by gaudersan google searches, ao3 stats, instagram and text messages galore

Workskin for in Universe Investigative/Mission Report with Redaction by wafflelate case files/CSI reports

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.

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: Nov 28 2024 (Have a resource that you want to share? My inbox is open!)

See Part II for Website Mimics here!!

scar headcanon i can't put into a fic but is still Important To Me:

After getting taken out of secret life by Grian/ after Grian practically tells him the wildcard for the random spawning session, Scar knows that Grian's a watcher.

Scar returns to the sunflower field because it's safe, and it's home. Grian made the sunflower field for him so that he couldn't Stop Existing- he's still bound to protect him, and has been ever since 3rd life.

Which means that Scar doesn't feel afraid, or alone, stuck in secret life. Because he knows Grian's Watching him. And he makes little offerings to Grian and grows sunflowers for him and tells him how his day's been. And Grian can't really respond, per se, but the sun shines brighter some days and the wind whistles through the trees in a way that almost sounds like words...

Fuck that post going around saying "you can have coffee in your story without justifying it :) you don't need to explain everything :)" I want, no, I DEMAND a fully researched ethnobotanical paper on every single food item in your work, if you don't explain to me where did potatoes come from in your fantasy setting or don't explain how the industry of coffee works over interstellar distances with full detail you are doing things wrong and I personally hate you and I hate your stupid story, fuck you

It's the (cute) daozhang's annual convention. (Cute) daozhangs ONLY.

They're not invited ⬇️

💙 USA 💙

national suicide prevention

national domestic violence hotline

national sexual abuse hotline

trans lifeline and resources

💙INTERNATIONAL💙

list of suicide hotlines by country

domestic violence hotlines and resources by country

sexual (+ domestic) abuse agencies by country

international trans resources