feat: add numbering to front of cards

diff --git a/static/script.js b/static/script.js
index 3eea720bd432a552d7c5fbae6213f863423d690f..68371e8135fa4b1df45b9eb8a473ae6c9778dcb0 100644 (file)
--- a/static/script.js
+++ b/static/script.js
@@ -12,7 +12,7 @@ window.addEventListener('load', () => {
   fetch('/questions')
     .then(res => res.json())
     .then(questions =>
-      questions.forEach((index, question) =>
+      questions.forEach((question, index) =>
         questionsContainer.innerHTML += createQuestionCard(index, question)
       )
     )

diff --git a/static/styles.css b/static/styles.css
index 6fd1e1d7fca71e58c8818794ead0d8de213ab584..6e159dc45b1b64c5b7755dc37219be363e6402ee 100644 (file)
--- a/static/styles.css
+++ b/static/styles.css
@@ -49,6 +49,7 @@ h1 {
       height: 100%;
       width: 100%;
       backface-visibility: hidden;
+      -webkit-backface-visibility: hidden;
     }
 
     .question-card-back {
@@ -59,4 +60,8 @@ h1 {
 
 .flipped {
   transform: rotateY(180deg);
+
+  .question-card-front {
+    display: none;
+  }
 }