From 45c72fc4dfb0bb64d7e3c1d60ec8e8e8d3644c5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A2=D1=80=D0=BE=D1=88=D0=B8=D0=BD=20=D0=90=D0=BD=D1=82?= =?UTF-8?q?=D0=BE=D0=BD=20=D0=92=D0=B0=D0=BB=D0=B5=D1=80=D1=8C=D0=B5=D0=B2?= =?UTF-8?q?=D0=B8=D1=87?= Date: Sun, 12 Jul 2026 10:31:10 +0300 Subject: [PATCH] nicer text scroll --- app.js | 8 +++++++- index.html | 6 +++--- styles.css | 5 ++--- sw.js | 2 +- 4 files changed, 13 insertions(+), 8 deletions(-) diff --git a/app.js b/app.js index d95f63c..321ecb6 100644 --- a/app.js +++ b/app.js @@ -640,6 +640,11 @@ function toSubscript(n) { return String(n).split('').map(d => SUBSCRIPTS[d]).join(''); } +const TICKER_COLORS = [ + '#7ec8e3', '#a8d5a2', '#f0c674', '#d4a0d4', '#e8a87c', + '#87ceeb', '#98d4bb', '#deb887', '#c9b1ff', '#ff9a9e' +]; + const TICKER_SYSTEMS = [ { key: 'binary', min: 1, max: 255, prefix: toSubscript(2) }, { key: 'octal', min: 1, max: 511, prefix: toSubscript(8) }, @@ -661,7 +666,8 @@ function generateTickerText() { const wrapped = sys.key === 'slavonic' ? '' + prefixed + '' : prefixed; - pairs.push(wrapped + ' = ' + num); + const color = TICKER_COLORS[Math.floor(Math.random() * TICKER_COLORS.length)]; + pairs.push('' + wrapped + ' = ' + num + ''); } return pairs.join('\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0'); } diff --git a/index.html b/index.html index 91a1558..11cc6b8 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ - +
@@ -155,10 +155,10 @@
- + diff --git a/styles.css b/styles.css index c293bd9..0843d24 100644 --- a/styles.css +++ b/styles.css @@ -114,12 +114,11 @@ body { font-size: 1.05rem; font-family: monospace; animation: ticker-scroll 40s linear infinite; - padding-left: 100%; } @keyframes ticker-scroll { - 0% { transform: translateX(0); } - 100% { transform: translateX(-50%); } + 0% { transform: translateX(100%); } + 100% { transform: translateX(-100%); } } /* BUTTONS */ diff --git a/sw.js b/sw.js index 2d0a4d5..845a8a2 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -const CACHE_NAME = 'numnum-v38'; +const CACHE_NAME = 'numnum-v39'; const ASSETS = [ '/', '/index.html',