feat: bunte Farbwelt und neues Hero-Motiv
Docker-Image bauen / Image bauen und veröffentlichen (push) Successful in 19s

This commit is contained in:
2026-07-13 22:45:26 +02:00
parent cb97e04fbc
commit 875d63eb39
5 changed files with 77 additions and 61 deletions
+13 -13
View File
@@ -7,9 +7,9 @@
name="description"
content="Hardtschule Karlsruhe bewegte Grundschule in Mühlburg. Lernen, Gemeinschaft und wichtige Informationen für Familien."
/>
<meta name="theme-color" content="#0c4a3e" />
<meta name="theme-color" content="#3f63d3" />
<title>Hardtschule Karlsruhe · Bewegte Grundschule</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2224%22 fill=%22%230c4a3e%22/><path d=%22M22 67V39L50 22l28 17v28%22 fill=%22none%22 stroke=%22%23f5c95d%22 stroke-width=%229%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/><path d=%22M35 70V52h30v18%22 fill=%22none%22 stroke=%22white%22 stroke-width=%229%22 stroke-linecap=%22round%22/></svg>" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2224%22 fill=%22%233f63d3%22/><path d=%22M22 67V39L50 22l28 17v28%22 fill=%22none%22 stroke=%22%23ffc857%22 stroke-width=%229%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/><path d=%22M35 70V52h30v18%22 fill=%22none%22 stroke=%22white%22 stroke-width=%229%22 stroke-linecap=%22round%22/></svg>" />
<link rel="stylesheet" href="styles.css" />
<script src="script.js" defer></script>
</head>
@@ -148,17 +148,17 @@
<div class="hero-visual reveal" style="--delay: 120ms">
<div class="hero-image-wrap">
<img
src="public/images/hardtschule-hero.jpg"
alt="Historischer Anbau der Hardtschule mit gelber Backsteinfassade"
width="1500"
height="785"
src="public/images/hardtschule-kinder-herz.webp"
alt="Kinder bilden aus der Vogelperspektive ein großes Herz auf einem bunten Schulhof"
width="1537"
height="1023"
/>
<span class="photo-credit">Foto: Dirk Altenkirch / Stadt Karlsruhe</span>
<span class="photo-credit">KI-generiertes Symbolbild</span>
</div>
<div class="hero-sticker sticker-year" aria-hidden="true">
<span>seit</span>
<strong>1847</strong>
<span>in Mühlburg</span>
<span>gemeinsam</span>
<strong>stark</strong>
<span>an der Hardtschule</span>
</div>
<div class="hero-sticker sticker-move" aria-hidden="true">
<svg><use href="#icon-shoe"></use></svg>
@@ -252,10 +252,10 @@
<div class="place-visual reveal">
<img
class="place-image-main"
src="public/images/hardtschule-anbau.jpg"
alt="Seitenansicht des denkmalgeschützten Anbaus der Hardtschule"
src="public/images/hardtschule-hero.jpg"
alt="Historischer Anbau der Hardtschule mit gelber Backsteinfassade"
width="1500"
height="998"
height="785"
loading="lazy"
/>
<img