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 =>
   fetch('/questions')
     .then(res => res.json())
     .then(questions =>

-      questions.forEach((index, question) =>
+      questions.forEach((question, index) =>

         questionsContainer.innerHTML += createQuestionCard(index, question)
       )
     )
         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;
       height: 100%;
       width: 100%;
       backface-visibility: hidden;

+      -webkit-backface-visibility: hidden;

     }
 
     .question-card-back {
     }
 
     .question-card-back {


@@ -59,4 +60,8 @@ h1 {
 
 .flipped {
   transform: rotateY(180deg);
 
 .flipped {
   transform: rotateY(180deg);

+
+  .question-card-front {
+    display: none;
+  }

 }
 }