Add a start button

qsantos · Sep 8, 2024 · 9079150 · 9079150
1 parent c7da7e5
commit 9079150
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/index.html b/src/index.html
@@ -54,6 +54,12 @@ <h1 id="main-header" class="navbar-brand">
             With Morse Cat <img src="cat.svg" alt="😺" height="20" />, you will know immediately whether you have made a mistake.
             The goal is to improve the feedback loop for learning.
         </p>
+        <button class="btn btn-primary d-block mx-auto" autofocus onclick="startSession()">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play" viewBox="0 0 16 16">
+                <path d="M10.804 8 5 4.633v6.734zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696z"/>
+            </svg>
+            <span id="start-button">Start</span>
+        </button>
         <div id="info"></div>
         <ul id="history" tabindex="1"></ul>
         <section id="statistics"></section>