rays/ipx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Home page: a screenshot for Signals in place of the drawing (#254)

Browse Source 
The drawn list's made-up titles read badly. The screenshot is a Signal
called Space on a scratch iPX on eight public feeds, with a stand-in
for Jev matching the Signal's words in titles, in Glass as the other
shots are.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Ray Slakinski
2026-10-16 20:53:49 +00:00
parent 894e5e4711
commit 1025416181
3 changed files with 2 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
site/site.css
View File

@@ -85,21 +85,6 @@ h2{margin:0 0 1.5rem;color:var(--navy);font-weight:800;font-size:clamp(1.75rem,4
48%,86%{flex-basis:.8%;background-color:rgba(255,85,0,.35)}
100%{flex-basis:4%;background-color:transparent}}
@media (prefers-reduced-motion:reduce){.hush{animation:none;flex-basis:.8%;background-color:rgba(255,85,0,.35)}}
/* Signals: the noise, every other item, fades; the items about the words stay lit, marked in the
needle's orange. */
.frame.signals{justify-self:stretch;width:100%}
.tune{padding:.4rem .5rem;border-radius:.55rem;background:rgba(143,194,234,.08);color:#fff}
.tune .for{margin:0 0 .5rem;color:var(--tick);font-size:.9rem}
.tune .for b{color:#fff;font-weight:650}
.tune ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.tune li{display:flex;align-items:center;min-height:1.6rem;padding-left:.7rem;border-left:3px solid transparent;font-size:.95rem;font-weight:600;line-height:1.3}
.tune .n i{display:block;height:.55rem;border-radius:.3rem;background:var(--tick);width:58%}
.tune .n:nth-child(3) i{width:46%}.tune .n:nth-child(4) i{width:70%}.tune .n:nth-child(7) i{width:40%} /* the page's CSP takes no inline style */
.tune .n{animation:noise 7s ease-in-out infinite}
.tune .s{animation:signal 7s ease-in-out infinite}
@keyframes noise{0%,14%{opacity:.7}36%,86%{opacity:.15}100%{opacity:.7}}
@keyframes signal{0%,14%{border-left-color:transparent}36%,86%{border-left-color:var(--needle)}100%{border-left-color:transparent}}
@media (prefers-reduced-motion:reduce){.tune .n{animation:none;opacity:.15}.tune .s{animation:none;border-left-color:var(--needle)}}
.also{margin:2rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 3.5rem}
.also dt{color:var(--navy);font-weight:750;font-size:1.2rem;line-height:1.25}
.also dd{margin:.45rem 0 0;max-width:34rem}