From: Alexander Goussas <alexandergoussas.thoughtworks@latam.com>
Date: Sun, 28 Jun 2026 16:32:47 +0000 (-0500)
Subject: feat: add numbering to front of cards
X-Git-Url: http://git.frustrated-labs.net/?a=commitdiff_plain;ds=inline;p=open-the-box.git

feat: add numbering to front of cards
---

diff --git a/static/script.js b/static/script.js
index 3eea720..68371e8 100644
--- 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 6fd1e1d..6e159dc 100644
--- 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;
+  }
 }