From bd1445d23d3cf9b85b9bc593e99acbe88e50c2a7 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <t@lichess.org>
Date: Sun, 24 Jan 2021 11:40:50 +0100
Subject: [PATCH] puzzle storm font

---
 public/font/alarmclock.woff2 | Bin 0 -> 6752 bytes
 ui/storm/css/_clock.scss     |   3 ++-
 ui/storm/css/_combo.scss     |  16 +++++-----------
 ui/storm/css/_end.scss       |   4 ++--
 ui/storm/css/_play.scss      |   5 +++--
 ui/storm/css/_storm.scss     |   8 ++++++++
 ui/storm/src/view/end.ts     |   3 +--
 ui/storm/src/view/main.ts    |   7 ++-----
 8 files changed, 23 insertions(+), 23 deletions(-)
 create mode 100644 public/font/alarmclock.woff2

diff --git a/public/font/alarmclock.woff2 b/public/font/alarmclock.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..fcae9c38d873e5cb7457bd27c0593a45a84938ca
GIT binary patch
literal 6752
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
CT?hXF

literal 0
HcmV?d00001

diff --git a/ui/storm/css/_clock.scss b/ui/storm/css/_clock.scss
index af54d55794..3b616ff8c0 100644
--- a/ui/storm/css/_clock.scss
+++ b/ui/storm/css/_clock.scss
@@ -12,7 +12,8 @@
 
 .storm {
   &__clock {
-    @extend %roboto, %flex-center-nowrap;
+    @extend %flex-center-nowrap;
+    font-family: 'storm';
 
     &__time {
       font-size: 5em;
diff --git a/ui/storm/css/_combo.scss b/ui/storm/css/_combo.scss
index 232840325c..25d9d15c4d 100644
--- a/ui/storm/css/_combo.scss
+++ b/ui/storm/css/_combo.scss
@@ -14,6 +14,8 @@
   &__combo {
     @extend %flex-center-nowrap;
 
+    font-family: 'storm';
+
     &__icon {
       flex: 5em 0 0;
       width: 5em;
@@ -30,26 +32,18 @@
       &__value {
         @extend %flex-center-nowrap;
 
-        strong {
-          @extend %roboto-fat;
-
-          font-size: 2.3em;
-          line-height: 1em;
-        }
+        font-size: 2.3em;
+        line-height: 1em;
 
         span {
-          @extend %roboto;
-
           margin-right: .5ch;
         }
       }
 
       &__combo {
-        @extend %roboto;
 
         margin-right: .5ch;
         font-size: .9em;
-        letter-spacing: -1px;
       }
 
       transition: color .1s;
@@ -103,10 +97,10 @@
 
       animation: level-fade-in .3s ease-out;
       transform: skewX(-45deg) scaleY(0.70711);
-
       flex: 21% 0 0;
       margin-right: 4%;
       height: 1em;
+
       // box-shadow: 0 0 15px $c-level;
       background: mix($c-level, black, 80%);
 
diff --git a/ui/storm/css/_end.scss b/ui/storm/css/_end.scss
index 9dc256b483..d42a25d88c 100644
--- a/ui/storm/css/_end.scss
+++ b/ui/storm/css/_end.scss
@@ -23,9 +23,9 @@
       margin: auto;
 
       &__number {
-        @extend %roboto;
+        font-family: 'storm';
 
-        font-size: 8em;
+        font-size: 10em;
         width: 3ch;
         text-align: center;
       }
diff --git a/ui/storm/css/_play.scss b/ui/storm/css/_play.scss
index 9ac10e3c2b..9b55ac3b9a 100644
--- a/ui/storm/css/_play.scss
+++ b/ui/storm/css/_play.scss
@@ -28,6 +28,7 @@
     //   grid-template-areas: '.    board   side';
     //   grid-template-columns: $col3-uniboard-side $col3-uniboard-width $col3-uniboard-table;
     // }
+ 
   }
 
   &__side {
@@ -37,9 +38,9 @@
   }
 
   &__solved {
-    @extend %flex-center;
 
-    strong {
+    &__value {
+      font-family: 'storm';
       font-size: 2em;
       margin-right: 1rem;
     }
diff --git a/ui/storm/css/_storm.scss b/ui/storm/css/_storm.scss
index 1a19765ce2..09e355fa98 100644
--- a/ui/storm/css/_storm.scss
+++ b/ui/storm/css/_storm.scss
@@ -10,5 +10,13 @@ $mq-col3: $mq-col3-uniboard;
   }
 }
 
+@font-face {
+  font-family: 'storm';
+  font-style: normal;
+  font-weight: 400;
+
+  src: url("#{$font-path}/alarmclock.woff2") format("woff2");
+}
+
 @import "play";
 @import "end";
diff --git a/ui/storm/src/view/end.ts b/ui/storm/src/view/end.ts
index 4056a4261d..2039eea32b 100644
--- a/ui/storm/src/view/end.ts
+++ b/ui/storm/src/view/end.ts
@@ -15,10 +15,9 @@ const renderEnd = (ctrl: StormCtrl): VNode[] => [
 
 const renderSummary = (ctrl: StormCtrl): VNode => {
   const wins = ctrl.countWins();
-  console.log(ctrl.trans.vdomPlural('xPuzzlesSolved', wins, h('strong', wins)));
   return h('div.storm__summary', [
     h('div.storm__summary__solved', [
-      h('strong.storm__summary__solved__number', {
+      h('span.storm__summary__solved__number', {
         hook: onInsert(el => numberSpread(el, wins, Math.round(wins * 50), 0)(wins))
       }, '0'),
       h('p', ctrl.trans('puzzlesSolved'))
diff --git a/ui/storm/src/view/main.ts b/ui/storm/src/view/main.ts
index 04ef5595eb..fa1cd0521c 100644
--- a/ui/storm/src/view/main.ts
+++ b/ui/storm/src/view/main.ts
@@ -38,10 +38,7 @@ const renderCombo = (ctrl: StormCtrl): VNode =>
   h('div.storm__combo', [
     h('div.storm__combo__icon'),
     h('div.storm__combo__counter', [
-      h('span.storm__combo__counter__value', [
-        h('span', 'x'),
-        h('strong', ctrl.vm.combo)
-      ]),
+      h('span.storm__combo__counter__value', ctrl.vm.combo),
       h('span.storm__combo__counter__combo', 'COMBO')
     ]),
     h('div.storm__combo__bars', [
@@ -63,7 +60,7 @@ const renderCombo = (ctrl: StormCtrl): VNode =>
 const renderSolved = (ctrl: StormCtrl): VNode =>
   h('div.storm__solved', [
     h('div', [
-      h('strong', ctrl.countWins()),
+      h('span.storm__solved__value', ctrl.countWins()),
       'puzzles solved'
     ]),
     h('div.alpha', [