stats button (#95)

Author: fabi1cazenave

www/assets/css/keebs.css

@@ -10,15 +10,13 @@
 .keyboard nav button {
   display: inline-block;
   box-sizing: border-box;
-  margin: 0.5em;
-  padding: 0 10px;
+  margin: 1px;
+  padding: 0 6px;
   font-size: 1em;
-  height: 2.5em;
-  line-height: 2.5em;
-  text-decoration: none;
+  height: 2.3em;
+  line-height: 2.3em;
   font-family: sans-serif;
 
-  color: #333;
   background-color: #e4e4e4;
   border: 1px solid #6668;
   border-radius: 5px;
@@ -27,6 +25,7 @@
 .keyboard nav button {
   font-weight: bold;
   cursor: pointer;
+  color: #333;
 }
 
 .keyboard [disabled] {
@@ -71,9 +70,11 @@
     border: 5px solid #0004;
   }
   .keyboard nav a,
+  .keyboard nav button {
+    background-color: #333;
+    /* border: 1px solid #7778; */
+  }
   .keyboard nav button {
     color: #ccc;
-    background-color: #444;
-    border: 1px solid #7778;
   }
 }

www/layouts/shortcodes/x-keyboard.html

@@ -20,12 +20,13 @@
     </dialog>
     {{ end }}
     <nav>
-      {{ with .Get "layout" }}
-        <a href="/dactylo#{{ . }}">⌨ Apprendre</a>
-      {{ end }}
-        <button disabled>⇪ Tester !</button>
       {{ with .Get "href" }}
-        <a href="{{ . }}">⇣ Installer</a>
+        <a href="{{ . }}"><span>⇣</span> Installer</a>
+      {{ end }}
+      {{ with .Get "layout" }}
+        <button disabled>⇪ Tester</button>
+        <a href="/stats/#/{{ . }}//en+fr"><span>𝚺</span> Stats</a>
+        <a href="/dactylo/#{{ . }}"><span>⌨</span> Apprendre</a>
       {{ end }}
     </nav>
   {{ end }}