kobold-ai/cookbook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mealplan & shuffle tiles to home, restore print cover background, lower page numbers, and expand notes box

Browse Source
This commit is contained in:
kobold-ai
2026-10-16 20:45:17 +02:00
parent 0196c6d9e2
commit d4b00ccde2
3 changed files with 65 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/cookbook.html
+23 -22
View File
@@ -122,6 +122,12 @@
display: block !important;
padding: 50mm 14mm 16mm 14mm !important;
text-align: center !important;
background-color: var(--creme, #FAF6F0) !important;
background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 200 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 5 0 Q 15 200 0 400 T 10 800 L 20 800 Q 10 600 25 400 T 15 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 35 0 Q 25 250 40 500 T 30 800 L 55 800 Q 65 500 45 250 T 50 0 Z' fill='%231E4D3B' opacity='0.85'/%3E%3Cpath d='M 70 0 Q 80 300 65 600 T 75 800 L 85 800 Q 75 500 90 300 T 80 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 105 0 Q 95 200 110 400 T 100 800 L 125 800 Q 135 600 120 400 T 125 0 Z' fill='%231E4D3B' opacity='0.8'/%3E%3Cpath d='M 140 0 Q 150 250 135 500 T 145 800 L 155 800 Q 145 500 160 250 T 150 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 175 0 Q 165 300 180 600 T 170 800 L 195 800 Q 205 500 185 300 T 190 0 Z' fill='%231E4D3B' opacity='0.85'/%3E%3C/svg%3E") !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
page-break-after: always !important;
break-after: page !important;
page-break-inside: avoid !important;
@@ -395,43 +401,38 @@
flex: 1 1 auto !important;
}
.notes-box {
margin-top: 2.5mm !important;
padding: 4px 8px !important;
font-size: 0.76rem !important;
line-height: 1.2 !important;
.notes-box,
.notes-box-empty {
display: block !important;
margin-top: 3.5mm !important;
padding: 6px 10px 8px 10px !important;
font-size: 0.80rem !important;
line-height: 1.25 !important;
background: #FFF9D2 !important;
background-color: #FFF9D2 !important;
border: 1.5px dashed #D4C165 !important;
border-radius: 6px !important;
min-height: 26mm !important;
box-sizing: border-box !important;
}
.notes-box-title {
font-weight: 700 !important;
font-size: 0.78rem !important;
margin-bottom: 2px !important;
}
.notes-box-empty {
display: block !important;
padding: 4px 8px !important;
margin-top: 2.5mm !important;
background: #FFF9D2 !important;
background-color: #FFF9D2 !important;
border: 1.5px dashed #D4C165 !important;
border-radius: 6px !important;
font-size: 0.82rem !important;
margin-bottom: 3px !important;
color: #554400 !important;
}
.notes-blank-lines {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
gap: 0 !important;
margin-top: 2px !important;
}
.notes-blank-line {
border-bottom: 1px dotted rgba(100, 90, 70, 0.4) !important;
height: 8px !important;
border-bottom: 1.2px dotted rgba(140, 120, 60, 0.5) !important;
height: 6.5mm !important;
width: 100% !important;
}
@@ -442,7 +443,7 @@
/* 5. SEITENZAHL FEST IN DEN ECKEN DES BLATTES VERANKERT */
.page-footer {
position: absolute !important;
bottom: 6mm !important;
bottom: 3.5mm !important;
left: 14mm !important;
right: 14mm !important;
width: auto !important;
@@ -828,7 +829,7 @@
</div>
{% else %}
<div class="notes-box notes-box-empty print-only">
<div class="notes-box-title">💡 Eigene Notizen & Tipps</div>
<div class="notes-box-title">💡 Tipp & Notiz</div>
<div class="notes-blank-lines">
<div class="notes-blank-line"></div>
<div class="notes-blank-line"></div>
app/templates/home.html
+42 -8
View File
@@ -166,26 +166,32 @@
.portal-cookbook .portal-icon-box {
background: #EAF4EE;
}
.portal-mealplan .portal-icon-box {
background: #EBF3F8;
}
.portal-shuffle .portal-icon-box {
background: #FDF1E7;
}
.portal-shopping .portal-icon-box {
background: #FFF8D6;
}
.portal-title {
font-family: var(--font-hand);
font-size: 2.4rem;
font-size: 2.15rem;
font-weight: 700;
color: var(--tannengruen);
margin: 0;
line-height: 1;
line-height: 1.05;
}
.portal-subtitle {
font-size: 0.92rem;
font-size: 0.90rem;
color: #666;
margin: 0;
line-height: 1.35;
font-weight: 500;
max-width: 240px;
max-width: 250px;
}
.portal-badge {
@@ -202,6 +208,14 @@
background: #E8F2EC;
color: var(--tannengruen);
}
.portal-mealplan .portal-badge {
background: #E0EBF5;
color: #1A4D6E;
}
.portal-shuffle .portal-badge {
background: #FDE8D8;
color: #8A3B14;
}
.portal-shopping .portal-badge {
background: var(--gelb);
color: #7A5C00;
@@ -272,21 +286,41 @@
<div class="portal-grid">
<!-- PORTAL 1: KOCHBUCH -->
<a href="/cookbook" class="portal-card portal-cookbook" title="Zum Kochbuch & Essensplaner">
<a href="/cookbook" class="portal-card portal-cookbook" title="Zum Kochbuch & allen Rezepten">
<div class="portal-icon-box">📖</div>
<div>
<h2 class="portal-title">Kochbuch</h2>
<p class="portal-subtitle">Rezepte durchstöbern • Zufallsgenerator • Wochenmenüplan</p>
<p class="portal-subtitle">Rezepte durchstöbern • Suchen • Drucken & PDF</p>
<span class="portal-badge">📖 {{ recipe_count }} Rezepte</span>
</div>
</a>
<!-- PORTAL 2: EINKAUFSLISTE -->
<!-- PORTAL 2: WOCHENMENÜ-PLAN -->
<a href="/cookbook?open=mealplan" class="portal-card portal-mealplan" title="Zum Wochenmenü-Plan">
<div class="portal-icon-box">📅</div>
<div>
<h2 class="portal-title">Wochenmenü-Plan</h2>
<p class="portal-subtitle">Mahlzeiten planen • Vorschau • Zutaten exportieren</p>
<span class="portal-badge">📅 KW {{ current_week }} planen</span>
</div>
</a>
<!-- PORTAL 3: SHUFFLE-GENERATOR -->
<a href="/cookbook?open=shuffle" class="portal-card portal-shuffle" title="Zum Shuffle-Generator">
<div class="portal-icon-box">🎲</div>
<div>
<h2 class="portal-title">Shuffle-Generator</h2>
<p class="portal-subtitle">Zufällige Gerichte würfeln • Vormerken & Kochen</p>
<span class="portal-badge">🎲 Zufallsauswahl</span>
</div>
</a>
<!-- PORTAL 4: EINKAUFSLISTE -->
<a href="/shopping-list" class="portal-card portal-shopping" title="Zur Einkaufsliste">
<div class="portal-icon-box">🛒</div>
<div>
<h2 class="portal-title">Einkaufsliste</h2>
<p class="portal-subtitle">Supermarkt-Laufweg • Live-Sync • Wochenplan-Import</p>
<p class="portal-subtitle">Supermarkt-Laufweg • Live-Sync • Abhaken</p>
<span class="portal-badge">🛒 {{ open_shopping_count }} offene Artikel</span>
</div>
</a>
backup_recipes_notes.json
BIN
View File
Binary file not shown.