WEBklar/Chickago-Boys
4
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Runde 2 der Speisenfotos aus GitHub KNSONWS/Chickago-Boys (5325608) ins Redesign übernommen

Browse Source 
- 28 neue Freisteller in assets/img/menu/ (Tenders mit Sauce, Chicken/Beef Burger, Menüs, Buckets, Saucen, Getränke, Cheesecake)
- Speisekarte: alle diese Gerichte als Bildkarten, Buckets als breite Karte mit Fotos, Saucen und Getränke als kleine Papier-Karten
- Startseite: Bucket-Karten mit den echten Bucket-Fotos statt Wings
- Rohdateien Gemini_Generated_Image_*.jpeg aus dem Hauptordner entfernt (liegen einsortiert auf GitHub unter bilder-upscale/)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rootandClaude Opus 5.5 committed 2026-10-02 03:07:51 +00:00
1 parent 2acd62009b
commit 98de44410e
59 files changed
+139 -47
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/style.css
+26 -4
View File
@@ -982,7 +982,7 @@ body.nav-visible .cat-nav.is-stuck ul { top: var(--nav-h); }
}
.dish--special .price { background: var(--cream); color: var(--red-deep); }
.dish--promo { justify-content: center; gap: 1.1rem; grid-column: span 2; }
.dish--promo { justify-content: center; gap: 1.1rem; grid-column: 1 / -1; }
.dish__kicker { letter-spacing: .32em; }
.dish--promo .promo-row { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 0 0; border-top: 1px solid rgba(247, 235, 217, .35); text-align: left; }
.dish--promo .promo-row strong { font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; font-size: 1.15rem; line-height: 1; letter-spacing: -.01em; }
@@ -1055,9 +1055,31 @@ body.nav-visible .cat-nav.is-stuck ul { top: var(--nav-h); }
.dish-grid--2 { grid-template-columns: repeat(2, 1fr); }
.cat-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.cat-split .dish-list { grid-template-columns: 1fr; }
.sauce-chips { display: flex; flex-wrap: wrap; gap: .6rem; }
.sauce-chips span { display: inline-flex; gap: .7em; align-items: center; background: var(--white); border: 2px solid var(--red); border-radius: 999px; padding: .5em 1em; font-family: var(--f-wide); font-weight: 900; font-size: .82rem; text-transform: uppercase; color: var(--red); }
.sauce-chips b { font-family: var(--f-mono); font-weight: 400; color: var(--ink); }
/* Buckets als breite Karte über die ganze Zeile, beide Buckets nebeneinander mit Foto */
.dish--wide { grid-column: 1 / -1; }
.promo-duo { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2.5rem); }
.promo-item { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.promo-item img { width: min(100%, 380px); height: clamp(180px, 22vw, 270px); object-fit: contain; filter: drop-shadow(0 18px 18px rgba(60, 0, 0, .35)); }
@container (max-width: 560px) {
.promo-duo { grid-template-columns: 1fr; }
}
/* Saucen und Getränke: kleine Papier-Karten mit Foto, Name und Preis */
.dip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: clamp(.8rem, 1.6vw, 1.2rem); margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.dip {
display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center; color: var(--ink);
background: var(--grain-soft) 0 0 / 240px, #fff; border-radius: var(--radius); padding: .9rem .8rem 1.1rem;
box-shadow: 0 2px 6px rgba(110, 50, 10, .1), 0 18px 30px -10px rgba(110, 50, 10, .3);
transition: transform .45s var(--ease-pop), box-shadow .3s;
}
.dip:hover { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 2px 6px rgba(110, 50, 10, .1), 0 28px 40px -12px rgba(110, 50, 10, .4); }
.dip img { width: 100%; height: 110px; object-fit: contain; margin-bottom: .3rem; transition: transform .5s var(--ease-pop); }
.dip:hover img { transform: scale(1.08) rotate(-3deg); }
.dip h3 { font-family: var(--f-wide); font-weight: 900; text-transform: uppercase; font-size: .82rem; line-height: 1.15; margin: 0; color: var(--red); text-wrap: balance; hyphens: manual; max-width: 100%; }
.dip span { font-family: var(--f-mono); font-size: .78rem; opacity: .75; }
.dip b { font-family: var(--f-wide); font-weight: 900; font-size: .8rem; color: var(--white); background: var(--red); border-radius: 999px; padding: .35em .8em; margin-top: .3rem; }
.dip-grid--drinks .dip img { height: 170px; }
.menu-cat--ink .dip { box-shadow: 0 0 0 2px rgba(255, 200, 28, .35), 0 24px 40px -12px rgba(0, 0, 0, .7); }
/* ============ Fliegende Zutaten ============ */
.blast__bits { position: absolute; inset: 0; pointer-events: none; }