| commit c453f54128e6058a383d4696be7aa8a88ec4b9f8 parent 6b2845b0db346b79379f17444877e1a05e216e12 Author: sqzer <110329244+sqzer-x@users.noreply.github.com> Date: Sun, 26 Jul 2026 00:13:10 +0900 Use the logo in the masthead and as the favicon The source was 2816×1536 and 2.9 MB, almost all of it white space, on an opaque white background rather than a transparent one. Cropped to the ink, given an alpha channel derived from luminance so the antialiasing survives, and shipped at 120 px: 6 KB for the mark and 5 KB for the icon. The line art is black, and this site is dark by default, so the mark would have been invisible where most people see it. It is inverted in CSS rather than shipped twice — for pure black-on-transparent artwork, inverting produces exactly the white version, and one file cannot drift from the other. The favicon cannot be inverted by CSS, so that one does ship twice, selected by `prefers-color-scheme` on the link element. A browser that does not understand the media attribute takes the last one, which is the black mark for a light tab bar — the more common default. Sized at 2.2em rather than the 1.6em I started with. Below that the hatching on the hand aliases into a smudge and the drawing stops being a drawing. The alt attribute is empty on purpose: the wordmark sits immediately beside it, and naming the image too makes a screen reader say "sqzass" twice. Not wired into og:image. That would put the mark in every Slack and Discord unfurl of every page, which is a different decision from a favicon and is one line in base.html whenever it is wanted. Diffstat:
|
sqzass~ A static site generator written in Rust |
| git clone https://github.com/debuman/sqzass.git |