Fix: Eric-Ward-Split mit Inline-Styles und auto-fit Grid (SW by-v958)

This commit is contained in:
rene 2026-05-14 19:33:21 +02:00
parent 7867507e7d
commit 2a59b775e2
4 changed files with 23 additions and 16 deletions

View file

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

View file

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

View file

@ -829,20 +829,27 @@
</section> </section>
<!-- Emotionaler Split: Eric Ward --> <!-- Emotionaler Split: Eric Ward -->
<section style="padding:0;overflow:hidden"> <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-height:420px;overflow:hidden">
<div class="moment-split"> <div style="position:relative;min-height:300px">
<div class="moment-photo"> <img src="/img/landing/eric-ward.jpg" alt="Hundebesitzer umarmt seinen Golden Retriever"
<img src="/img/landing/eric-ward.jpg" alt="Hundebesitzer umarmt seinen Golden Retriever" loading="lazy"> loading="lazy"
<span class="photo-credit">© Eric Ward · Unsplash</span> style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block">
</div> <span class="photo-credit">© Eric Ward · Unsplash</span>
<div class="moment-text">
<blockquote>„Ich kann mir ein Leben ohne ihn nicht mehr vorstellen."</blockquote>
<p>Das sagen uns Tausende Hundemenschen täglich. Ban Yaro begleitet diese Liebe — mit Tagebuch, Gesundheit, Training und einer Gemeinschaft die genauso fühlt wie du.</p>
<a href="/" class="cta-btn" style="align-self:flex-start;background:white;color:#a86e2e;margin:0;box-shadow:0 4px 20px rgba(0,0,0,.15)"
onclick="sessionStorage.setItem('by_stay_in_app','1')">Kostenlos starten</a>
</div>
</div> </div>
</section> <div style="background:linear-gradient(135deg,#C4843A 0%,#d4944a 100%);color:white;
display:flex;flex-direction:column;justify-content:center;
padding:clamp(2rem,5vw,3.5rem);gap:1.5rem">
<p style="font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;line-height:1.3;margin:0">
„Ich kann mir ein Leben ohne ihn nicht mehr vorstellen."
</p>
<p style="font-size:1rem;opacity:0.88;margin:0;line-height:1.65">
Das sagen uns Tausende Hundemenschen täglich. Ban Yaro begleitet diese Liebe — mit Tagebuch, Gesundheit, Training und einer Gemeinschaft die genauso fühlt wie du.
</p>
<a href="/" class="cta-btn"
style="align-self:flex-start;background:white;color:#a86e2e;margin:0;box-shadow:0 4px 20px rgba(0,0,0,.2)"
onclick="sessionStorage.setItem('by_stay_in_app','1')">Kostenlos starten</a>
</div>
</div>
<!-- Demo-Video --> <!-- Demo-Video -->
<section id="demo" style="position:relative;background:#1a1a1a;padding:64px 20px;text-align:center;overflow:hidden"> <section id="demo" style="position:relative;background:#1a1a1a;padding:64px 20px;text-align:center;overflow:hidden">

View file

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