diff options
Diffstat (limited to 'docs/prototypes/widgets.js')
| -rw-r--r-- | docs/prototypes/widgets.js | 10 |
1 files changed, 5 insertions, 5 deletions
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' }, }, }; |