dammann/Kochbuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add phase 3: comments and cooking mode

Browse Source 
- Comments on visible recipes; author and admin may delete; per-user
  hourly rate limit (COMMENT_RATE_LIMIT_PER_HOUR)
- Cooking mode with large text, tick-off checklists, serving scaling and
  Screen Wake Lock to keep the display on
- Serving calculator auto-submits on change
- Privacy tests cover comment and cooking-mode URLs

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
Kyle Dammann
2026-10-30 21:39:15 +01:00
co-authored by Claude Opus 5.5
parent 6f7e4f92ca
commit 9256e94286
14 changed files with 342 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/app.css
+18
View File
@@ -253,3 +253,21 @@ h3 { font-size: 1rem; margin: 1rem 0 0.25rem; color: var(--muted); }
.form-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.photo-admin { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.photo-admin img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; display: block; margin-bottom: 0.4rem; }
/* --- Comments & cooking mode ------------------------------------------------------ */
.comment { padding: 0.75rem 0; border-bottom: 1px solid var(--border); }
.comment p { margin: 0.25rem 0; }
.comment form { margin: 0; }
.comment-head { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.comment-form { margin-top: 1rem; }
.cook { font-size: 1.15rem; }
.cook h1 { font-size: 1.5rem; }
.checklist { list-style: none; padding: 0; margin: 0.5rem 0 0; }
.checklist li { border-bottom: 1px solid var(--border); }
.checklist li:last-child { border-bottom: 0; }
.checklist label { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.7rem 0; cursor: pointer; font-weight: 400; }
.checklist input { width: 1.4rem; height: 1.4rem; margin-top: 0.15rem; flex: 0 0 auto; accent-color: var(--accent); }
.checklist input:checked + span { opacity: 0.45; text-decoration: line-through; }
.steps-big { font-size: 1.25rem; line-height: 1.55; }
.step-no { font-weight: 700; color: var(--accent); }