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

Fix: Landing Dark-Mode, OS-Icons→Phosphor, force-update-Loop (SW by-v953)

Browse source 
- 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:
rene 2026-05-14 18:34:02 +02:00
parent f9160307bc
commit 996ee9c97e
4 changed files with 51 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

55
backend/static/landing.html
View file

@ -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>