Fix: Landing Dark-Mode, OS-Icons→Phosphor, force-update-Loop (SW by-v953)
- main.py APP_VER 951→953 behebt Update-Loop auf Desktop - Dark-Mode: vollständige @media (prefers-color-scheme: dark) Regeln für alle Sections - Emojis im Verbindung-Block (🏡🔍🐶) durch Phosphor SVG ersetzt - 🐾 in Testimonials und Footer durch paw-print SVG ersetzt
This commit is contained in:
parent
f9160307bc
commit
996ee9c97e
4 changed files with 51 additions and 10 deletions
|
|
@ -406,7 +406,7 @@ async def serve_media(path: str, request: _Request):
|
|||
raise _HE(404, "Nicht gefunden.")
|
||||
return _media_response(filepath)
|
||||
|
||||
APP_VER = "951" # muss mit APP_VER in app.js übereinstimmen
|
||||
APP_VER = "953" # muss mit APP_VER in app.js übereinstimmen
|
||||
|
||||
@app.get("/.well-known/assetlinks.json")
|
||||
async def assetlinks():
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '952'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '953'; // ← 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
|
||||
|
|
|
|||
|
|
@ -594,6 +594,41 @@
|
|||
transition: opacity 0.55s ease, transform 0.55s ease;
|
||||
}
|
||||
.fade-up.visible { opacity: 1; transform: none; }
|
||||
|
||||
/* Dark Mode */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg: #141210;
|
||||
--surface: #1e1a16;
|
||||
--text: #ede8e2;
|
||||
--text-secondary:#a89880;
|
||||
--text-muted: #6b5e50;
|
||||
--border: #2e2620;
|
||||
--primary-light: #3a2510;
|
||||
}
|
||||
body { background: var(--bg); color: var(--text); }
|
||||
nav { background: #1a1612; border-color: var(--border); }
|
||||
nav a { color: var(--text-secondary); }
|
||||
section:nth-child(even) { background: #1a1612; }
|
||||
#fuer-beide { background: #1a1612 !important; }
|
||||
#welpen { background: #1a1612 !important; }
|
||||
#stimmen { background: #141210 !important; }
|
||||
#zuechter { background: #1a1208 !important; }
|
||||
.outcome-card, .feature-card { background: var(--surface); border-color: var(--border); }
|
||||
.testimonial-card { background: var(--surface); border-color: var(--border); }
|
||||
.pricing-card { background: var(--surface); border-color: var(--border); }
|
||||
.pricing-card.featured { border-color: var(--primary); }
|
||||
section { background: var(--bg); }
|
||||
#audience-owner > div { background: var(--surface) !important; border-color: var(--border) !important; }
|
||||
.audience-card > div { background: var(--surface) !important; border-color: var(--border) !important; }
|
||||
table { background: var(--surface); }
|
||||
th { background: var(--primary); }
|
||||
td { border-color: var(--border); }
|
||||
tr:nth-child(even) td { background: var(--bg); }
|
||||
footer { background: #0d0b09; }
|
||||
.feature-group-label { background: var(--primary-light); color: var(--primary); }
|
||||
h2, h3 { color: var(--text); }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -880,7 +915,7 @@
|
|||
<p class="testimonial-quote testimonial-placeholder">Hier könnte dein Zitat stehen — schreib uns an hallo@banyaro.app</p>
|
||||
<div>
|
||||
<div class="testimonial-author">Maria K.</div>
|
||||
<div class="testimonial-dog">🐾 Luna · Golden Retriever</div>
|
||||
<div class="testimonial-dog"><svg viewBox="0 0 256 256" style="width:.85rem;height:.85rem;fill:currentColor;vertical-align:middle"><use href="/icons/phosphor.svg#paw-print"></use></svg> Luna · Golden Retriever</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -889,7 +924,7 @@
|
|||
<p class="testimonial-quote testimonial-placeholder">Hier könnte dein Zitat stehen — schreib uns an hallo@banyaro.app</p>
|
||||
<div>
|
||||
<div class="testimonial-author">Thomas W.</div>
|
||||
<div class="testimonial-dog">🐾 Max · Labrador</div>
|
||||
<div class="testimonial-dog"><svg viewBox="0 0 256 256" style="width:.85rem;height:.85rem;fill:currentColor;vertical-align:middle"><use href="/icons/phosphor.svg#paw-print"></use></svg> Max · Labrador</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -898,7 +933,7 @@
|
|||
<p class="testimonial-quote testimonial-placeholder">Hier könnte dein Zitat stehen — schreib uns an hallo@banyaro.app</p>
|
||||
<div>
|
||||
<div class="testimonial-author">Sarah M.</div>
|
||||
<div class="testimonial-dog">🐾 Bella · Schäferhund</div>
|
||||
<div class="testimonial-dog"><svg viewBox="0 0 256 256" style="width:.85rem;height:.85rem;fill:currentColor;vertical-align:middle"><use href="/icons/phosphor.svg#paw-print"></use></svg> Bella · Schäferhund</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -949,7 +984,9 @@
|
|||
<div style="display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:720px;margin:0 auto">
|
||||
|
||||
<div style="background:rgba(255,255,255,.08);border:1px solid rgba(196,132,58,.3);border-radius:12px;padding:1.25rem 1.5rem;flex:1;min-width:160px;text-align:left">
|
||||
<div style="font-size:1.4rem;margin-bottom:.5rem">🏡</div>
|
||||
<div style="width:2rem;height:2rem;margin-bottom:.5rem">
|
||||
<svg viewBox="0 0 256 256" style="width:100%;height:100%;fill:white"><use href="/icons/phosphor.svg#house-line"></use></svg>
|
||||
</div>
|
||||
<div style="font-weight:700;font-size:.95rem;margin-bottom:.25rem">Züchter</div>
|
||||
<div style="font-size:.82rem;color:rgba(255,255,255,.6)">Legt Wurf an, dokumentiert Welpen, veröffentlicht in der Wurfbörse</div>
|
||||
</div>
|
||||
|
|
@ -957,7 +994,9 @@
|
|||
<div style="color:rgba(196,132,58,.8);font-size:1.5rem;flex-shrink:0">→</div>
|
||||
|
||||
<div style="background:rgba(255,255,255,.08);border:1px solid rgba(196,132,58,.3);border-radius:12px;padding:1.25rem 1.5rem;flex:1;min-width:160px;text-align:left">
|
||||
<div style="font-size:1.4rem;margin-bottom:.5rem">🔍</div>
|
||||
<div style="width:2rem;height:2rem;margin-bottom:.5rem">
|
||||
<svg viewBox="0 0 256 256" style="width:100%;height:100%;fill:white"><use href="/icons/phosphor.svg#magnifying-glass"></use></svg>
|
||||
</div>
|
||||
<div style="font-weight:700;font-size:.95rem;margin-bottom:.25rem">Käufer</div>
|
||||
<div style="font-size:.82rem;color:rgba(255,255,255,.6)">Findet Wurf in der Wurfbörse, kontaktiert Züchter direkt per Chat</div>
|
||||
</div>
|
||||
|
|
@ -965,7 +1004,9 @@
|
|||
<div style="color:rgba(196,132,58,.8);font-size:1.5rem;flex-shrink:0">→</div>
|
||||
|
||||
<div style="background:rgba(196,132,58,.15);border:1px solid rgba(196,132,58,.5);border-radius:12px;padding:1.25rem 1.5rem;flex:1;min-width:160px;text-align:left">
|
||||
<div style="font-size:1.4rem;margin-bottom:.5rem">🐶</div>
|
||||
<div style="width:2rem;height:2rem;margin-bottom:.5rem">
|
||||
<svg viewBox="0 0 256 256" style="width:100%;height:100%;fill:#f5c07a"><use href="/icons/phosphor.svg#dog"></use></svg>
|
||||
</div>
|
||||
<div style="font-weight:700;font-size:.95rem;margin-bottom:.25rem;color:#f5c07a">Übergabe</div>
|
||||
<div style="font-size:.82rem;color:rgba(255,255,255,.6)">Welpen-Profil mit allem landet direkt in der App des neuen Besitzers</div>
|
||||
</div>
|
||||
|
|
@ -1316,7 +1357,7 @@
|
|||
<footer>
|
||||
<div class="container">
|
||||
<p><strong style="color:white">Ban Yaro</strong> — Die deutschsprachige Hunde-Plattform</p>
|
||||
<p style="margin-top:0.5rem">banyaro.app · DSGVO-konform · Hosting in Deutschland · Made with 🐾</p>
|
||||
<p style="margin-top:0.5rem">banyaro.app · DSGVO-konform · Hosting in Deutschland · Made with <svg viewBox="0 0 256 256" style="width:.9rem;height:.9rem;fill:#C4843A;vertical-align:middle;display:inline-block"><use href="/icons/phosphor.svg#paw-print"></use></svg></p>
|
||||
<div class="footer-links">
|
||||
<a href="/#impressum">Impressum</a>
|
||||
<a href="/#datenschutz">Datenschutz</a>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Offline-Cache + Push Notifications + Tile-Cache
|
||||
============================================================ */
|
||||
|
||||
const CACHE_VERSION = 'by-v952';
|
||||
const CACHE_VERSION = 'by-v953';
|
||||
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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue