From 80d1f8106a8dffa9dec6f438bdb4c39c7b04db5e Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Tue, 26 Nov 2024 08:39:50 -0700 Subject: [PATCH] blog: Restore the two column layout on Netscape Meteors At the bottom of this post is a two-column layout showing two versions of the meteors spinner. I broke that in a previous commit and this commit brings it back. Use the new content-grid shortcode (implemented in the submodule commit) to render a two-column grid. --- content/blog/2023/netscape-meteors/index.md | 9 ++++++--- themes/termlite | 2 +- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/content/blog/2023/netscape-meteors/index.md b/content/blog/2023/netscape-meteors/index.md index ceaeed6..3f1598d 100644 --- a/content/blog/2023/netscape-meteors/index.md +++ b/content/blog/2023/netscape-meteors/index.md @@ -26,13 +26,13 @@ Navigator "meteors" animation. This one has a special place in my head and heart because it is so clearly connected to my memories of discovering the web as a kid. Here it is in its original 60×60 px glory: -{{< figures/image name=netscape60 shouldShowTitle=false >}} +{{< figures/image name=netscape60 shouldShowTitle=false size=small >}} I started out doing some web searches that turned up several versions. One was promising but far too big: 400×400 px. Worse, after some shoddy resize attempts, the "pixels" had become rectangular. -{{< figures/image name=rectangular-pixels shouldShowTitle=false >}} +{{< figures/image name=rectangular-pixels shouldShowTitle=false size=small >}} This would not do. @@ -81,7 +81,10 @@ that replaces those pixels with ones that match the surrounding pixels. Here's the modified 60×60 one and a bigger 240×240 px one, for good measure: -{{< figures/image names="netscape-modified60,netscape-modified240" shouldShowTitle=false >}} +{{< content-grid columns=2 >}} + {{< figures/image name="netscape-modified60" shouldShowTitle=false shouldResize=false size=small >}} + {{< figures/image name="netscape-modified240" shouldShowTitle=false shouldResize=false size=small >}} +{{< /content-grid >}} diff --git a/themes/termlite b/themes/termlite index 7872296..4a5dc3a 160000 --- a/themes/termlite +++ b/themes/termlite @@ -1 +1 @@ -Subproject commit 7872296ee392d789f078e5a0ec44fd726e3e8111 +Subproject commit 4a5dc3a3187b743ca596e342fa6dee08c528d2e1