🦊

Website

Philosophy

Currently, this website is living document and treated as a diary or grimoire.

If I begin writing blogs, I’ll begin tending link rot.

Dev

This site runs Hugo with notes written in goldmark and recipes use yaml. These formats let me jot down ideas quickly.

The website is maintained in git and updates on commit.

HTML, CSS, and Hugo code are kept minimal and navigation works well in links2.

Fox Avatar

The fox sprite art is by Elthen.

Presently, it constitutes the only images and javascript on the site.

avatar

On mouseover you can pet the fox who jumps for more onmouseout. The fox does not like to be clicked! Only the mouseover gif loops.

<img
  id="fox"
  alt="🦊"
  src="/fox.gif"
  onmouseover="this.src='/fox-wag.gif'"
  onmouseout="this.src='/fox-jump.gif'"
  onclick="this.src='/fox-click.gif'"
/>

Influence

Xe’s christine.website was a big inspiration for dark colors and displaying links. (This site has a light and dark color scheme.)

Seridy’s An opinionated list of best practices for textual websites influenced many design and CSS choices.

Typography tweaks in the CSS inspired by Smashing Magazine’s Modern CSS Techniques to Improve Legibility and Piccalilli’s Improve readability of the content of your website.