Align navigation and calm supporting copy across views

This commit is contained in:
2026-04-13 17:55:31 +02:00
parent a810162221
commit f17ab27c2e
8 changed files with 64 additions and 16 deletions
+15 -1
View File
@@ -61,7 +61,21 @@
<span class="chip status-soft">{{ item.owner_label }}</span> <span class="chip status-soft">{{ item.owner_label }}</span>
<span class="chip">{{ item.for_label }}</span> <span class="chip">{{ item.for_label }}</span>
</div> </div>
<p class="muted">{{ item_kind_labels[item.kind] }}{% if item.category %} · {{ item.category }}{% endif %}</p> {% if item.kind == 'food' %}
<div class="chip-row">
<span class="chip">{{ item.base_type_label }}</span>
<span class="chip">{{ item.suggestion_role_label }}</span>
</div>
<p class="muted">{{ item_kind_labels[item.kind] }}</p>
{% else %}
<div class="chip-row">
<span class="chip">{{ item.meal_type_label }}</span>
<span class="chip">{{ energy_density_labels[item.energy_density] }}</span>
{% for tag in item.meal_tag_labels %}
<span class="chip">{{ tag }}</span>
{% endfor %}
</div>
{% endif %}
{% if item.dayparts %} {% if item.dayparts %}
<div class="chip-row"> <div class="chip-row">
{% for daypart in item.dayparts %} {% for daypart in item.dayparts %}
-1
View File
@@ -115,7 +115,6 @@
<a class="mobile-extra-link" href="{{ url_for('auth.profile') }}"><span class="ui-icon icon-heart"></span><span>Profil</span></a> <a class="mobile-extra-link" href="{{ url_for('auth.profile') }}"><span class="ui-icon icon-heart"></span><span>Profil</span></a>
{% if g.user.role == 'admin' %} {% if g.user.role == 'admin' %}
<a class="mobile-extra-link" href="{{ url_for('admin.user_list') }}"><span class="ui-icon icon-sparkles"></span><span>Nutzer</span></a> <a class="mobile-extra-link" href="{{ url_for('admin.user_list') }}"><span class="ui-icon icon-sparkles"></span><span>Nutzer</span></a>
<a class="mobile-extra-link" href="{{ url_for('admin.category_settings') }}"><span class="ui-icon icon-seedling"></span><span>Kategorien</span></a>
{% endif %} {% endif %}
<button class="mobile-extra-link mobile-extra-button" type="button" data-theme-toggle aria-label="Darstellung wechseln"> <button class="mobile-extra-link mobile-extra-button" type="button" data-theme-toggle aria-label="Darstellung wechseln">
<span class="ui-icon icon-sun-theme" data-theme-icon></span> <span class="ui-icon icon-sun-theme" data-theme-icon></span>
+4 -4
View File
@@ -4,8 +4,8 @@
<section class="hero"> <section class="hero">
<div> <div>
<p class="eyebrow">Heute</p> <p class="eyebrow">Heute</p>
<h1>Ein ruhiger Blick auf euren Alltag</h1> <h1>Ein guter Blick auf euren Alltag</h1>
<p class="lead">Du siehst schnell, was zuhause da ist, was schon geplant wurde, welche Vorlagen gut passen und wo heute noch etwas ergänzt werden könnte.</p> <p class="lead">Du siehst, was zuhause da ist, was schon geplant wurde, welche Vorlagen passen und wo heute noch etwas dazukommen kann.</p>
</div> </div>
<div class="hero-actions"> <div class="hero-actions">
<a class="button" href="{{ url_for('main.planner_day', date=today.isoformat()) }}">Heutigen Tagesplan öffnen</a> <a class="button" href="{{ url_for('main.planner_day', date=today.isoformat()) }}">Heutigen Tagesplan öffnen</a>
@@ -223,8 +223,8 @@
<span>{{ card.planned_count }} Einträge</span> <span>{{ card.planned_count }} Einträge</span>
<small>{{ card.filled_dayparts | map(attribute='name') | join(', ') }}</small> <small>{{ card.filled_dayparts | map(attribute='name') | join(', ') }}</small>
{% else %} {% else %}
<span>Noch frei</span> <span>Noch offen</span>
<small>ruhiger Einstieg für den Tag</small> <small>Du kannst mit einem Eintrag anfangen.</small>
{% endif %} {% endif %}
</a> </a>
{% endfor %} {% endfor %}
+12 -1
View File
@@ -107,7 +107,18 @@
<span class="chip status-soft">{{ item.owner_label }}</span> <span class="chip status-soft">{{ item.owner_label }}</span>
<span class="chip">{{ item.for_label }}</span> <span class="chip">{{ item.for_label }}</span>
</div> </div>
<p class="muted">{{ item_kind_labels[item.kind] }}{% if item.category %} · {{ item.category }}{% endif %}</p> {% if item.kind == 'food' %}
<div class="chip-row">
<span class="chip">{{ item.base_type_label }}</span>
<span class="chip">{{ item.suggestion_role_label }}</span>
</div>
<p class="muted">{{ item_kind_labels[item.kind] }}</p>
{% else %}
<div class="chip-row">
<span class="chip">{{ item.meal_type_label }}</span>
<span class="chip">{{ energy_density_labels[item.energy_density] }}</span>
</div>
{% endif %}
{% if item.components %} {% if item.components %}
<p class="muted">Mit: {{ item.components|join(', ') }}</p> <p class="muted">Mit: {{ item.components|join(', ') }}</p>
{% endif %} {% endif %}
+19 -4
View File
@@ -74,10 +74,25 @@
<span class="chip status-soft">{{ item.owner_label }}</span> <span class="chip status-soft">{{ item.owner_label }}</span>
<span class="chip">{{ item.for_label }}</span> <span class="chip">{{ item.for_label }}</span>
</div> </div>
<p class="muted"> {% if item.kind == 'food' %}
{% if item.category %}{{ item.category }}{% else %}ohne Kategorie{% endif %} <div class="chip-row">
· {{ item_kind_labels[item.kind] }} <span class="chip">{{ item.base_type_label }}</span>
</p> <span class="chip">{{ item.suggestion_role_label }}</span>
<span class="chip">{{ item.suggestion_priority_label }}</span>
{% if item.can_be_meal_core %}
<span class="chip status-okay">Trägt gut eine Mahlzeit</span>
{% endif %}
</div>
<p class="muted">{{ item_kind_labels[item.kind] }}</p>
{% else %}
<div class="chip-row">
<span class="chip">{{ item.meal_type_label }}</span>
<span class="chip">{{ energy_density_labels[item.energy_density] }}</span>
{% for tag in item.meal_tag_labels %}
<span class="chip">{{ tag }}</span>
{% endfor %}
</div>
{% endif %}
{% if item.dayparts %} {% if item.dayparts %}
<div class="chip-row"> <div class="chip-row">
{% for daypart in item.dayparts %} {% for daypart in item.dayparts %}
+2 -2
View File
@@ -5,7 +5,7 @@
<div> <div>
<p class="eyebrow">Tagesplan</p> <p class="eyebrow">Tagesplan</p>
<h1>{{ weekday_name(selected_date) }}, {{ selected_date.strftime('%d.%m.%Y') }}</h1> <h1>{{ weekday_name(selected_date) }}, {{ selected_date.strftime('%d.%m.%Y') }}</h1>
<p class="lead">Der Tagesplan bleibt bewusst ruhig. Jede Tageszeit ist eine eigene Kachel und öffnet sich erst, wenn du sie brauchst.</p> <p class="lead">Jede Tageszeit hat ihren eigenen Platz und öffnet sich erst dann, wenn du etwas eintragen möchtest.</p>
</div> </div>
<div class="week-nav"> <div class="week-nav">
<a class="ghost-button" href="{{ url_for('main.planner_day', date=previous_day.isoformat()) }}">Vorheriger Tag</a> <a class="ghost-button" href="{{ url_for('main.planner_day', date=previous_day.isoformat()) }}">Vorheriger Tag</a>
@@ -90,7 +90,7 @@
{% if section.summary_items %} {% if section.summary_items %}
<p class="day-tile-summary-text">{{ section.summary_items|join(', ') }}</p> <p class="day-tile-summary-text">{{ section.summary_items|join(', ') }}</p>
{% else %} {% else %}
<p class="muted">Noch frei. Öffnen, wenn du etwas ergänzen möchtest.</p> <p class="muted">Noch offen. Öffnen, wenn du etwas eintragen möchtest.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
+3 -3
View File
@@ -4,8 +4,8 @@
<section class="page-intro"> <section class="page-intro">
<div> <div>
<p class="eyebrow">Wochenansicht</p> <p class="eyebrow">Wochenansicht</p>
<h1>Ein ruhiger Blick auf die nächsten sieben Tage</h1> <h1>Die nächsten sieben Tage auf einen Blick</h1>
<p class="lead">Du kannst bestehende Einträge zwischen Tagen und Tageszeiten verschieben, Vorlagen anwenden und gleichzeitig sehen, was erst später für den Einkauf relevant wird.</p> <p class="lead">Du kannst Einträge zwischen Tagen und Tageszeiten verschieben, Vorlagen anwenden und sehen, was erst später für den Einkauf wichtig wird.</p>
</div> </div>
<div class="week-nav"> <div class="week-nav">
<a class="ghost-button" href="{{ url_for('main.planner', week=prev_week.isoformat()) }}">Vorige Woche</a> <a class="ghost-button" href="{{ url_for('main.planner', week=prev_week.isoformat()) }}">Vorige Woche</a>
@@ -88,7 +88,7 @@
</div> </div>
{% if not card.filled_dayparts %} {% if not card.filled_dayparts %}
<p class="empty-state week-card-empty-copy">Noch offen. Du kannst den Tag ganz leicht nach und nach füllen.</p> <p class="empty-state week-card-empty-copy">Noch offen. Du kannst den Tag nach und nach füllen.</p>
{% endif %} {% endif %}
{% if card.hidden_snack_slots %} {% if card.hidden_snack_slots %}
+9
View File
@@ -109,6 +109,15 @@
Ausgewogen bleibt offen. Fitness denkt stärker in proteinbetont und eher leicht. Proteinbetont priorisiert Eiweiß, ohne extra leicht zu werden. Ausgewogen bleibt offen. Fitness denkt stärker in proteinbetont und eher leicht. Proteinbetont priorisiert Eiweiß, ohne extra leicht zu werden.
</small> </small>
</label> </label>
<label>
Proteinquellen eher
<select name="protein_preference">
{% for value, label in protein_preference_options %}
<option value="{{ value }}" {% if user_settings.protein_preference == value %}selected{% endif %}>{{ label }}</option>
{% endfor %}
</select>
<small class="helper-text">Hilft dabei, Fleisch und Fisch bei Bedarf leiser mitzudenken, ohne sie ganz auszuschließen.</small>
</label>
</fieldset> </fieldset>
<fieldset> <fieldset>