QNNNA's Den of Depravity

I made my site with 11ty, a static site generator. It's so much faster and easier than hand-coding a website, I don't know if I'll be able to go back! My switch to an SSG was inspired and made less daunting by Mei, who really helped to demystify static site generators.

If you're daunted by static site generators, I highly encourage you to check out some of the tutorials below!

Graphics

Background image and background for my button via Lovesick's Old Web Graphics shrine.

Button font is Gothic Pixels by LingDong Huang.

Icons are via Google's icon library.

List trees are essentially copy-pasted from the 98.css project by Jordan Scales.

The background on the favs page is from Fool Lovers

The fonts on the favs page are "Patrick Hand" and "Patrick Hand SC" by Patrick Wagesreiter.

Emojis via emoji.gg.

Code

I used Fancybox for my gallery and Tooltips.js for my tooltips.

Tutorials

HTML Comment Widget - the tutorial I used for my comment box. I did some minor code edits to help it suit my purposes, but the base code is sourced from here!

Using global data 11ty - a simple introduction to global data in 11ty. This was what really convinced me to switch to an SSG. If you want more detailed information on templating and using global data, refer to the Nunjucks documentation.

Though not strictly a tutorial, the 11ty documentation had my back for this project. It links to a variety of useful tutorials. The ones I came back to the most were:

Build an 11ty Site in 3 Minutes/Create Your First Basic 11ty Website by Stephanie Eckles of 11ty Rocks!. I liked this tutorial because it was short and comprehensive.

11ty Second 11ty: Paginating Markdown blog posts with 11ty Pagination by Bryan Robinson. I liked this tutorial because it showed me exactly how to paginate with 11ty.