web: add better icons for PWA

21 files changed, 235 insertions, 31 deletions

diff --git a/web/COPYING_icons b/web/COPYING_bootstrap-icons
index 47f06b6..47f06b6 100644
--- a/web/COPYING_icons
+++ b/web/COPYING_bootstrap-icons
diff --git a/web/Makefile b/web/Makefile
index 66d88f7..07b7d78 100644
--- a/web/Makefile
+++ b/web/Makefile
@@ -15,7 +15,7 @@ all: $(TARGET)
 $(TARGET): $(SRC)
 	mkdir $(TARGET)
 	$(CC) $(CFLAGS) $^ -o $(TARGET)/dartboat_wasm.js
-	cp static/* $(TARGET)/
+	cp -r static/* $(TARGET)/
 
 clean:
 	rm -rf $(TARGET)
diff --git a/web/static/dartboat.webmanifest b/web/static/dartboat.webmanifest
index 1321595..f6023bd 100644
--- a/web/static/dartboat.webmanifest
+++ b/web/static/dartboat.webmanifest
@@ -4,16 +4,21 @@
 	"start_url": "./",
 
 	"display": "standalone",
-	"background_color": "#311d52",
+	"background_color": "#1a1a1a",
+	"theme_color": "#311d52",
 
 	"icons": [
-		{ "src": "dartboat_16.png", "sizes": "16x16", "type": "image/png" },
-		{ "src": "dartboat_32.png", "sizes": "32x32", "type": "image/png" },
-		{ "src": "dartboat_64.png", "sizes": "64x64", "type": "image/png" },
-		{ "src": "dartboat_96.png", "sizes": "96x96", "type": "image/png" },
-		{ "src": "dartboat_128.png", "sizes": "128x128", "type": "image/png" },
-		{ "src": "dartboat_192.png", "sizes": "192x192", "type": "image/png" },
-		{ "src": "dartboat_256.png", "sizes": "256x256", "type": "image/png" },
-		{ "src": "dartboat_512.png", "sizes": "512x512", "type": "image/png" }
+		{ "src": "icons/dartboat_16.png", "sizes": "16x16", "type": "image/png" },
+		{ "src": "icons/dartboat_32.png", "sizes": "32x32", "type": "image/png" },
+		{ "src": "icons/dartboat_48.png", "sizes": "48x48", "type": "image/png" },
+		{ "src": "icons/dartboat_64.png", "sizes": "64x64", "type": "image/png" },
+		{ "src": "icons/dartboat_96.png", "sizes": "96x96", "type": "image/png" },
+		{ "src": "icons/dartboat_128.png", "sizes": "128x128", "type": "image/png" },
+		{ "src": "icons/dartboat_144.png", "sizes": "144x144", "type": "image/png" },
+		{ "src": "icons/dartboat_192.png", "sizes": "192x192", "type": "image/png" },
+		{ "src": "icons/dartboat_256.png", "sizes": "256x256", "type": "image/png" },
+		{ "src": "icons/dartboat_512.png", "sizes": "512x512", "type": "image/png" },
+		{ "src": "icons/dartboat_192_mask.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
+		{ "src": "icons/dartboat_512_mask.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
 	]
 }
diff --git a/web/static/icons.woff2 b/web/static/fonts/bootstrap-icons-sub.woff2
index 3f7ef9b..3f7ef9b 100644
--- a/web/static/icons.woff2
+++ b/web/static/fonts/bootstrap-icons-sub.woff2
diff --git a/web/static/inter-num.woff2 b/web/static/fonts/inter-num.woff2
index 5cea7a5..5cea7a5 100644
--- a/web/static/inter-num.woff2
+++ b/web/static/fonts/inter-num.woff2
diff --git a/web/static/icons/dartboat.svg b/web/static/icons/dartboat.svg
new file mode 100644
index 0000000..bf0ae28
--- /dev/null
+++ b/web/static/icons/dartboat.svg
@@ -0,0 +1,203 @@
+<svg id="dartboard" viewBox="0 0 451.000000 451.000000" width="451" height="451">
+	<style>
+		@font-face {
+			font-family: 'inter-num';
+			src: url('data:font/woff2;base64,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') format('woff2');
+		}
+		text {
+			font-family: 'inter-num';
+		}
+	</style>
+	<g class="base" transform="translate(225.500000 225.500000) scale(1 -1)">
+		<circle fill="#272b2c" r="225.500000"></circle>
+		<path fill="#f6302f" d="M-24.976327 157.694320A159.660000 159.660000 0 0 0 24.976327 157.694320L26.471840 167.136621A169.220000 169.220000 0 0 1 -26.471840 167.136621Z"></path>
+		<path fill="#22912d" d="M24.976327 157.694320A159.660000 159.660000 0 0 0 72.484123 142.258102L76.824272 150.776124A169.220000 169.220000 0 0 1 26.471840 167.136621Z"></path>
+		<path fill="#f6302f" d="M72.484123 142.258102A159.660000 159.660000 0 0 0 112.896669 112.896669L119.656610 119.656610A169.220000 169.220000 0 0 1 76.824272 150.776124Z"></path>
+		<path fill="#22912d" d="M112.896669 112.896669A159.660000 159.660000 0 0 0 142.258102 72.484123L150.776124 76.824272A169.220000 169.220000 0 0 1 119.656610 119.656610Z"></path>
+		<path fill="#f6302f" d="M142.258102 72.484123A159.660000 159.660000 0 0 0 157.694320 24.976327L167.136621 26.471840A169.220000 169.220000 0 0 1 150.776124 76.824272Z"></path>
+		<path fill="#22912d" d="M157.694320 24.976327A159.660000 159.660000 0 0 0 157.694320 -24.976327L167.136621 -26.471840A169.220000 169.220000 0 0 1 167.136621 26.471840Z"></path>
+		<path fill="#f6302f" d="M157.694320 -24.976327A159.660000 159.660000 0 0 0 142.258102 -72.484123L150.776124 -76.824272A169.220000 169.220000 0 0 1 167.136621 -26.471840Z"></path>
+		<path fill="#22912d" d="M142.258102 -72.484123A159.660000 159.660000 0 0 0 112.896669 -112.896669L119.656610 -119.656610A169.220000 169.220000 0 0 1 150.776124 -76.824272Z"></path>
+		<path fill="#f6302f" d="M112.896669 -112.896669A159.660000 159.660000 0 0 0 72.484123 -142.258102L76.824272 -150.776124A169.220000 169.220000 0 0 1 119.656610 -119.656610Z"></path>
+		<path fill="#22912d" d="M72.484123 -142.258102A159.660000 159.660000 0 0 0 24.976327 -157.694320L26.471840 -167.136621A169.220000 169.220000 0 0 1 76.824272 -150.776124Z"></path>
+		<path fill="#f6302f" d="M24.976327 -157.694320A159.660000 159.660000 0 0 0 -24.976327 -157.694320L-26.471840 -167.136621A169.220000 169.220000 0 0 1 26.471840 -167.136621Z"></path>
+		<path fill="#22912d" d="M-24.976327 -157.694320A159.660000 159.660000 0 0 0 -72.484123 -142.258102L-76.824272 -150.776124A169.220000 169.220000 0 0 1 -26.471840 -167.136621Z"></path>
+		<path fill="#f6302f" d="M-72.484123 -142.258102A159.660000 159.660000 0 0 0 -112.896669 -112.896669L-119.656610 -119.656610A169.220000 169.220000 0 0 1 -76.824272 -150.776124Z"></path>
+		<path fill="#22912d" d="M-112.896669 -112.896669A159.660000 159.660000 0 0 0 -142.258102 -72.484123L-150.776124 -76.824272A169.220000 169.220000 0 0 1 -119.656610 -119.656610Z"></path>
+		<path fill="#f6302f" d="M-142.258102 -72.484123A159.660000 159.660000 0 0 0 -157.694320 -24.976327L-167.136621 -26.471840A169.220000 169.220000 0 0 1 -150.776124 -76.824272Z"></path>
+		<path fill="#22912d" d="M-157.694320 -24.976327A159.660000 159.660000 0 0 0 -157.694320 24.976327L-167.136621 26.471840A169.220000 169.220000 0 0 1 -167.136621 -26.471840Z"></path>
+		<path fill="#f6302f" d="M-157.694320 24.976327A159.660000 159.660000 0 0 0 -142.258102 72.484123L-150.776124 76.824272A169.220000 169.220000 0 0 1 -167.136621 26.471840Z"></path>
+		<path fill="#22912d" d="M-142.258102 72.484123A159.660000 159.660000 0 0 0 -112.896669 112.896669L-119.656610 119.656610A169.220000 169.220000 0 0 1 -150.776124 76.824272Z"></path>
+		<path fill="#f6302f" d="M-112.896669 112.896669A159.660000 159.660000 0 0 0 -72.484123 142.258102L-76.824272 150.776124A169.220000 169.220000 0 0 1 -119.656610 119.656610Z"></path>
+		<path fill="#22912d" d="M-72.484123 142.258102A159.660000 159.660000 0 0 0 -24.976327 157.694320L-26.471840 167.136621A169.220000 169.220000 0 0 1 -76.824272 150.776124Z"></path>
+		<path fill="#272b2c" d="M-16.679043 105.307331A106.620000 106.620000 0 0 0 16.679043 105.307331L24.976327 157.694320A159.660000 159.660000 0 0 1 -24.976327 157.694320Z"></path>
+		<path fill="#fbe3ba" d="M16.679043 105.307331A106.620000 106.620000 0 0 0 48.404467 94.999116L72.484123 142.258102A159.660000 159.660000 0 0 1 24.976327 157.694320Z"></path>
+		<path fill="#272b2c" d="M48.404467 94.999116A106.620000 106.620000 0 0 0 75.391725 75.391725L112.896669 112.896669A159.660000 159.660000 0 0 1 72.484123 142.258102Z"></path>
+		<path fill="#fbe3ba" d="M75.391725 75.391725A106.620000 106.620000 0 0 0 94.999116 48.404467L142.258102 72.484123A159.660000 159.660000 0 0 1 112.896669 112.896669Z"></path>
+		<path fill="#272b2c" d="M94.999116 48.404467A106.620000 106.620000 0 0 0 105.307331 16.679043L157.694320 24.976327A159.660000 159.660000 0 0 1 142.258102 72.484123Z"></path>
+		<path fill="#fbe3ba" d="M105.307331 16.679043A106.620000 106.620000 0 0 0 105.307331 -16.679043L157.694320 -24.976327A159.660000 159.660000 0 0 1 157.694320 24.976327Z"></path>
+		<path fill="#272b2c" d="M105.307331 -16.679043A106.620000 106.620000 0 0 0 94.999116 -48.404467L142.258102 -72.484123A159.660000 159.660000 0 0 1 157.694320 -24.976327Z"></path>
+		<path fill="#fbe3ba" d="M94.999116 -48.404467A106.620000 106.620000 0 0 0 75.391725 -75.391725L112.896669 -112.896669A159.660000 159.660000 0 0 1 142.258102 -72.484123Z"></path>
+		<path fill="#272b2c" d="M75.391725 -75.391725A106.620000 106.620000 0 0 0 48.404467 -94.999116L72.484123 -142.258102A159.660000 159.660000 0 0 1 112.896669 -112.896669Z"></path>
+		<path fill="#fbe3ba" d="M48.404467 -94.999116A106.620000 106.620000 0 0 0 16.679043 -105.307331L24.976327 -157.694320A159.660000 159.660000 0 0 1 72.484123 -142.258102Z"></path>
+		<path fill="#272b2c" d="M16.679043 -105.307331A106.620000 106.620000 0 0 0 -16.679043 -105.307331L-24.976327 -157.694320A159.660000 159.660000 0 0 1 24.976327 -157.694320Z"></path>
+		<path fill="#fbe3ba" d="M-16.679043 -105.307331A106.620000 106.620000 0 0 0 -48.404467 -94.999116L-72.484123 -142.258102A159.660000 159.660000 0 0 1 -24.976327 -157.694320Z"></path>
+		<path fill="#272b2c" d="M-48.404467 -94.999116A106.620000 106.620000 0 0 0 -75.391725 -75.391725L-112.896669 -112.896669A159.660000 159.660000 0 0 1 -72.484123 -142.258102Z"></path>
+		<path fill="#fbe3ba" d="M-75.391725 -75.391725A106.620000 106.620000 0 0 0 -94.999116 -48.404467L-142.258102 -72.484123A159.660000 159.660000 0 0 1 -112.896669 -112.896669Z"></path>
+		<path fill="#272b2c" d="M-94.999116 -48.404467A106.620000 106.620000 0 0 0 -105.307331 -16.679043L-157.694320 -24.976327A159.660000 159.660000 0 0 1 -142.258102 -72.484123Z"></path>
+		<path fill="#fbe3ba" d="M-105.307331 -16.679043A106.620000 106.620000 0 0 0 -105.307331 16.679043L-157.694320 24.976327A159.660000 159.660000 0 0 1 -157.694320 -24.976327Z"></path>
+		<path fill="#272b2c" d="M-105.307331 16.679043A106.620000 106.620000 0 0 0 -94.999116 48.404467L-142.258102 72.484123A159.660000 159.660000 0 0 1 -157.694320 24.976327Z"></path>
+		<path fill="#fbe3ba" d="M-94.999116 48.404467A106.620000 106.620000 0 0 0 -75.391725 75.391725L-112.896669 112.896669A159.660000 159.660000 0 0 1 -142.258102 72.484123Z"></path>
+		<path fill="#272b2c" d="M-75.391725 75.391725A106.620000 106.620000 0 0 0 -48.404467 94.999116L-72.484123 142.258102A159.660000 159.660000 0 0 1 -112.896669 112.896669Z"></path>
+		<path fill="#fbe3ba" d="M-48.404467 94.999116A106.620000 106.620000 0 0 0 -16.679043 105.307331L-24.976327 157.694320A159.660000 159.660000 0 0 1 -72.484123 142.258102Z"></path>
+		<path fill="#f6302f" d="M-15.183529 95.865030A97.060000 97.060000 0 0 0 15.183529 95.865030L16.679043 105.307331A106.620000 106.620000 0 0 1 -16.679043 105.307331Z"></path>
+		<path fill="#22912d" d="M15.183529 95.865030A97.060000 97.060000 0 0 0 44.064318 86.481093L48.404467 94.999116A106.620000 106.620000 0 0 1 16.679043 105.307331Z"></path>
+		<path fill="#f6302f" d="M44.064318 86.481093A97.060000 97.060000 0 0 0 68.631784 68.631784L75.391725 75.391725A106.620000 106.620000 0 0 1 48.404467 94.999116Z"></path>
+		<path fill="#22912d" d="M68.631784 68.631784A97.060000 97.060000 0 0 0 86.481093 44.064318L94.999116 48.404467A106.620000 106.620000 0 0 1 75.391725 75.391725Z"></path>
+		<path fill="#f6302f" d="M86.481093 44.064318A97.060000 97.060000 0 0 0 95.865030 15.183529L105.307331 16.679043A106.620000 106.620000 0 0 1 94.999116 48.404467Z"></path>
+		<path fill="#22912d" d="M95.865030 15.183529A97.060000 97.060000 0 0 0 95.865030 -15.183529L105.307331 -16.679043A106.620000 106.620000 0 0 1 105.307331 16.679043Z"></path>
+		<path fill="#f6302f" d="M95.865030 -15.183529A97.060000 97.060000 0 0 0 86.481093 -44.064318L94.999116 -48.404467A106.620000 106.620000 0 0 1 105.307331 -16.679043Z"></path>
+		<path fill="#22912d" d="M86.481093 -44.064318A97.060000 97.060000 0 0 0 68.631784 -68.631784L75.391725 -75.391725A106.620000 106.620000 0 0 1 94.999116 -48.404467Z"></path>
+		<path fill="#f6302f" d="M68.631784 -68.631784A97.060000 97.060000 0 0 0 44.064318 -86.481093L48.404467 -94.999116A106.620000 106.620000 0 0 1 75.391725 -75.391725Z"></path>
+		<path fill="#22912d" d="M44.064318 -86.481093A97.060000 97.060000 0 0 0 15.183529 -95.865030L16.679043 -105.307331A106.620000 106.620000 0 0 1 48.404467 -94.999116Z"></path>
+		<path fill="#f6302f" d="M15.183529 -95.865030A97.060000 97.060000 0 0 0 -15.183529 -95.865030L-16.679043 -105.307331A106.620000 106.620000 0 0 1 16.679043 -105.307331Z"></path>
+		<path fill="#22912d" d="M-15.183529 -95.865030A97.060000 97.060000 0 0 0 -44.064318 -86.481093L-48.404467 -94.999116A106.620000 106.620000 0 0 1 -16.679043 -105.307331Z"></path>
+		<path fill="#f6302f" d="M-44.064318 -86.481093A97.060000 97.060000 0 0 0 -68.631784 -68.631784L-75.391725 -75.391725A106.620000 106.620000 0 0 1 -48.404467 -94.999116Z"></path>
+		<path fill="#22912d" d="M-68.631784 -68.631784A97.060000 97.060000 0 0 0 -86.481093 -44.064318L-94.999116 -48.404467A106.620000 106.620000 0 0 1 -75.391725 -75.391725Z"></path>
+		<path fill="#f6302f" d="M-86.481093 -44.064318A97.060000 97.060000 0 0 0 -95.865030 -15.183529L-105.307331 -16.679043A106.620000 106.620000 0 0 1 -94.999116 -48.404467Z"></path>
+		<path fill="#22912d" d="M-95.865030 -15.183529A97.060000 97.060000 0 0 0 -95.865030 15.183529L-105.307331 16.679043A106.620000 106.620000 0 0 1 -105.307331 -16.679043Z"></path>
+		<path fill="#f6302f" d="M-95.865030 15.183529A97.060000 97.060000 0 0 0 -86.481093 44.064318L-94.999116 48.404467A106.620000 106.620000 0 0 1 -105.307331 16.679043Z"></path>
+		<path fill="#22912d" d="M-86.481093 44.064318A97.060000 97.060000 0 0 0 -68.631784 68.631784L-75.391725 75.391725A106.620000 106.620000 0 0 1 -94.999116 48.404467Z"></path>
+		<path fill="#f6302f" d="M-68.631784 68.631784A97.060000 97.060000 0 0 0 -44.064318 86.481093L-48.404467 94.999116A106.620000 106.620000 0 0 1 -75.391725 75.391725Z"></path>
+		<path fill="#22912d" d="M-44.064318 86.481093A97.060000 97.060000 0 0 0 -15.183529 95.865030L-16.679043 105.307331A106.620000 106.620000 0 0 1 -48.404467 94.999116Z"></path>
+		<path fill="#272b2c" d="M-2.609327 16.474642A16.680000 16.680000 0 0 0 2.609327 16.474642L15.183529 95.865030A97.060000 97.060000 0 0 1 -15.183529 95.865030Z"></path>
+		<path fill="#fbe3ba" d="M2.609327 16.474642A16.680000 16.680000 0 0 0 7.572562 14.861989L44.064318 86.481093A97.060000 97.060000 0 0 1 15.183529 95.865030Z"></path>
+		<path fill="#272b2c" d="M7.572562 14.861989A16.680000 16.680000 0 0 0 11.794541 11.794541L68.631784 68.631784A97.060000 97.060000 0 0 1 44.064318 86.481093Z"></path>
+		<path fill="#fbe3ba" d="M11.794541 11.794541A16.680000 16.680000 0 0 0 14.861989 7.572562L86.481093 44.064318A97.060000 97.060000 0 0 1 68.631784 68.631784Z"></path>
+		<path fill="#272b2c" d="M14.861989 7.572562A16.680000 16.680000 0 0 0 16.474642 2.609327L95.865030 15.183529A97.060000 97.060000 0 0 1 86.481093 44.064318Z"></path>
+		<path fill="#fbe3ba" d="M16.474642 2.609327A16.680000 16.680000 0 0 0 16.474642 -2.609327L95.865030 -15.183529A97.060000 97.060000 0 0 1 95.865030 15.183529Z"></path>
+		<path fill="#272b2c" d="M16.474642 -2.609327A16.680000 16.680000 0 0 0 14.861989 -7.572562L86.481093 -44.064318A97.060000 97.060000 0 0 1 95.865030 -15.183529Z"></path>
+		<path fill="#fbe3ba" d="M14.861989 -7.572562A16.680000 16.680000 0 0 0 11.794541 -11.794541L68.631784 -68.631784A97.060000 97.060000 0 0 1 86.481093 -44.064318Z"></path>
+		<path fill="#272b2c" d="M11.794541 -11.794541A16.680000 16.680000 0 0 0 7.572562 -14.861989L44.064318 -86.481093A97.060000 97.060000 0 0 1 68.631784 -68.631784Z"></path>
+		<path fill="#fbe3ba" d="M7.572562 -14.861989A16.680000 16.680000 0 0 0 2.609327 -16.474642L15.183529 -95.865030A97.060000 97.060000 0 0 1 44.064318 -86.481093Z"></path>
+		<path fill="#272b2c" d="M2.609327 -16.474642A16.680000 16.680000 0 0 0 -2.609327 -16.474642L-15.183529 -95.865030A97.060000 97.060000 0 0 1 15.183529 -95.865030Z"></path>
+		<path fill="#fbe3ba" d="M-2.609327 -16.474642A16.680000 16.680000 0 0 0 -7.572562 -14.861989L-44.064318 -86.481093A97.060000 97.060000 0 0 1 -15.183529 -95.865030Z"></path>
+		<path fill="#272b2c" d="M-7.572562 -14.861989A16.680000 16.680000 0 0 0 -11.794541 -11.794541L-68.631784 -68.631784A97.060000 97.060000 0 0 1 -44.064318 -86.481093Z"></path>
+		<path fill="#fbe3ba" d="M-11.794541 -11.794541A16.680000 16.680000 0 0 0 -14.861989 -7.572562L-86.481093 -44.064318A97.060000 97.060000 0 0 1 -68.631784 -68.631784Z"></path>
+		<path fill="#272b2c" d="M-14.861989 -7.572562A16.680000 16.680000 0 0 0 -16.474642 -2.609327L-95.865030 -15.183529A97.060000 97.060000 0 0 1 -86.481093 -44.064318Z"></path>
+		<path fill="#fbe3ba" d="M-16.474642 -2.609327A16.680000 16.680000 0 0 0 -16.474642 2.609327L-95.865030 15.183529A97.060000 97.060000 0 0 1 -95.865030 -15.183529Z"></path>
+		<path fill="#272b2c" d="M-16.474642 2.609327A16.680000 16.680000 0 0 0 -14.861989 7.572562L-86.481093 44.064318A97.060000 97.060000 0 0 1 -95.865030 15.183529Z"></path>
+		<path fill="#fbe3ba" d="M-14.861989 7.572562A16.680000 16.680000 0 0 0 -11.794541 11.794541L-68.631784 68.631784A97.060000 97.060000 0 0 1 -86.481093 44.064318Z"></path>
+		<path fill="#272b2c" d="M-11.794541 11.794541A16.680000 16.680000 0 0 0 -7.572562 14.861989L-44.064318 86.481093A97.060000 97.060000 0 0 1 -68.631784 68.631784Z"></path>
+		<path fill="#fbe3ba" d="M-7.572562 14.861989A16.680000 16.680000 0 0 0 -2.609327 16.474642L-15.183529 95.865030A97.060000 97.060000 0 0 1 -44.064318 86.481093Z"></path>
+		<circle fill="#22912d" r="16.680000"></circle>
+		<circle fill="#f6302f" r="7.130000"></circle>
+		<path fill="#909ca0" d="M168.414346 2.939683A168.440000 168.440000 0 0 0 168.440000 0.000000A168.440000 168.440000 0 1 0 168.414346 2.939683L170.000000 0.000000A170.000000 170.000000 0 0 1 169.974108 2.966909A170.000000 170.000000 0 1 1 170.000000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M168.804286 2.946490A168.830000 168.830000 0 0 0 168.830000 0.000000A168.830000 168.830000 0 1 0 168.804286 2.946490L169.610000 0.000000A169.610000 169.610000 0 0 1 169.584168 2.960103A169.610000 169.610000 0 1 1 169.610000 0.000000Z"></path>
+		<path fill="#909ca0" d="M158.855802 2.772838A158.880000 158.880000 0 0 0 158.880000 0.000000A158.880000 158.880000 0 1 0 158.855802 2.772838L160.440000 0.000000A160.440000 160.440000 0 0 1 160.415564 2.800064A160.440000 160.440000 0 1 1 160.440000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M159.245742 2.779645A159.270000 159.270000 0 0 0 159.270000 0.000000A159.270000 159.270000 0 1 0 159.245742 2.779645L160.050000 0.000000A160.050000 160.050000 0 0 1 160.025624 2.793258A160.050000 160.050000 0 1 1 160.050000 0.000000Z"></path>
+		<path fill="#909ca0" d="M105.823880 1.847163A105.840000 105.840000 0 0 0 105.840000 0.000000A105.840000 105.840000 0 1 0 105.823880 1.847163L107.400000 0.000000A107.400000 107.400000 0 0 1 107.383642 1.874388A107.400000 107.400000 0 1 1 107.400000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M106.213821 1.853969A106.230000 106.230000 0 0 0 106.230000 0.000000A106.230000 106.230000 0 1 0 106.213821 1.853969L107.010000 0.000000A107.010000 107.010000 0 0 1 106.993702 1.867582A107.010000 107.010000 0 1 1 107.010000 0.000000Z"></path>
+		<path fill="#909ca0" d="M96.265336 1.680318A96.280000 96.280000 0 0 0 96.280000 0.000000A96.280000 96.280000 0 1 0 96.265336 1.680318L97.840000 0.000000A97.840000 97.840000 0 0 1 97.825098 1.707543A97.840000 97.840000 0 1 1 97.840000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M96.655277 1.687124A96.670000 96.670000 0 0 0 96.670000 0.000000A96.670000 96.670000 0 1 0 96.655277 1.687124L97.450000 0.000000A97.450000 97.450000 0 0 1 97.435158 1.700737A97.450000 97.450000 0 1 1 97.450000 0.000000Z"></path>
+		<line stroke="#909ca0" x1="2.609327" y1="16.474642" x2="28.036185" y2="177.013504" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="2.609327" y1="16.474642" x2="28.036185" y2="177.013504" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="7.572562" y1="14.861989" x2="81.364177" y2="159.686189" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="7.572562" y1="14.861989" x2="81.364177" y2="159.686189" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="11.794541" y1="11.794541" x2="126.727677" y2="126.727677" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="11.794541" y1="11.794541" x2="126.727677" y2="126.727677" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="14.861989" y1="7.572562" x2="159.686189" y2="81.364177" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="14.861989" y1="7.572562" x2="159.686189" y2="81.364177" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="16.474642" y1="2.609327" x2="177.013504" y2="28.036185" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="16.474642" y1="2.609327" x2="177.013504" y2="28.036185" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="16.474642" y1="-2.609327" x2="177.013504" y2="-28.036185" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="16.474642" y1="-2.609327" x2="177.013504" y2="-28.036185" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="14.861989" y1="-7.572562" x2="159.686189" y2="-81.364177" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="14.861989" y1="-7.572562" x2="159.686189" y2="-81.364177" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="11.794541" y1="-11.794541" x2="126.727677" y2="-126.727677" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="11.794541" y1="-11.794541" x2="126.727677" y2="-126.727677" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="7.572562" y1="-14.861989" x2="81.364177" y2="-159.686189" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="7.572562" y1="-14.861989" x2="81.364177" y2="-159.686189" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="2.609327" y1="-16.474642" x2="28.036185" y2="-177.013504" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="2.609327" y1="-16.474642" x2="28.036185" y2="-177.013504" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-2.609327" y1="-16.474642" x2="-28.036185" y2="-177.013504" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-2.609327" y1="-16.474642" x2="-28.036185" y2="-177.013504" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-7.572562" y1="-14.861989" x2="-81.364177" y2="-159.686189" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-7.572562" y1="-14.861989" x2="-81.364177" y2="-159.686189" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-11.794541" y1="-11.794541" x2="-126.727677" y2="-126.727677" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-11.794541" y1="-11.794541" x2="-126.727677" y2="-126.727677" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-14.861989" y1="-7.572562" x2="-159.686189" y2="-81.364177" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-14.861989" y1="-7.572562" x2="-159.686189" y2="-81.364177" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-16.474642" y1="-2.609327" x2="-177.013504" y2="-28.036185" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-16.474642" y1="-2.609327" x2="-177.013504" y2="-28.036185" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-16.474642" y1="2.609327" x2="-177.013504" y2="28.036185" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-16.474642" y1="2.609327" x2="-177.013504" y2="28.036185" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-14.861989" y1="7.572562" x2="-159.686189" y2="81.364177" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-14.861989" y1="7.572562" x2="-159.686189" y2="81.364177" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-11.794541" y1="11.794541" x2="-126.727677" y2="126.727677" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-11.794541" y1="11.794541" x2="-126.727677" y2="126.727677" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-7.572562" y1="14.861989" x2="-81.364177" y2="159.686189" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-7.572562" y1="14.861989" x2="-81.364177" y2="159.686189" stroke-width="0.780000"></line>
+		<line stroke="#909ca0" x1="-2.609327" y1="16.474642" x2="-28.036185" y2="177.013504" stroke-width="1.560000"></line>
+		<line stroke="#d8e6ec" x1="-2.609327" y1="16.474642" x2="-28.036185" y2="177.013504" stroke-width="0.780000"></line>
+		<path fill="#909ca0" d="M15.897578 0.277493A15.900000 15.900000 0 0 0 15.900000 0.000000A15.900000 15.900000 0 1 0 15.897578 0.277493L17.460000 0.000000A17.460000 17.460000 0 0 1 17.457341 0.304719A17.460000 17.460000 0 1 1 17.460000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M16.287519 0.284300A16.290000 16.290000 0 0 0 16.290000 0.000000A16.290000 16.290000 0 1 0 16.287519 0.284300L17.070000 0.000000A17.070000 17.070000 0 0 1 17.067400 0.297913A17.070000 17.070000 0 1 1 17.070000 0.000000Z"></path>
+		<path fill="#909ca0" d="M6.349033 0.110823A6.350000 6.350000 0 0 0 6.350000 0.000000A6.350000 6.350000 0 1 0 6.349033 0.110823L7.910000 0.000000A7.910000 7.910000 0 0 1 7.908795 0.138049A7.910000 7.910000 0 1 1 7.910000 0.000000Z"></path>
+		<path fill="#d8e6ec" d="M6.738973 0.117629A6.740000 6.740000 0 0 0 6.740000 0.000000A6.740000 6.740000 0 1 0 6.738973 0.117629L7.520000 0.000000A7.520000 7.520000 0 0 1 7.518855 0.131242A7.520000 7.520000 0 1 1 7.520000 0.000000Z"></path>
+		<path fill="#ddd" d="M218.446724 3.813002A218.480000 218.480000 0 0 0 218.480000 0.000000A218.480000 218.480000 0 1 0 218.446724 3.813002L220.040000 0.000000A220.040000 220.040000 0 0 1 220.006487 3.840228A220.040000 220.040000 0 1 1 220.040000 0.000000Z"></path>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(0.000000 -209.000000) rotate(0.000000)">20</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(64.584552 -198.770812) rotate(18.000000)">1</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(122.847118 -169.084552) rotate(36.000000)">18</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(169.084552 -122.847118) rotate(54.000000)">4</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(198.770812 -64.584552) rotate(72.000000)">13</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(209.000000 -0.000000) rotate(90.000000)">6</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(198.770812 64.584552) rotate(-72.000000)">10</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(169.084552 122.847118) rotate(-54.000000)">15</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(122.847118 169.084552) rotate(-36.000000)">2</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(64.584552 198.770812) rotate(-18.000000)">17</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-0.000000 209.000000) rotate(0.000000)">3</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-64.584552 198.770812) rotate(18.000000)">19</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-122.847118 169.084552) rotate(36.000000)">7</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-169.084552 122.847118) rotate(54.000000)">16</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-198.770812 64.584552) rotate(72.000000)">8</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-209.000000 -0.000000) rotate(-90.000000)">11</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-198.770812 -64.584552) rotate(-72.000000)">14</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-169.084552 -122.847118) rotate(-54.000000)">9</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-122.847118 -169.084552) rotate(-36.000000)">12</text>
+		<text font-size="33" fill="#fff" text-anchor="middle" dominant-baseline="central" transform="scale(1 -1) translate(-64.584552 -198.770812) rotate(-18.000000)">5</text>
+	</g>
+</svg>
diff --git a/web/static/dartboat_128.png b/web/static/icons/dartboat_128.png
index 1a3cd6f..1a3cd6f 100644
--- a/web/static/dartboat_128.png
+++ b/web/static/icons/dartboat_128.png
diff --git a/web/static/icons/dartboat_144.png b/web/static/icons/dartboat_144.png
new file mode 100644
index 0000000..2981be8
--- /dev/null
+++ b/web/static/icons/dartboat_144.png
diff --git a/web/static/dartboat_16.png b/web/static/icons/dartboat_16.png
index 5eb5bf9..5eb5bf9 100644
--- a/web/static/dartboat_16.png
+++ b/web/static/icons/dartboat_16.png
diff --git a/web/static/dartboat_192.png b/web/static/icons/dartboat_192.png
index 7749cd1..7749cd1 100644
--- a/web/static/dartboat_192.png
+++ b/web/static/icons/dartboat_192.png
diff --git a/web/static/icons/dartboat_192_mask.png b/web/static/icons/dartboat_192_mask.png
new file mode 100644
index 0000000..c1bc8cd
--- /dev/null
+++ b/web/static/icons/dartboat_192_mask.png
diff --git a/web/static/dartboat_256.png b/web/static/icons/dartboat_256.png
index 5a09884..5a09884 100644
--- a/web/static/dartboat_256.png
+++ b/web/static/icons/dartboat_256.png
diff --git a/web/static/dartboat_32.png b/web/static/icons/dartboat_32.png
index 195b137..195b137 100644
--- a/web/static/dartboat_32.png
+++ b/web/static/icons/dartboat_32.png
diff --git a/web/static/icons/dartboat_48.png b/web/static/icons/dartboat_48.png
new file mode 100644
index 0000000..ebab3ec
--- /dev/null
+++ b/web/static/icons/dartboat_48.png
diff --git a/web/static/dartboat_512.png b/web/static/icons/dartboat_512.png
index 412805e..412805e 100644
--- a/web/static/dartboat_512.png
+++ b/web/static/icons/dartboat_512.png
diff --git a/web/static/icons/dartboat_512_mask.png b/web/static/icons/dartboat_512_mask.png
new file mode 100644
index 0000000..47a7f50
--- /dev/null
+++ b/web/static/icons/dartboat_512_mask.png
diff --git a/web/static/dartboat_64.png b/web/static/icons/dartboat_64.png
index a079375..a079375 100644
--- a/web/static/dartboat_64.png
+++ b/web/static/icons/dartboat_64.png
diff --git a/web/static/dartboat_96.png b/web/static/icons/dartboat_96.png
index 6abdd9e..6abdd9e 100644
--- a/web/static/dartboat_96.png
+++ b/web/static/icons/dartboat_96.png
diff --git a/web/static/index.html b/web/static/index.html
index 82a9d29..f3dd2ae 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -4,8 +4,11 @@
 		<title>dartboat™</title>
 		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="Darts opponent for when you've got no friends.">
+		<meta name="theme-color" content="#311d52">
 		<link rel="stylesheet" type="text/css" href="style.css">
 		<link rel="manifest" href="dartboat.webmanifest">
+		<link rel="icon" type="image/png" sizes="48x48" href="icons/dartboat_48.png">
 		<script src="dartboat.js"></script>
 		<script src="dartboat_wasm.js"></script>
 	</head>
@@ -13,8 +16,8 @@
 		<div id="main">
 			<div id="titlebar">
 				<div>dartboat™</div>
-				<div class="input first"><span>delay</span><input id="delay" data-opt="delay" maxlength="4" value=""></div>
-				<div class="input"><span>stdev</span><input id="stdev" data-opt="stdev" maxlength="4" value=""></div>
+				<div class="input first"><label for="delay">delay</label><input id="delay" data-opt="delay" maxlength="4" value=""></div>
+				<div class="input"><label for="stdev">stdev</label><input id="stdev" data-opt="stdev" maxlength="4" value=""></div>
 				<div class="button icon" id="flip-controls-button">&#xf1c3;</div>
 				<div class="button icon" data-modal="help-modal">&#xf50b;</div>
 			</div>
diff --git a/web/static/style.css b/web/static/style.css
index f97585e..dc76f8e 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -1,13 +1,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400&display=swap');
 
 @font-face {
-	font-family: 'icons';
-	src: url('icons.woff2') format('woff2');
+	font-family: 'bootstrap-icons-sub';
+	src: url('fonts/bootstrap-sub.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: 'inter-num';
-	src: url('inter-num.woff2') format('woff2');
+	src: url('fonts/inter-num.woff2') format('woff2');
 }
 
 html {
@@ -59,7 +59,7 @@ body {
 }
 
 .icon {
-	font-family: icons;
+	font-family: 'bootstrap-icons-sub';
 }
 
 /* titlebar */
