Andrej StevanovskiandClaude Opus 5
92a6faaf54
Umsetzung des Design-Handoffs als statisches HTML ohne Build-Schritt, nach dem Hausmuster der übrigen ASX-Websites. Seiten - index.html Startseite (blaue Welt) - hilfe-verein.html Hilfe Verein (gelbe Welt) - shop.html Platzhalter, Online-Shop bewusst nicht gebaut - impressum.html § 5 DDG - datenschutz.html Art. 13 DSGVO Design - Farbe lebt in Flächen und Display-Typo, nie im Fließtext — dadurch laufen alle drei Markenfarben, ohne die Hierarchie zu brechen. - Ein gesättigtes Vollflächen-Band pro Seite gegen die Blässe der reinen Pastellfassung. - Alle fünf Seiten bestehen WCAG AA im Kontrast. Mobil - Header unter 640px zweizeilig, Navigation als Viererraster, alle Touch-Ziele >= 44px (WCAG 2.5.5), Footer-Links >= 24px (2.5.8). - Geprüft bei 320/375/390/640/768/1024/1440/1920 px. Datenschutz - Keine Cookies, kein Storage, keine Skripte, null Fremdanfragen. Deshalb bewusst kein Einwilligungsbanner. - Fredoka und Nunito selbst gehostet statt über Google Fonts (LG München I, 3 O 17493/20). Bilder - Drei Pexels-Fotos, Lizenz geprüft, heruntergeladen und selbst gehostet. - Bewusst keine Kinderfotos: Pexels gibt kein Model Release. Offen: drei Angaben in den Rechtstexten, Foto Opa Martin, zwei Audiodateien. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
81 lines
3.1 KiB
HTML
81 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Online-Shop im Aufbau — Emma's Schatzkiste</title>
|
|
<meta name="description" content="Der Online-Shop von Emma's Schatzkiste ist noch im Aufbau. Bis dahin: vorbeikommen in Rottenburg a.d. Laaber oder anrufen — wir suchen mit." />
|
|
<meta name="robots" content="noindex, follow" />
|
|
<meta name="theme-color" content="#FDF4DC" />
|
|
<link rel="icon" href="assets/logo-shop.png" />
|
|
<link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
|
|
<link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
|
|
<link rel="stylesheet" href="assets/site.css?v=9b205dac" />
|
|
</head>
|
|
<body class="page-shop parked">
|
|
<a class="skip" href="#inhalt">Zum Inhalt springen</a>
|
|
|
|
<header class="hdr">
|
|
<div class="wrap hdr__in">
|
|
<a class="hdr__brand" href="index.html">
|
|
<img src="assets/logo-shop.png" alt="" />
|
|
Emma's Schatzkiste
|
|
</a>
|
|
<nav class="nav" aria-label="Hauptnavigation">
|
|
<a href="index.html">Start</a>
|
|
<a href="shop.html" aria-current="page">Shop</a>
|
|
<a href="hilfe-verein.html">Hilfe Verein</a>
|
|
<a href="hilfe-verein.html#kontakt">Kontakt</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="inhalt">
|
|
<div class="parked__in">
|
|
<span class="badge">Im Aufbau</span>
|
|
<h1>Der Online-Shop ist noch im Aufbau.</h1>
|
|
<p>Wir richten ihn gerade ein. Bis dahin findest du unsere Sachen im Laden in Rottenburg a.d. Laaber — oder du rufst an und wir suchen mit.</p>
|
|
<div class="hero__actions" style="justify-content:center">
|
|
<a class="btn btn--primary btn--l" href="tel:015751479212">0157 51479212</a>
|
|
<a class="btn btn--secondary btn--l" href="index.html">Zurück zur Startseite</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="ftr">
|
|
<div class="wrap">
|
|
<div class="ftr__cols">
|
|
<div class="ftr__col">
|
|
<h3>Laden</h3>
|
|
<ul>
|
|
<li><a href="index.html">Unser Laden</a></li>
|
|
<li><span>Öffnungszeiten folgen</span></li>
|
|
<li><a href="tel:015751479212">Ware abgeben</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="ftr__col">
|
|
<h3>Hilfe Verein</h3>
|
|
<ul>
|
|
<li><a href="hilfe-verein.html#helfen">Spenden</a></li>
|
|
<li><a href="hilfe-verein.html#helfen">Mithelfen</a></li>
|
|
<li><a href="hilfe-verein.html#helfen">Weitersagen</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="ftr__col">
|
|
<h3>Über</h3>
|
|
<ul>
|
|
<li><a href="index.html">Über uns</a></li>
|
|
<li><a href="hilfe-verein.html#kontakt">Kontakt</a></li>
|
|
<li><a href="impressum.html">Impressum</a></li>
|
|
<li><a href="datenschutz.html">Datenschutz</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<p class="ftr__legal">Kleinunternehmerregelung nach § 19 UStG: Als Kleinunternehmer berechnen wir keine Umsatzsteuer und weisen sie daher auch nicht aus.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|