From 0f395659eedacc307302509f2440e19b03d57754 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 4 Jul 2026 13:46:02 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20keyboard=20inst?=
 =?UTF-8?q?ructions=20and=20aria-live=20score?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: EiJackGH <172181576+EiJackGH@users.noreply.github.com>
---
 src/views/mario-game.njk | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)
diff --git a/src/views/mario-game.njk b/src/views/mario-game.njk
index 67b6bd7..6fa0198 100644
--- a/src/views/mario-game.njk
+++ b/src/views/mario-game.njk
@@ -52,13 +52,26 @@
       font-size: 20px;
       font-family: Arial;
     }
+
+    #instructions {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      color: white;
+      font-size: 16px;
+      font-family: Arial;
+      background: rgba(0, 0, 0, 0.5);
+      padding: 5px 10px;
+      border-radius: 5px;
+    }
   </style>
 </head>
 
 <body>
 
 <div id="game">
-  <div id="score">Score: 0</div>
+  <div id="score">Score: <span id="score-value" aria-live="polite" aria-atomic="true">0</span></div>
+  <div id="instructions">Press <strong>Space</strong> or <strong>Up Arrow</strong> to jump</div>
   <div id="mario"></div>
   <div class="ground"></div>
 </div>
@@ -66,7 +79,7 @@
 <script>
   const mario = document.getElementById("mario");
   const game = document.getElementById("game");
-  const scoreText = document.getElementById("score");
+  const scoreValue = document.getElementById("score-value");
 
   let jumping = false;
   let score = 0;
@@ -118,7 +131,7 @@
         clearInterval(move);
         goomba.remove();
         score++;
-        scoreText.innerText = "Score: " + score;
+        scoreValue.innerText = score;
       } else {
         position -= 6;
         goomba.style.left = position + "px";
