Skip to content

Latest commit

 

History

History
29 lines (26 loc) · 2.96 KB

README.md

File metadata and controls

29 lines (26 loc) · 2.96 KB

About

  • Just the raw html and css for tired quaranteens, a social media themed Danny Phantom fanfic hosted on ao3.
  • AO3 friendly css.
  • Base Fic is in Quaranteens folder. OtherFics folder has some sprinkles of coding for other fics. If you've noticed reused twitter usernames, it's because I reused my twitter template (a twitter cinematic universe lmao).
    • this is turning into some sort of monorepo, since some of the css is shared for other fic bits / tutorials
  • There are some CSS experiments (some 'sucessful' some 'failed') in other folders with varying degrees of organization. That is to say, you might see 3-5 copies of the same file/s.

Tools

Let's see I used

  • Visual Studio Code - free to download, light weight text editor from microsoft (i think?) that lets you write and organize code
  • my own account on imgur for static image hosting
  • MDN / W3Schools to reference CSS documentation.
    • where would i be without google and stackoverflow?
  • icons8 for icons
  • LunaPic for simple photo edits (crops, bg transparency)
  • pngjoy and pngwing and a few other free sites for gimmicky png resources
  • google image search for background shots from the show

Other

  • ao3 pls let us use flex boxes
  • that being said, i have like... 3-4 different versions of the amongus skin bc i started out using flexboxes, then i adapted when i realized ao3 wouldnt allow it. i dont remember which ones the used one bc its all in the mega css file
  • ive triiiied to keep each gimmicks css separate and only compile it together right before updating the ao3 css, in uploaded-to-ao3-vX.css but theres proooobably some amount of duplication. and just to be safe, i didnt want to delete anything.
  • check out the README within the Quaranteen/CYOA folder for more info about how it was done

misc changelog

  • the html parser keeps changing and it reruns everytime you add a new chapter, update an authors note, or edit html tags
  • changed quaranteens ch6 and ch7 to be fully in span elements, after some changes in ao3s html parser in jan 2023 prevented a tags from being siblings with divs. (a tags would be auto enclosed with p tags, preventing the tabbing mechanic from working). now quaranteens 6v2 and 7v2 was deployed
  • changed quaranteens 6v2 to just quaranteens 6 after it was discovered that enclosing the entire html in a figure tag would allow a tags to be siblings with div tags again. left 7v2 as is. saved all the html
  • at this point, ill keep fighting the html parser and just keep all files that have all my different (succcessful) attempts