diff --git a/public/css/hud.css b/public/css/hud.css index bdb76f1..a309dd8 100644 --- a/public/css/hud.css +++ b/public/css/hud.css @@ -253,6 +253,24 @@ display: block; } +/* Goldmünze – Bild aus der Datenbank */ +.hud-res-icon-gold { + width: 28px; + height: 28px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.hud-res-icon-gold img { + width: 28px; + height: 28px; + object-fit: contain; + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); + display: block; +} + /* Eisen – Bild aus der Datenbank */ .hud-res-icon-iron { width: 28px; @@ -315,3 +333,13 @@ box-shadow: 0 0 8px rgba(240, 160, 30, 0.5); transform: scale(1.04); } + +/* Inline Gold Icon (z.B. Schwarzmarkt Preise) */ +.inline-gold-icon { + width: 18px; + height: 18px; + object-fit: contain; + vertical-align: middle; + filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6)); + display: inline-block; +} diff --git a/public/css/mine.css b/public/css/mine.css index bdbd3fb..26982cd 100644 --- a/public/css/mine.css +++ b/public/css/mine.css @@ -121,6 +121,24 @@ display: block; } +/* Goldmünze – Bild aus der Datenbank */ +.mine-resource-icon-gold { + width: 48px; + height: 48px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.mine-resource-icon-gold img { + width: 48px; + height: 48px; + object-fit: contain; + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); + display: block; +} + /* Eisen – Bild aus der Datenbank */ .mine-resource-icon-iron { width: 48px; diff --git a/public/images/items/goldmuenze.png b/public/images/items/goldmuenze.png new file mode 100644 index 0000000..e35e0bf Binary files /dev/null and b/public/images/items/goldmuenze.png differ diff --git a/public/js/buildings/mine.js b/public/js/buildings/mine.js index dc721ef..cab6508 100644 --- a/public/js/buildings/mine.js +++ b/public/js/buildings/mine.js @@ -174,12 +174,18 @@ function resourceIcon(resource) { if (resource === "iron") { return ( "" + - "Eisen" + + "" + + "" + ); + } + if (resource === "gold") { + return ( + "" + + "" + "" ); } const map = { - gold: "🪙", copper: "🟤", silver: "⚪", stone: "🪨", diff --git a/public/js/buildings/schwarzmarkt.js b/public/js/buildings/schwarzmarkt.js index 101b564..b846a48 100644 --- a/public/js/buildings/schwarzmarkt.js +++ b/public/js/buildings/schwarzmarkt.js @@ -72,7 +72,7 @@ async function loadPages() {
Beutel ${i}
-
${price.price} 🪙
+
${price.price} Gold
`; @@ -120,7 +120,7 @@ document.addEventListener("click", async (e) => { if (data.error) { if (data.missing) { showNotification( - `Du hast ${data.gold} 🪙 Gold.\nDu brauchst ${data.price} 🪙 Gold.\nEs fehlen dir noch ${data.missing} 🪙 Gold.`, + `Du hast ${data.gold} Gold.\nDu brauchst ${data.price} Gold.\nEs fehlen dir noch ${data.missing} Gold.`, "Nicht genug Gold", "🪙", ); diff --git a/views/launcher.ejs b/views/launcher.ejs index 6ee145f..ef7fd87 100644 --- a/views/launcher.ejs +++ b/views/launcher.ejs @@ -334,7 +334,9 @@
- 🪙 +
+ +
0