Fix: Foto-Strip + Ban-Yaro-Bild mit Inline-Styles (SW by-v961)

This commit is contained in:
rene 2026-05-14 19:55:34 +02:00
parent 6f8644c70f
commit be87930e5b
4 changed files with 17 additions and 13 deletions

View file

@ -406,7 +406,7 @@ async def serve_media(path: str, request: _Request):
raise _HE(404, "Nicht gefunden.")
return _media_response(filepath)
APP_VER = "960" # muss mit APP_VER in app.js übereinstimmen
APP_VER = "961" # muss mit APP_VER in app.js übereinstimmen
@app.get("/.well-known/assetlinks.json")
async def assetlinks():

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '960'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '961'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

View file

@ -1021,21 +1021,25 @@
<!-- Foto-Strip -->
<section style="padding:0;overflow:hidden">
<div class="photo-strip">
<div class="photo-strip-item">
<img src="/img/landing/alvan-nee.webp" alt="Zwei Hunde laufen einen Waldweg entlang" loading="lazy">
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:3px">
<div style="position:relative;aspect-ratio:1;overflow:hidden">
<img src="/img/landing/alvan-nee.webp" alt="Zwei Hunde laufen einen Waldweg entlang" loading="lazy"
style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease">
<span class="photo-credit">© Alvan Nee · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/nicholas-brownlow.webp" alt="Frau gibt ihrem Golden Retriever einen Kuss" loading="lazy">
<div style="position:relative;aspect-ratio:1;overflow:hidden">
<img src="/img/landing/nicholas-brownlow.webp" alt="Frau gibt ihrem Golden Retriever einen Kuss" loading="lazy"
style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease">
<span class="photo-credit">© Nicholas Brownlow · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/wade-austin-ellis.webp" alt="Frau mit Labrador auf der Wiese" loading="lazy">
<div style="position:relative;aspect-ratio:1;overflow:hidden">
<img src="/img/landing/wade-austin-ellis.webp" alt="Frau mit Labrador auf der Wiese" loading="lazy"
style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease">
<span class="photo-credit">© Wade Austin Ellis · Unsplash</span>
</div>
<div class="photo-strip-item">
<img src="/img/landing/tamas-pap.webp" alt="Frau lacht während ihr Hund sie abschleckt" loading="lazy">
<div style="position:relative;aspect-ratio:1;overflow:hidden">
<img src="/img/landing/tamas-pap.webp" alt="Frau lacht während ihr Hund sie abschleckt" loading="lazy"
style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease">
<span class="photo-credit">© Tamas Pap · Unsplash</span>
</div>
</div>
@ -1453,7 +1457,7 @@
<section id="ueber" style="background:white;padding:0">
<!-- Ban Yaro persönlich -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow:hidden">
<div style="position:relative;min-height:340px">
<div style="position:relative;height:360px;max-height:420px">
<img src="/img/landing/ban-yaro-original.webp"
alt="Ban Yaro — der echte Hund hinter der App"
loading="lazy"

View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v960';
const CACHE_VERSION = 'by-v961';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache