feat(web-app): add replay button which reloads the page

lucsorel · Dec 21, 2023 · 617149c · 617149c
1 parent b4410ad
commit 617149c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/web/index.html b/web/index.html
@@ -19,7 +19,10 @@
             <div class="col-6">
                 <br /><br />
                 <h1>Memory musical 🎶</h1>
-                <p>Découvrez les paires entre les images de gauche et de droite pour révéler l'indice suivant.</p>
+                <p>
+                    Découvrez les paires entre les images de gauche et de droite pour révéler l'indice suivant.
+                    <a class="reload" href="/">Rejouer 🔄</a>
+                </p>
             </div>
             <div class="col-6">
                 <img src="pureconnect.png" alt="Pureconnect de Noël">

diff --git a/web/styles.css b/web/styles.css
@@ -19,6 +19,16 @@ video {
     padding: 20px;
     border-color: #132921;
 }
+.reload {
+    border-radius: 10px;
+    border-width: 1px;
+    border-style: solid;
+    padding: 5px;
+    border-color: #132921;
+    cursor: pointer;
+    display: inline-block;
+    text-decoration: none;
+}
 .card {
     height: 100px;
     text-align: center;