From: Geoffrey Allott <geoffrey@allott.email>
Date: Sat, 17 Jun 2023 15:08:08 +0000 (+0100)
Subject: use font for splash screen logo
X-Git-Url: https://git.pointlesshacks.com/?a=commitdiff_plain;h=970ff6ed3eb6926acd5e69fc7603da067abc69be;p=pokerwave.git

use font for splash screen logo
---

diff --git a/site/fonts/VegapunkFree-2O8WX.otf b/site/fonts/VegapunkFree-2O8WX.otf
new file mode 100644
index 0000000..9cd140a
Binary files /dev/null and b/site/fonts/VegapunkFree-2O8WX.otf differ
diff --git a/site/modules/splash.js b/site/modules/splash.js
index 94d6662..908e8a7 100644
--- a/site/modules/splash.js
+++ b/site/modules/splash.js
@@ -61,7 +61,7 @@ export class SplashScreen {
         this.wave_group = create_svg_element(this.svg, "g", [], []);
 
         this.logo = create_svg_element(this.svg, "text", ["splash-logo"], [["x", "1000"], ["y", "250"]]);
-        this.logo_text = document.createTextNode("POKERWAVE");
+        this.logo_text = document.createTextNode("PokerWave");
         this.logo.append(this.logo_text);
 
         this.svg.onclick = () => this.hide();
@@ -72,7 +72,7 @@ export class SplashScreen {
 
     card_wave(time) {
         this.waves = this.waves.filter(wave => !wave.completed);
-        this.waves.push(new CardWave(this.wave_group, random_float(0.4, 0.7) * random_sign(), random_float(50, 200), random_float(50, 200), random_bool(0.3), time));
+        this.waves.push(new CardWave(this.wave_group, random_float(0.3, 0.5) * random_sign(), random_float(50, 200), random_float(50, 200), random_bool(0.3), time));
     }
 
     schedule_card_wave(time) {
diff --git a/site/style/splash.css b/site/style/splash.css
index e588328..2148a31 100644
--- a/site/style/splash.css
+++ b/site/style/splash.css
@@ -6,15 +6,23 @@
 
 @keyframes fade-in {
     from { opacity: 0%; }
-    to { opacity: 100%; }
+    to { opacity: 99%; }
+}
+
+@font-face {
+    font-family: "vegapunk";
+    src: url("../fonts/VegapunkFree-2O8WX.otf");
 }
 
 .splash-logo {
     animation: fade-in 3s;
+    opacity: 99%;
     font-size: 30pt;
     text-anchor: middle;
     dominant-baseline: middle;
-    font-family: monospace;
+    font-family: vegapunk;
+    text-shadow: 5px 5px red;
+    fill: purple;
 }
 
 .splash-upper-bar {