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:
Hermes Agent
2026-07-25 10:58:15 +00:00
parent c00cea96e0
commit 625c3f28e4
3 changed files with 359 additions and 0 deletions
+91
View File
@@ -389,6 +389,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"