a responsive fanfic rec page with combined filters
features:
responsive
combined filters
built-in star rating system
fic boxes with the following sections: image, title, author, rating, ship, fandom, summary, links to read in whatever platform, info (wc, genre, au, etc), if the work is part of a series, triggers
if tumblr gives you an error about javascript, please see this post
This is a premium "build your own” magazine, character, rec page.
Navigation: Home, Ask, + 4 Additional Links
Auto Centering
Six different self aligning sections that you can use to make your own page
Dark or light custom tumblr tools control
Sections Include:
Small Text section that allows for a smaller image, a category link and a title with a small scrollable description
Small Photo section that includes a small, but longer link image
Large Text section that that has a wide, short image with a category link and a title with a small scrollable description
Large Photo section that has a larger link image
Wide Text section that has a left or right aligned image, a category link and a title with a wider scrollable description
Wide Photo section that includes a shorter but very wide banner image
Color options for: background, text, content, two accents and each section is coded individually, so you have endless possibilities
This theme comes with the sections as individual text files. Just open the ones you want to use and paste them where indicated on the code. You can fit three small text and/or photo sections in one row, two large text and/or photo sections in one row, one small text and/or photo AND one large text and/or photo section in one row and one wide text/photo section in one row. You can use only one style (like all small photos for a simple character page) or use a variety of some or all to create just what you want and need.
Advanced HTML to edit colors and information ; box + table size changes not recommended. Let me know if you come across any issues.
I read many fanfics and while reading a lot, you come across favorite authors and enjoy their writing style! these are some of my favorite authors plus nets and I highly recommended that you check them out. feel free to comment some down below so I can add them to this list!
this 💫 means they’re one of my favorite authors ever and i go back to read their fics all the time. :)
my entry for @codingcabin‘s hallowtheme challenge!
FEATURES:
combined filters
responsive layout
to change the number of orange pumpkins used for scoring, add the class {number}-pumpkins to the movie article, like so:
<article class="movie one-pumpkins">
or
<article class="movie two-pumpkins">
NOTE: combined filters can be tricky to customize if you’re not familiar with them, so please check bev’s tutorial! you can contact me if you need help, but please read the tutorial first
CREDITS:
- normalize css by https://github.com/necolas
- fonts by google
- honeybee icons by https://honeybee.suiomi.com/
- ghost png by Good Ware https://www.flaticon.com/free-icon/ghost_2432928?term=ghost&page=1&position=8
- corner pumpkin by https://extasisthemes.com/post/631259127540219905/a-goodies-pack-by-extasisthemes-iron-man-bubble
- filtering by https://isotope.metafizzy.co/ + no layout mode: https://github.com/metafizzy/isotope/issues/675#issuecomment-40675160
So I’m thinking of adding a Fanfic rec page to my blog. It would just be a huge list of shit I’ve read and think you all would like to read. I’ll include ships in the description. Thoughts?