use font for splash screen logo

diff --git a/site/fonts/VegapunkFree-2O8WX.otf b/site/fonts/VegapunkFree-2O8WX.otf
new file mode 100644 (file)
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 94d6662a52a96956475afcfa48abb5e55a9fbe17..908e8a779da46d9b44f7ac15894d392b98022c8e 100644 (file)
--- 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 e5883286be7a0c75dca02ca8c50a4228452706bf..2148a312852792ef419eea92b33d73326b840c25 100644 (file)
--- 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 {