<feed xmlns='http://www.w3.org/2005/Atom'>
<title>slosh.git/web/gen-logo-mask, branch master</title>
<subtitle>an opinionated terminal multiplexer in C with programmable pane chrome</subtitle>
<id>https://git.sl0p.foo/slosh.git/atom/web/gen-logo-mask?h=master</id>
<link rel='self' href='https://git.sl0p.foo/slosh.git/atom/web/gen-logo-mask?h=master'/>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/'/>
<updated>2026-08-30T18:24:53Z</updated>
<entry>
<title>web: the logo becomes geometry -- fonts cannot break rects</title>
<updated>2026-08-30T18:24:53Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T18:24:53Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=65567cfbbc301e047cf1f84fdad305e28f199a4f'/>
<id>urn:sha1:65567cfbbc301e047cf1f84fdad305e28f199a4f</id>
<content type='text'>
Android reports arrived of the logo rendering shattered, and the cause
is the ascii itself: the default monospace there has no block glyphs,
so every ▀▄█ falls back to whatever font volunteers, each with its own
metrics, and the grid comes apart. No font stack fixes a missing
glyph, and shipping a font is against the house rules.

So the logo stops being text: web/gen-logo-mask turns logo.txt into an
SVG of merged rects, inlined into site.css as a data URI and used as a
CSS mask on an empty element. The animated background layers show
through the mask exactly as they showed through background-clip: text,
so every effect survives -- gradient slide, shine, hue, glow -- and
two old hacks retire with the fonts: the letter-spacing pinstripe fix,
and (after one round of seams at fractional mask scales) a vertical
overlap baked into the rects. Same 318x84 box, same placement math,
and a hero that reads as role=img with a label instead of seven rows
of block glyphs.
</content>
</entry>
</feed>
