From b67982a90f861ba29e41ed366a481af707bd1c79 Mon Sep 17 00:00:00 2001 From: David Vazgenovich Shakaryan Date: Fri, 13 May 2022 17:12:16 -0700 Subject: web: use icons for settings; misc changes --- web/static/fonts/bootstrap-icons-sub.woff2 | Bin 728 -> 1036 bytes web/static/index.html | 12 ++++++------ web/static/style.css | 3 ++- web/static/sw.js | 15 ++++++--------- 4 files changed, 14 insertions(+), 16 deletions(-) (limited to 'web/static') diff --git a/web/static/fonts/bootstrap-icons-sub.woff2 b/web/static/fonts/bootstrap-icons-sub.woff2 index 3f7ef9b..0d765be 100644 Binary files a/web/static/fonts/bootstrap-icons-sub.woff2 and b/web/static/fonts/bootstrap-icons-sub.woff2 differ diff --git a/web/static/index.html b/web/static/index.html index f3dd2ae..2ed654b 100644 --- a/web/static/index.html +++ b/web/static/index.html @@ -16,10 +16,10 @@
dartboat™
-
-
-
-
+
+
+
+
oi!
@@ -75,8 +75,8 @@

dartboat

dartboat uses an internal representation of a specification dartboard. Darts are thrown following a normal distribution, with the resultant coordinates used to calculate the segments in which they land. The idea is that this provides a more realistic opponent than picking points at random.

Settings

-

stdev — the standard deviation of the bot's throws in millimetres. A value of 24 translates to a three-dart average of roughly 35. A value of 13 would be a 65 average, and a value of 8 a 95 average.

-

delay — milliseconds it takes the bot to throw each dart.

+

(delay) — milliseconds it takes the computer to throw each dart.

+

(stdev) — the standard deviation of the computer's throws in millimetres. A value of 24 translates to a three-dart average of roughly 35. A value of 13 would be a 65 average, and a value of 8 a 95 average.

Interface

To avoid destructive actions being a misclick away, certain actions require two presses—one to activate the button and another to trigger it.

The controls are designed to be keyboard-friendly. The keys should be fairly intuitive for the most part.

diff --git a/web/static/style.css b/web/static/style.css index ce2df1a..0d2fbcd 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -60,6 +60,7 @@ body { .icon { font-family: 'bootstrap-icons-sub'; + vertical-align: -0.125em; } /* titlebar */ @@ -449,7 +450,7 @@ body { #visits .p140 { color: #20e018; } #visits .p180 { color: #20e018; font-weight: bold; } #visits .throws-first { color: #999; } -#visits .throws-first:before { content: '\f151'; font-size: 0.75em; } +#visits .throws-first:before { content: '\f151'; font-size: 0.6em; } #visits .visit-p1-name { grid-column: 1 / span 2; } #visits .visit-p2-name { grid-column: 4 / span 2; } #visits .visit-p1-pts { grid-column: 1; } diff --git a/web/static/sw.js b/web/static/sw.js index f5d699a..6359ae5 100644 --- a/web/static/sw.js +++ b/web/static/sw.js @@ -1,8 +1,8 @@ const CACHE_PREFIX = 'dartboat-' -const CACHE_VERSION = '3'; +const CACHE_VERSION = '4'; const CACHE_NAME = `${CACHE_PREFIX}${CACHE_VERSION}`; -const FILES = [ +const CACHE_FILES = [ './', 'style.css', 'dartboat.js', @@ -18,19 +18,16 @@ function swlog(str) { self.addEventListener('install', e => { swlog('installing'); - - e.waitUntil((async() => { + e.waitUntil((async () => { swlog(`initialising cache ${CACHE_NAME}`); const cache = await caches.open(CACHE_NAME); - await cache.addAll(FILES); + await cache.addAll(CACHE_FILES); })()); - - swlog('installed'); }); self.addEventListener('activate', e => { - e.waitUntil(caches.keys().then((keys) => { - return Promise.all(keys.map((k) => { + e.waitUntil(caches.keys().then(keys => { + return Promise.all(keys.map(k => { if (k === CACHE_NAME || !k.startsWith(CACHE_PREFIX)) return; -- cgit v1.2.3-70-g09d2