@@ -91,7 +91,7 @@ body {
 	justify-content: center;
 }
 
-#titlebar span {
+#titlebar label {
 	padding: 0 0.4rem;
 }
 
@@ -145,7 +145,7 @@ body {
 		flex-direction: column;
 	}
 
-	#titlebar span {
+	#titlebar label {
 		padding: 0 0.4rem;
 	}
 
diff --git a/web/static/sw.js b/web/static/sw.js
index 3a92eb3..7ed7a85 100644
--- a/web/static/sw.js
+++ b/web/static/sw.js
@@ -1,23 +1,15 @@
 const CACHE_PREFIX = 'dartboat-'
-const CACHE_VERSION = '1';
+const CACHE_VERSION = '2';
 const CACHE_NAME = `${CACHE_PREFIX}${CACHE_VERSION}`;
 
 const FILES = [
 	'./',
+	'style.css',
 	'dartboat.js',
 	'dartboat_wasm.js',
 	'dartboat_wasm.wasm',
-	'style.css',
-	'icons.woff2',
-	'inter-num.woff2',
-	'dartboat_16.png',
-	'dartboat_32.png',
-	'dartboat_64.png',
-	'dartboat_96.png',
-	'dartboat_128.png',
-	'dartboat_192.png',
-	'dartboat_256.png',
-	'dartboat_512.png'
+	'fonts/bootstrap-icons-sub.woff2',
+	'fonts/inter-num.woff2'
 ]
 
 function swlog(str) {
@@ -57,7 +49,8 @@ self.addEventListener('fetch', e => {
 		if (cached)
 			return cached;
 
-		if (!(resp = await fetch(e.request)).ok) {
+		const resp = await fetch(e.request);
+		if (!resp.ok) {
 			swlog(`ignore status:${resp.status} ${e.request.url}`);
 		} else {
 			swlog(`put ${e.request.url}`);