rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feature: Welten-Onboarding, Wetter-Motivation, UX-Fixes (SW by-v715)

Browse source 
Welten (worlds.js):
- Swipe-Hints beim ersten Öffnen (JETZT ← → WELT animiert, einmalig)
- Kein-Hund-Onboarding: Feature-Preview-Grid statt leerer Karte
- Hintergrund-Foto-Hint: Kamera-Karte wenn noch kein Tagebuchfoto
- worlds-back: navigiert zu Welcome wenn kein User eingeloggt
- Nach Logout: worlds-back Button sofort ausgeblendet

Wetter (wetter.js):
- Standort-Fehlerseite zu Motivations-Seite umgebaut
- Feature-Preview: Gassi-Score, 7-Tage, Regenradar, Rekorde
- CTA: Standort freigeben + Registrieren (nur für Gäste)

Settings (settings.js):
- Logo in Auth-Form: display:block + margin:0 auto zentriert
- Header bleibt sichtbar (FAB/Zurück-Navigation funktioniert)

Jobs (jobs.js):
- 2-Spalten-Grid auf Mobile: auto-fit statt festes 1fr 1fr
- Kein doppeltes Padding im Wrapper

Backend:
- weather.py, achievements.py: diary JOIN fix (d.user_id → dogs JOIN)
- Neue Wetter-Badges: wetter_tapfer, jahreszeiten, schnee
- Ernährungs-, Reise-, Ausgaben-Seite: diverse UX-Verbesserungen
- Presse-Seite erweitert
- Ban Yaro Foto-Assets (WebP + HIRES JPG)
This commit is contained in:
rene 2026-05-05 17:32:03 +02:00
parent aa4849d947
commit 55069d246b
28 changed files with 719 additions and 198 deletions
Download patch file Download diff file Expand all files Collapse all files

83
backend/static/presse.html
View file

@ -226,9 +226,90 @@
</div>
</section>
<!-- Foto-Galerie -->
<section>
<div class="section-label">Fotos — zur redaktionellen Verwendung freigegeben</div>
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px">
<!-- Herbst am Bach -->
<div style="border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--border)">
<div style="position:relative;aspect-ratio:4/3">
<img src="/img/banyaro/herbst_bach.webp" alt="Ban Yaro am Bach im Herbst"
style="width:100%;height:100%;object-fit:cover;display:block">
</div>
<div style="padding:10px 12px">
<div style="font-size:.8rem;font-weight:700;margin-bottom:2px">Herbst am Bach</div>
<div style="font-size:.7rem;color:var(--muted);margin-bottom:8px">8064 × 6048 px · 20 MB JPEG</div>
<a href="/img/banyaro/hires/banyaro_herbst_bach_hires.jpg"
download="banyaro-herbst-bach-hires.jpg"
style="display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:white;
font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none">
↓ Hi-Res herunterladen
</a>
</div>
</div>
<!-- Winter im Schnee -->
<div style="border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--border)">
<div style="position:relative;aspect-ratio:4/3">
<img src="/img/banyaro/winter_schnee.webp" alt="Ban Yaro im Schnee"
style="width:100%;height:100%;object-fit:cover;display:block">
</div>
<div style="padding:10px 12px">
<div style="font-size:.8rem;font-weight:700;margin-bottom:2px">Winter im Schnee</div>
<div style="font-size:.7rem;color:var(--muted);margin-bottom:8px">Original-Auflösung · JPEG</div>
<a href="/img/banyaro/hires/banyaro_winter_schnee_hires.jpg"
download="banyaro-winter-schnee-hires.jpg"
style="display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:white;
font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none">
↓ Hi-Res herunterladen
</a>
</div>
</div>
<!-- Frühling & Playdate -->
<div style="border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--border)">
<div style="position:relative;aspect-ratio:4/3">
<img src="/img/banyaro/fruehling_playdate.webp" alt="Ban Yaro spielt im Frühling"
style="width:100%;height:100%;object-fit:cover;display:block">
</div>
<div style="padding:10px 12px">
<div style="font-size:.8rem;font-weight:700;margin-bottom:2px">Frühling &amp; Playdate</div>
<div style="font-size:.7rem;color:var(--muted);margin-bottom:8px">3199 × 2648 px · 3,8 MB JPEG</div>
<a href="/img/banyaro/hires/banyaro_fruehling_playdate_hires.jpg"
download="banyaro-fruehling-playdate-hires.jpg"
style="display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:white;
font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none">
↓ Hi-Res herunterladen
</a>
</div>
</div>
<!-- Herbst & Neugier -->
<div style="border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--border)">
<div style="position:relative;aspect-ratio:4/3">
<img src="/img/banyaro/herbst_baum.webp" alt="Ban Yaro neugierig am Baum"
style="width:100%;height:100%;object-fit:cover;display:block">
</div>
<div style="padding:10px 12px">
<div style="font-size:.8rem;font-weight:700;margin-bottom:2px">Herbst &amp; Neugier</div>
<div style="font-size:.7rem;color:var(--muted);margin-bottom:8px">8064 × 6048 px · 17 MB JPEG</div>
<a href="/img/banyaro/hires/banyaro_herbst_baum_hires.jpg"
download="banyaro-herbst-baum-hires.jpg"
style="display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:white;
font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none">
↓ Hi-Res herunterladen
</a>
</div>
</div>
</div>
<p style="font-size:.78rem;color:var(--muted)">Alle Fotos: Ban Yaro (Kromfohrländer) · Fotograf: René Degelmann · Zur redaktionellen Verwendung freigegeben</p>
</section>
<!-- Screenshots -->
<section>
<div class="section-label">Screenshots — zur redaktionellen Verwendung freigegeben</div>
<div class="section-label">App-Screenshots — zur redaktionellen Verwendung freigegeben</div>
<div class="download-grid">
<a class="download-card" href="/img/screenshots/screen-1.jpg" download="banyaro-tagebuch.jpg">
<img class="thumb" src="/img/screenshots/screen-1.jpg" alt="Tagebuch">