From b0db5e842d93564b1cb2e4b142ba0a0de1843fbd Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Sat, 18 Jul 2026 09:51:55 -0500 Subject: fix(gallery): split-flap defaults are paper cards, Helvetica, 100ms The default skin is the white card with dark lettering, not white ink on black, and the default face is Helvetica. Both list first in their chip rows with the alternatives a click away. The base flap rate moves to 100ms. The probe pins all three defaults, and its cascade windows widen to match the slower base so worst-case travel keeps its margin. --- docs/prototypes/widgets.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/prototypes/widgets.js') diff --git a/docs/prototypes/widgets.js b/docs/prototypes/widgets.js index 0126949..8af2666 100644 --- a/docs/prototypes/widgets.js +++ b/docs/prototypes/widgets.js @@ -3659,9 +3659,9 @@ GW.nixie = function (host, opts = {}) { Contract (everything a consumer needs; no page globals touched): opts: rows (1) x cells (4) grid; chars (flap order, default space+A-Z+0-9); - flapMs (85, per-cell rate jittered 0.8x-1.35x so letters finish + flapMs (100, per-cell rate jittered 0.8x-1.35x so letters finish at different times, base mutable via setFlapMs); animate (true); - skin ('white'|'dark'|'light'|'paper', card default white); font ('mono'|'helv'); + skin ('paper'|'white'|'dark'|'light', card default paper); font ('helv'|'mono', card default helv); words (the demo pool, at least rows+1 entries: next() sends every row to a different random word, mutually distinct; set(i) pins the top row for determinism); onChange(idx|-1, top word) fires at @@ -3680,7 +3680,7 @@ GW.splitFlap = function (host, opts = {}) { const cells = opts.cells || 4; const chars = opts.chars || ' ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; const clampMs = ms => Math.min(400, Math.max(20, ms | 0)); - let flapMs = clampMs(opts.flapMs || 85); + let flapMs = clampMs(opts.flapMs || 100); const ci = ch => Math.max(0, chars.indexOf(ch)); const fit = (str, w) => String(str).padEnd(w, ' ').slice(0, w); @@ -3824,15 +3824,15 @@ GW.splitFlap.STYLES = { // dot: the board colour; the gallery card letters each chip in the skin's // ink so the swatch is a miniature flap cell, not an ambiguous colour dot skin: { + paper: { cls: 'flap-paper', dot: '#ffffff' }, white: { cls: 'flap-white', dot: '#141210' }, dark: { cls: '', dot: '#141210' }, light: { cls: 'flap-light', dot: '#f3e7c5' }, - paper: { cls: 'flap-paper', dot: '#ffffff' }, }, // typeface: the kit's Berkeley Mono, or the grotesque real boards wore font: { - mono: { cls: '', dot: '#0d0c0b' }, helv: { cls: 'flap-helv', dot: '#0d0c0b' }, + mono: { cls: '', dot: '#0d0c0b' }, }, }; -- cgit v1.2.3