From 9891b125449f6d19b96ceefb9611d1b92cd6f704 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 28 May 2025 05:23:21 +0200
Subject: [PATCH] Add image display for spirits in app.js

---
 node/server/public/app.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/node/server/public/app.js b/node/server/public/app.js
index 5cbf01d..770d567 100644
--- a/node/server/public/app.js
+++ b/node/server/public/app.js
@@ -447,11 +447,19 @@ function showSpiritOverlay(spirit) {
         `;
         document.body.appendChild(el);
     }
+    // Bild-URL (falls vorhanden)
+    let img = "";
+    if (spirit["Image URL"]) {
+        img = `<img src="${spirit["Image URL"]}" 
+                 style="display:block; margin:0 auto 20px auto; max-width:70%; max-height:220px; border-radius:8px; box-shadow: 0 0 16px #0008;" 
+                 alt="Spirit Image">`;
+    }
     el.innerHTML = `
         <button id="spirit-overlay-close" style="
             position:absolute; right:12px; top:12px; border:none; background:none;
             color:#fff; font-size:1.5em; cursor:pointer; padding:0; line-height:1;
         " title="Schließen">&times;</button>
+        ${img}
         <h2 style='padding:0; margin:0 0 8px 0; font-weight:700; letter-spacing:0.04em;'>${spirit.Name || 'Spirit'}</h2>
         <b>${spirit.Kategorie || ''}</b><br><br>
         <b>Mythos:</b> ${spirit["Mythos/Legende"] || ''}<br><br>