sghn

public/js/buildings/arena.js

@@ -39,8 +39,11 @@ function initArenaModes() {
   document.querySelectorAll(".arena-mode-card").forEach((card) => {
     card.addEventListener("click", () => {
       const mode = card.dataset.mode;
-      // TODO: Ziel noch nicht definiert
-      console.log("Arena Modus gewählt:", mode);
+      if (mode === "1v1") {
+        window.location.href = "/arena/1v1";
+      } else {
+        console.log("Arena Modus gewählt:", mode);
+      }
     });
   });
 }

views/1v1_spielfeld.ejs

@@ -139,7 +139,20 @@
 
       const hand = document.getElementById("handArea");
 
-      for (let i = 0; i < 8; i++) {
+      // Erster Slot: Silberklinge (hardcodiert)
+      const silberklinge = document.createElement("div");
+      silberklinge.className = "hand-slot";
+      silberklinge.innerHTML = `
+        <img
+          src="/images/playcards/Silberklinge.png"
+          alt="Silberklinge"
+          style="width:100%;height:100%;object-fit:cover;border-radius:7px;"
+        >
+      `;
+      hand.appendChild(silberklinge);
+
+      // Restliche leere Slots
+      for (let i = 1; i < 8; i++) {
         const s = document.createElement("div");
         s.className = "hand-slot";
         s.innerHTML = '<span class="hs-icon">🃏</span>';