Site Updates

Previously, I listed all changes in a matter-of-fact, no commentary summary. I've been introduced to the concept of "working in public", so now I'll be including notes and whatnot. Hopefully this can be useful to people other than me!

July 2023

After fiddling with Zonelets and DeadLogs, I've decided to manually code my blog pages. I highly recommend both, but personally I couldn't find a way to make them feel right for me! As I explored other services, I also came across Zonelots.

June 2023

I'm having a lot of fun making Honeycomb stamps and uploading them to my graphics collection. I realized that with a 1x1 transparent PNG, you can make the stamps form different shapes! The one on my page looks like a heart because of that.

May 2023

I figured out how to put everything on github! You can look at the source code over here. On top of the standard deploy-to-neocities action, I used 11ty-dependency-tree. Also, here's the step-by-step process, if you were as lost as me.

April 2023

I'm trying to make my website more accessible, starting with the images. I had to go through all my pages, anyway, because I switched to Eleventy. So, I took the time to add alt text to most pictures, but I've certainly missed some.


To lessen eyestrain (becuase let's be honest, I have a big problem with gifs) I've started implementing Freezeframe.js, with some adjustments.

$(function() {
const e = new Freezeframe({
        trigger: 'click', /* disables animated on hover. */
        responsive: false, /* preserves image resolution */
        });
    $("#play-gif").on("click", function(){e.start()});
    $("#stop-gif").on("click", function(){e.stop()});
    });

Above constructor modified from Bechnokid.


By default, Freezeframe allows you to hover over GIFs to play them. I disabled it as a personal preference - to me, the split-second of animation when your mouse passes over an image is jarring.


Another quirk of Freezeframe is that the images will auto-scale to fit their container. Setting responsive to false gets rid of that.


Finally, I noticed that Freezeframe inherently adds vertical-align: top as inline CSS to each image. I'm getting around this by setting it to initial.

The Olden Days (before Eleventy)

2022

2021