<feed xmlns='http://www.w3.org/2005/Atom'>
<title>slosh.git/web/site.css, branch v0.1.3</title>
<subtitle>an opinionated terminal multiplexer in C with programmable pane chrome</subtitle>
<id>https://git.sl0p.foo/slosh.git/atom/web/site.css?h=v0.1.3</id>
<link rel='self' href='https://git.sl0p.foo/slosh.git/atom/web/site.css?h=v0.1.3'/>
<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>
<entry>
<title>web: the magnet scroll goes</title>
<updated>2026-08-30T18:14:48Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T18:14:48Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33'/>
<id>urn:sha1:32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33</id>
<content type='text'>
Proximity snapping, even with the doorway steps freed, still catches
some people's scrolling in ways worth no tour polish -- input devices
and browsers disagree too much about what proximity means. The
clickable steps and the smooth scrolling stay; a reader's wheel is
theirs again, everywhere.
</content>
</entry>
<entry>
<title>web: a one-line footer -- slosh is a sl0p.foo product</title>
<updated>2026-08-30T17:50:00Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:50:00Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=49c3231ae03727243edd7c130b329253a65e789d'/>
<id>urn:sha1:49c3231ae03727243edd7c130b329253a65e789d</id>
<content type='text'>
The page gets its colophon back, at a fraction of the old footer's
size: one centred mono line in the floor's own greys, the link a shade
brighter and pink under the pointer.
</content>
</entry>
<entry>
<title>web: the hero logo cycles too, in truer colours</title>
<updated>2026-08-30T17:48:16Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:48:16Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=6b3f15e8118a576284d1400c98e485356e62bec4'/>
<id>urn:sha1:6b3f15e8118a576284d1400c98e485356e62bec4</id>
<content type='text'>
The floating logo's dress on the big one, cut to the brand: no hue
rotation -- that is what walks the little one off into blues -- just a
4s slide through the palette's own pinks and orchid and --dead's
sunset orange, the most retrowave colour the theme already owns, with
the shine crossing once a loop and a soft pink glow underneath.
Reduced motion gets the gradient standing still.
</content>
</entry>
<entry>
<title>web: the demo poster rises above the lightened floor</title>
<updated>2026-08-30T17:44:35Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:44:35Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=23a96c825b12de1c8efe40c9ba8c3c777e4b90b7'/>
<id>urn:sha1:23a96c825b12de1c8efe40c9ba8c3c777e4b90b7</id>
<content type='text'>
The body gradient's ground passes --panel by, and a box darker than
its floor reads as a hole. The poster steps up to --code-bg -- the
same raised step the install boxes beside it use -- and its border
moves to --faint, since the old border colour is now the fill.
</content>
</entry>
<entry>
<title>web: the page lightens toward the ground, barely</title>
<updated>2026-08-30T17:41:21Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:41:21Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=0ab21ce1c64ccff02d8c2e6f44be5e545a943484'/>
<id>urn:sha1:0ab21ce1c64ccff02d8c2e6f44be5e545a943484</id>
<content type='text'>
A gradient on the body, whose box is the whole document, so the fade
maps to scroll distance: near-black held through the hero and the tour,
then a slow climb to a grey that stops shy of the panels' own colour --
the floor lightens, the boxes on it stay boxes. html keeps the solid
top colour, so over-scroll rubber-banding stays dark.
</content>
</entry>
<entry>
<title>web: the logo trades the glitch for the shine</title>
<updated>2026-08-30T17:38:34Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:38:34Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=4fe7c53c6fc0cd2c15b61f40db80db0bb8ecb848'/>
<id>urn:sha1:4fe7c53c6fc0cd2c15b61f40db80db0bb8ecb848</id>
<content type='text'>
A band of light sweeping the glyphs once a loop -- the logo running
slosh's own shine preset, which is a better advertisement than a
signal fault. The band is a second background layer on the same
text clip, parked off the ink for 86% of the loop and crossing in the
closing 0.7s; one set of keyframes drives both layers, the colour
slide holding its linear pace through every stop. The glitch keyframes
go, and reduced motion still keeps only the hue.
</content>
</entry>
<entry>
<title>web: the logo glitches, briefly, every seven seconds</title>
<updated>2026-08-30T17:35:46Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:35:46Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=be9226c3a561cc3c301d43735714c02ba2126826'/>
<id>urn:sha1:be9226c3a561cc3c301d43735714c02ba2126826</id>
<content type='text'>
A signal that is fine, fine, fine, and then for a third of a second is
not: torn into bands by clip-path, shoved and sheared by transform --
the two properties the other animations left free, filter being the
hue's and background the slide's. Doubled keyframe percentages make
the cuts hard instead of smeared, and 7s against the 5s slide and 4s
hue lands the burst somewhere new in the colour every time. Reduced
motion never sees it: the glitch is nothing but motion, and the
reduced lane already keeps only the hue.
</content>
</entry>
<entry>
<title>web: the whole step is the road, not just its title</title>
<updated>2026-08-30T17:26:54Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:26:54Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=e7555078282054ed9c02579b37e0d628db599b92'/>
<id>urn:sha1:e7555078282054ed9c02579b37e0d628db599b92</id>
<content type='text'>
Clicking anywhere in a dimmed article glides it to the centre and so,
through the observer, switches the recording. Three guards keep the
click meaning navigation: the active step does not react (clicks there
are for reading and selecting, not going where you already are), a
selection is not a click, and a link is a link. The pointer cursor and
the title's breath of pink now belong to dimmed steps only -- the
active one is just prose.
</content>
</entry>
<entry>
<title>web: the tour's doorway steps stop grabbing</title>
<updated>2026-08-30T17:22:50Z</updated>
<author>
<name>user</name>
<email>user@clank</email>
</author>
<published>2026-08-30T17:22:50Z</published>
<link rel='alternate' type='text/html' href='https://git.sl0p.foo/slosh.git/commit/?id=b8a550a9d7119200ad3d92095937f8d4d7b09a90'/>
<id>urn:sha1:b8a550a9d7119200ad3d92095937f8d4d7b09a90</id>
<content type='text'>
Proximity snapping traps at the edges: between steps, adjacent fields
hand you from magnet to magnet, but at the first and last there is no
next field -- a wheel tick toward the hero or past the final demo ends
inside the boundary step's radius and is pulled straight back, forever.
The interior steps keep their snap-align; the doorways go without,
because a doorway that grabs is worse than a step that does not snap.
</content>
</entry>
</feed>
