Add 'Heute Mittag' Quick-Pick-Sektion (Sa 26.7.)
Drei verifizierte Optionen, sortiert nach 'wie schnell': 1. Pizza Coloseum Strašnice (8 Min, €) — wenn alle verpeilt 2. Restaurace U Kohouta (10 Min, €€) — Empfehlung, tschechisch 3. Restaurace U Přístavu (~20 Min, €€) — falls KartPlanet-Tag In index.html (prominent nach Hero) und beide Tourenplan-Varianten (kompakte Leiste über der Karte). Live verifiziert via curl.
This commit is contained in:
@@ -202,6 +202,97 @@
|
||||
</div>
|
||||
<a href="index.html" class="home-btn" title="Zurück zur Startseite">🏠 Startseite</a>
|
||||
<button class="theme-toggle" id="theme-toggle" aria-label="Theme wechseln" title="Light/Dark Mode">🌙</button>
|
||||
<!-- ===== 🍽️ HEUTE MITTAG — Quick-Picks ===== -->
|
||||
<div class="heute-mittag-bar">
|
||||
<style>
|
||||
.heute-mittag-bar {
|
||||
background: linear-gradient(135deg, rgba(246,197,68,0.12), rgba(139,21,56,0.10));
|
||||
border: 1px solid rgba(246,197,68,0.35);
|
||||
border-radius: 12px;
|
||||
padding: 12px 16px;
|
||||
margin: 14px 16px 0;
|
||||
font-family: inherit;
|
||||
}
|
||||
.heute-mittag-bar .title {
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
font-size: 14px; font-weight: 700;
|
||||
color: var(--accent-bright, #f6c544);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.heute-mittag-bar .title .tag {
|
||||
font-size: 10px;
|
||||
background: var(--bordeaux, #8b1538);
|
||||
color: #fff;
|
||||
padding: 2px 7px;
|
||||
border-radius: 999px;
|
||||
letter-spacing: 0.4px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
}
|
||||
.heute-mittag-bar .opts {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.heute-mittag-bar .opts { grid-template-columns: 1fr; }
|
||||
}
|
||||
.heute-mittag-bar .opt {
|
||||
background: rgba(0,0,0,0.20);
|
||||
border: 1px solid rgba(255,255,255,0.08);
|
||||
border-radius: 10px;
|
||||
padding: 9px 11px;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
color: #ddd;
|
||||
}
|
||||
.heute-mittag-bar .opt strong { color: var(--accent-bright, #f6c544); }
|
||||
.heute-mittag-bar .opt .rank {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
color: var(--accent-dim, #8a6914);
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.heute-mittag-bar .opt.featured {
|
||||
border-color: var(--accent-bright, #f6c544);
|
||||
box-shadow: 0 0 0 1px var(--accent-bright, #f6c544);
|
||||
}
|
||||
.heute-mittag-bar .opt.featured .rank { color: var(--accent-bright, #f6c544); }
|
||||
.heute-mittag-bar .opt a {
|
||||
display: inline-block;
|
||||
margin-top: 4px;
|
||||
font-size: 11px;
|
||||
color: var(--accent-bright, #f6c544);
|
||||
text-decoration: none;
|
||||
}
|
||||
.heute-mittag-bar .opt a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
|
||||
<div class="title">
|
||||
<span>🍽️</span>
|
||||
<span>Heute Mittag — Essen in Hotelnähe</span>
|
||||
<span class="tag">Sa · 26.7.</span>
|
||||
</div>
|
||||
<div class="opts">
|
||||
<div class="opt">
|
||||
<span class="rank">OPTION 1 · SCHNELL</span>
|
||||
<strong>🍕 Pizza Coloseum</strong> · Italienisch, € · 8 Min Fußweg
|
||||
<br><a href="https://www.google.com/maps/search/?api=1&query=Pizza+Coloseum+Strasnice+Prague" target="_blank" rel="noopener">📍 Google Maps</a>
|
||||
</div>
|
||||
<div class="opt featured">
|
||||
<span class="rank">OPTION 2 · EMPFEHLUNG</span>
|
||||
<strong>🍖 Restaurace U Kohouta</strong> · Tschechisch, €€ · 10 Min Fußweg
|
||||
<br><a href="https://www.google.com/maps/search/?api=1&query=Restaurace+U+Kohouta+Strasnice+Prague" target="_blank" rel="noopener">📍 Google Maps</a>
|
||||
</div>
|
||||
<div class="opt">
|
||||
<span class="rank">OPTION 3 · WASSER</span>
|
||||
<strong>🛶 Restaurace U Přístavu</strong> · Tschechisch, €€ · ~20 Min (KartPlanet-Gegend)
|
||||
<br><a href="https://www.google.com/maps/search/?api=1&query=Restaurace+U+P%C5%99%C3%ADstavu+Hrdo%C5%99ezy+Prague" target="_blank" rel="noopener">📍 Google Maps</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="map"></div>
|
||||
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
|
||||
|
||||
Reference in New Issue
Block a user