Speiseplan-Kacheln (zukünftige Tage), Footer mit Credit (No tracking, Markus F.J. Busche)
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -195,6 +195,18 @@
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0 0 0.5rem;
|
||||
}
|
||||
|
||||
footer p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footer-credit {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
@@ -203,6 +215,56 @@
|
||||
footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.speiseplan-section {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.speiseplan-section h2 {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
.speiseplan-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||
}
|
||||
|
||||
.day-tile {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 1.25rem 1.5rem;
|
||||
}
|
||||
|
||||
.day-tile h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin: 0 0 0.75rem;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.day-tile .dishes {
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.day-tile .dishes div {
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.day-tile .dishes div:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.speiseplan-empty {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.95rem;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -217,6 +279,26 @@
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<section class="speiseplan-section">
|
||||
<h2>Speiseplan (zukünftige Tage)</h2>
|
||||
{% if upcoming_days %}
|
||||
<div class="speiseplan-grid">
|
||||
{% for date_str, dishes in upcoming_days %}
|
||||
<article class="day-tile">
|
||||
<h3>{{ date_str }}</h3>
|
||||
<div class="dishes">
|
||||
{% for dish in dishes %}
|
||||
<div>{{ dish }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="speiseplan-empty">Es liegen derzeit (noch) keine neuen Speisepläne vor.</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<h2><span class="num">1</span> Abo-URL kopieren</h2>
|
||||
<p style="margin: 0 0 1rem; font-size: 0.95rem; color: var(--text-muted);">Diese URL in Ihrem Kalender als „Abonnement“ oder „Von URL hinzufügen“ eintragen:</p>
|
||||
@@ -259,7 +341,8 @@
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Quelle: <a href="http://kantine-bhz.de" target="_blank" rel="noopener">kantine-bhz.de</a>. Der Speiseplan wird einmal täglich aktualisiert. Direkter Kalender-Download: <a href="{{ calendar_url }}">calendar.ics</a>.
|
||||
<p>Quelle: <a href="http://kantine-bhz.de" target="_blank" rel="noopener">kantine-bhz.de</a>. Der Speiseplan wird einmal täglich aktualisiert. Direkter Kalender-Download: <a href="{{ calendar_url }}">calendar.ics</a>.</p>
|
||||
<p class="footer-credit">No tracking, no cookies. Made as a hobby project in 2026 by <a href="mailto:elpatron@mailbox.org">Markus F.J. Busche</a>.</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user