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

Feature: Welten Info-Cards — User-Avatar in JETZT, Hunde-Avatar+Cycle+Overlap in HUND, SW by-v639

Browse source
This commit is contained in:
rene 2026-05-03 10:18:11 +02:00
parent dfd68f2a07
commit fc2002847c
4 changed files with 1074 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

42
backend/static/index.html
View file

@ -8,6 +8,11 @@
<meta name="keywords" content="Hunde App, Hunde Tagebuch, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundesitting, Hunde Wiki, Hunderassen, PWA Hunde, DSGVO Hunde App">
<link rel="canonical" href="https://banyaro.app/">
<!-- Preconnect: externe Hosts frühzeitig verbinden -->
<link rel="preconnect" href="https://umami.motocamp.de">
<link rel="preconnect" href="https://tile.openstreetmap.org" crossorigin>
<link rel="dns-prefetch" href="https://tile.openstreetmap.org">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Ban Yaro — Die deutschsprachige Hunde-Plattform">
@ -178,6 +183,9 @@
<div class="sidebar-item" data-page="adoption">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#heart"></use></svg> Adoption
</div>
<div class="sidebar-item" data-page="wetter">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#sun"></use></svg> Wetter
</div>
<span class="sidebar-section-label">Soziales</span>
<div class="sidebar-item" data-page="friends">
@ -483,6 +491,10 @@
<div class="page-body page-container"></div>
</section>
<section class="page" id="page-wetter">
<div class="page-body page-container"></div>
</section>
<section class="page" id="page-playdate">
<div class="page-body page-container"></div>
</section>
@ -515,6 +527,35 @@
</div><!-- #app -->
<!-- DREI WELTEN — JETZT | HUND | WELT -->
<div id="worlds-overlay">
<div id="world-dots">
<span class="wdot" data-w="0"></span>
<span class="wdot active" data-w="1"></span>
<span class="wdot" data-w="2"></span>
</div>
<div id="world-labels">
<span class="wlabel" data-w="0">JETZT</span>
<span class="wlabel" data-w="1">HUND</span>
<span class="wlabel" data-w="2">WELT</span>
</div>
<button id="worlds-settings" aria-label="Einstellungen">
<svg class="ph-icon" style="width:20px;height:20px"><use href="/icons/phosphor.svg#gear"></use></svg>
</button>
<div id="worlds-track">
<div class="world-panel" id="wp-jetzt"><div id="wj-content"></div></div>
<div class="world-panel" id="wp-hund"><div id="wh-content"></div></div>
<div class="world-panel" id="wp-welt"><div id="ww-content"></div></div>
</div>
<button id="worlds-fab" aria-label="Hinzufügen">
<svg class="ph-icon" style="width:22px;height:22px"><use href="/icons/phosphor.svg#paw-print"></use></svg>
</button>
</div>
<div id="worlds-back">
<svg class="ph-icon" style="width:18px;height:18px"><use href="/icons/phosphor.svg#arrow-left"></use></svg>
Zurück
</div>
<!-- TOAST CONTAINER (außerhalb der App, immer sichtbar) -->
<div class="toast-container" id="toast-container" role="alert" aria-live="polite"></div>
@ -525,6 +566,7 @@
<script src="/js/api.js?v=94"></script>
<script src="/js/ui.js?v=94"></script>
<script src="/js/app.js?v=94"></script>
<script src="/js/worlds.js?v=639"></script>
<!-- Feature-Seiten werden lazy geladen -->