about the site!

lotsaspaghetti.com is a personal website and blog built using Eleventy (link goes to eleventy). It's made to be simple and easy to maintain, using (削除) semantic HTML (削除ここまで) really basic HTML and as little Javascript as possible (only iframes for music embeds... and pagefind... okay so maybe it's not as little Javascript as possible anymore lol).

The CSS used is Sakura.css v1.5.1 extended with my own modifications, and the primary font is Atkinson Hyperlegible Mono (link goes to github) with icons from Font Awesome (link goes to github). These resources are locally hosted on this site to reduce remote network requests. Lastly, Pagefind (link goes to external site) is used to power the site's blog search.

TODOs

• [ ] add descriptions to music, art, and about pages
• [ ] make the site less jank on mobile
• [ ] implement accessibility features and conduct an accessibility audit per The A11Y Project (link goes to external site)
  • [ ] somehow make iframes behave in a more accessible way (tabbing through the Bandcamp widget produces no visual feedback, for instance)
• [ ] go through and add external link icons to all relevant URLs because a process that was automatic turned into a manual thing
• [ ] generate multiple pages for lists with lots of content, particularly so the releases page isn't loading a bajillion iframes
• [ ] make sitemap.xml include Eleventy passthrough files at build time

licenses

• Eleventy (MIT)
• Sakura.css (MIT)
• Atkinson Hyperlegible Mono (OFL 1.1)
• Font Awesome Free (CC BY 4.0, OFL 1.1, & MIT)
• Pagefind (MIT)