Fan-Coded

Webpage Template for Fanwork Archives

Fri, 26 Sep 2025 13:16:56 GMT

Posted by: osteophage

Crossposting from my journal:

Archive of Your Own is a webpage template for making a filterable index of creative works, modeled off of fanwork archives like AO3 and SqWA. Decide for yourself how your works are presented by customizing everything from the icons to the categorization scheme, all while offering your visitors a full array of filtering options. This template was created with the help of Solaria's CSS Filter Guide and is free for personal use with credit.

(I know there are a few of these already out there, but folks might be interested to know that this one is pure CSS/HTML, no Javascript needed.)

comments

Fanfiction Masterlist and Portfolio Templates

Fri, 11 Jul 2025 01:44:01 GMT

Posted by: linky

I shared this in smallweb too, but since I know there's a lot of fannish folks here I thought these would be worth sharing here as well!

For anyone interested in making a site/section on their site for their fics, here's a really good template for a fanfiction masterlist that just got posted online! Created by ceu. There's easy to follow documentation on how it works, and links to HTML tutorials if you're not familiar or need a refresher on there as well.

As said on the page showcasing the template too, it was inspired by this portfolio template by Kaylee Rowena. Which would be great for anyone who makes fanart! I might end up using this template myself whenever I get to revamping my art galleries on my own site.

comments

porting otw-archive's deprecated image library to active storage: tutorial

Sat, 01 Jun 2024 23:41:13 GMT

Posted by: luckyzukky

hi hello i'm back to be more annoying about otw-archive! in 2 days i single-handedly ported my instance of otw-archive (the ao3 code) - superlove - from paperclip, its deprecated and obsolete image library, to active storage, the newer and officially supported first party image library for ruby on rails. it was extremely hard work but i'm very proud of it and i'm happy to say that i've written a guide on how i did it!

i'd be more than happy to help anyone who plans on implementing active storage in otw-archive. it was so so hard and i couldn't have done it without the help of kind strangers online who've done this migration before, and friends who stuck by me as i complained about it during the process, hahaha.

moving otw-archive from paperclip to active storage, AKA: hell

comments

tutorial for deploying otw-archive (ao3) through docker

Tue, 09 Apr 2024 15:43:01 GMT

Posted by: luckyzukky

hey! bluedreaming told me about this comm and i am very grateful because, while the only kinda code i know is html/css and i suck at everything else, i AM very passionate about self hosting and servers and shit, and one of my nerdiest stupidest flexes is that i am the third person in the world to push otw-archive (ao3's code) into production for a public website! that site is superlove and i am very proud of it.

but the real reason why i'm posting: the other day i was messing around with a docker deployment of otw-a, because superlove was done bare metal, and i managed to successfully deploy otw-a in production through docker. and i'm insanely proud that i managed it and i wrote a whole guide on how to do it, because i documented through my first attempt, then started from scratch when i was done and went through it ALL over again to test my documentation, and both times worked!

the guide is on superlove here. i hope people find it helpful! thank you!

comments

Let's Make a Fansite!

Sun, 02 Jul 2023 20:31:24 GMT

Posted by: marinehaddock

Hope it's okay to do a promo here since it's related

I wrote a book on creating a fansite and it's currently 50% on the itch Summer Sale! If you need some help populating your fansite, please check it out! There's also community copies for those who can't afford it.

I also have a set of macros for getting twitter threads off of twitter which I developed for archiving my livetweets! It's free for anyone who needs it as twitter continues to implode. You can see my liveblogs over on my site!

I really love seeing everyone's stuff when they do so I can see all the fandoms ;w;

comments

kudoscript 1.0

Fri, 30 Jun 2023 00:26:20 GMT

Posted by: veryroundbird

hello!! i hear some people have missed people being able to kudos their stuff when putting fic on dreamwidth

anyway i wrote some code and it is very barebones and requires either a little sysadmin knowledge OR a PHP server on which you can have someone make sure the Imagick and SQLite extensions are installed! But it gives you the ability to drop in a little kudos counter and a link to give kudos anywhere you want for as many unique things as you want.

you can find it here! free to use & modify and do whatever you want with, basically; i aggressively commented it so that it's easy to understand if you want to hack on it.

comments