Redesign nachgeschärft: lesbarer Hero, saubere Übergänge, stärkere Explosion, Speisekarte mit Farbbändern
- Körnung neutral und echte Überblendung (Abschnitte isoliert), keine harten Kanten mehr an Flammen/Wellen - Hero: Burger kleiner, Wortmarke raus, KNOCKOUT wieder lesbar - Fotoband durch Plakat-Abschnitt Crispy Tenders ersetzt, Wings-Freisteller nachgeschnitten - Zutaten: korrekt zentriert, Schweben relativ (kein Pendeln), kräftigere Explosion, pausiert außerhalb des Bildes - Speisekarte: Kategorie-Leiste klebt wieder (body overflow), Bänder in Rot/Gelb/Dunkel mit Flammen - Kontrast auf Orange, Kopfleiste mit Hintergrund beim Scrollen, Menü sperrt das Scrollen, leeres lenis.min.js entfernt - Flammen und Funken laufen nur, solange sie sichtbar sind Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
12d8f41fd8
commit
08f687822f
16 files changed
+220
-131
No files matched your search
+8
-5
@@ -27,7 +27,6 @@
|
||||
</script>
|
||||
<script src="assets/js/gsap.min.js" defer></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js" defer></script>
|
||||
<script src="assets/js/lenis.min.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -51,7 +50,7 @@
|
||||
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
|
||||
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
|
||||
</a>
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
|
||||
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
|
||||
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
|
||||
</button>
|
||||
@@ -177,7 +176,8 @@
|
||||
</section>
|
||||
|
||||
<!-- BEEF BURGER -->
|
||||
<section class="menu-cat" id="beef-burger" aria-labelledby="h-bburger">
|
||||
<section class="menu-cat menu-cat--band menu-cat--red" id="beef-burger" aria-labelledby="h-bburger">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--red)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display x3d" id="h-bburger" data-pop>Beef Burger</h2>
|
||||
<p>Alle Burger mit Rindfleisch-Patty, Cheddar, Tomaten, Salat, sauren Gurken und Zwiebeln.</p>
|
||||
@@ -260,7 +260,8 @@
|
||||
</section>
|
||||
|
||||
<!-- BEILAGEN -->
|
||||
<section class="menu-cat" id="beilagen" aria-labelledby="h-beilagen">
|
||||
<section class="menu-cat menu-cat--band menu-cat--yellow" id="beilagen" aria-labelledby="h-beilagen">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--yellow)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display x3d" id="h-beilagen" data-pop>Beilagen</h2>
|
||||
<p>Der perfekte Sidekick für Wings und Burger.</p>
|
||||
@@ -316,7 +317,8 @@
|
||||
</section>
|
||||
|
||||
<!-- GETRÄNKE -->
|
||||
<section class="menu-cat" id="getraenke" aria-labelledby="h-getraenke">
|
||||
<section class="menu-cat menu-cat--band menu-cat--ink" id="getraenke" aria-labelledby="h-getraenke">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--ink)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display x3d" id="h-getraenke" data-pop>Getränke</h2>
|
||||
<p>Kalt, groß und zum Teilen. Bier, Wein und Cocktails gibt’s bei uns an der Bar.</p>
|
||||
@@ -359,6 +361,7 @@
|
||||
<p>Informationen zu Allergenen und kennzeichnungspflichtigen Zusatzstoffen bekommst du jederzeit bei uns im Restaurant oder telefonisch unter <a href="tel:+496313107985">0631 3107985</a>. Alle Preise in Euro inklusive gesetzlicher Mehrwertsteuer. Stand: 09/2026.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-end" aria-hidden="true"><div class="torn torn--in"></div></div>
|
||||
</main>
|
||||
|
||||
<footer class="footer on-dark" data-nav-dark>
|
||||
|
||||
Reference in new issue
Block a user