Quinn’s Website
Most of the code for my website is a splintery messy weave, with more unused baggage than an LV boutique. Although there are some snippets that may be useful. Please don’t take this site in its entirety.
Highlights
Hugo webpersons may find these portable snippets interesting:
- .gitlab-ci.yml which rebuilds my site every morning.
- partials/content-with-wikilinks.html Wikilink support explained in this post.
- partials/picture.html renders a resource as a responsive
<picture>element with webp support. Has some QOL features like auto orientation from EXIF data and permalink linking. - layouts/_default/_markup/render-image.html renders images from Markdown, ensures any absolute, relative, or remote path in my notes returns a valid resource. Passes resources to picture.html above ^^.
Architecture
Notes
My site is a collection of “notes”, rendered from my actual ~/Documents folder from my laptop/phone. It’s critical I keep >90% of these notes private. There are a few stopgaps that ensure nothing gets leaked:
- Sparse checkout when automatically building the site, only checking out folders I publish in.
- Manually defining Hugo mounts, ensuring only specific folders get accessed as content.
- IsNotePublic.html checks a note has the
public: trueyaml header before rendering (hides private notes in a public directory).
Theme
The Hugo theme is based on hugo-theme-novela, although has been heavily modified.