diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index d7180a4..2f96495 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
-const APP_VER = '422'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '423'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => {
diff --git a/backend/static/js/pages/welcome.js b/backend/static/js/pages/welcome.js
index d857361..53f744a 100644
--- a/backend/static/js/pages/welcome.js
+++ b/backend/static/js/pages/welcome.js
@@ -53,34 +53,200 @@ window.Page_welcome = (() => {
|| window.navigator.standalone === true;
const user = _appState?.user;
+ _injectStyles();
+
+ if (user) {
+ _renderLoggedIn(isInstalled);
+ } else {
+ _renderLanding(isInstalled);
+ }
+
+ _bindEvents();
+ _pulseMenuBtn();
+ }
+
+ // ----------------------------------------------------------
+ // LANDING PAGE — nicht eingeloggte Besucher
+ // ----------------------------------------------------------
+ function _renderLanding(isInstalled) {
+ const hasPrompt = !!App.getInstallPrompt();
+
+ _container.innerHTML = `
+
+
+
+
+
+
Alles für
+
+ Tagebuch, Gesundheit, Karte, Community —
+
+
+ ${hasPrompt ? `
+
+
+ ` : `
+
+
+ `}
+
+ Schon dabei? Anmelden
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tagebuch & Erinnerungen
+
Halte jeden gemeinsamen Moment fest — Fotos, Einträge, Stimmungen. Nur für dich, privat und sicher.
+
+
+
+
+
+
+
+
+
Gesundheit im Blick
+
Impfungen, Gewicht, Tierarzttermine — alles an einem Ort. Du siehst immer, wann was ansteht.
+
+
+
+
+
+
+
+
+
Community vor Ort
+
Giftköder-Warnungen, Gassi-Treffen, Events — was in deiner Gegend gerade passiert.
+
+
+
+
+
+
+
+
+
Training & KI-Trainer
+
Über 100 Übungen mit Schritt-für-Schritt-Anleitungen. Mit KI-Unterstützung, die deinen Hund kennt.
+
+
+
+
+
+
+
+
Deine Daten gehören dir.
+
+ Kein Facebook. Kein Google. Keine Werbung.
+
+
+
+
+
Und noch viel mehr
+
+ ${FEATURES.map(f => `
+
+ `).join('')}
+
+
+
+
+
+ ${hasPrompt ? `
+
+
+ ` : `
+
+
+ `}
+
Kein App Store · Direkt auf den Home-Bildschirm
+
+ ${!isInstalled ? `
+
+
+ ` : ''}
+
+
+
+ ${_showInstall ? `
+
+ ` : ''}
+
+
+
-
Ban Yaro
- ${user
- ? `Schön, dass du wieder da bist${user.name ? ', ' + UI.escape(user.name) + ' ' : ''}! 🐾`
- : 'Die Community für Hundebesitzer — Tagebuch, Gesundheit, Karte und mehr.'}
+ Schön, dass du wieder da bist${_appState?.user?.name ? ', ' + UI.escape(_appState.user.name) + ' ' : ''}!
- ${!user ? `
-
-
-
- Anmelden
-
- ` : ''}
-
-
Was Ban Yaro kann
-
${FEATURES.map(f => `
@@ -92,42 +258,179 @@ window.Page_welcome = (() => {
`).join('')}
-
${(!isInstalled || _showInstall) ? `
-
- ${_installHTML()}
-
+
${_installHTML()}
` : ''}
-
-
-
+
@@ -246,7 +541,6 @@ window.Page_welcome = (() => {
`;
}
- // iOS Safari: Teilen-Menü
if (isIOS && isSafari) {
return `
@@ -262,7 +556,6 @@ window.Page_welcome = (() => {
`;
}
- // iOS, aber nicht Safari (Chrome, Firefox, etc.)
if (isIOS && !isSafari) {
return `
@@ -280,7 +573,6 @@ window.Page_welcome = (() => {
`;
}
- // Android ohne Prompt (Firefox, älterer Samsung Browser, etc.)
if (isAndroid) {
return `
@@ -298,7 +590,6 @@ window.Page_welcome = (() => {
`;
}
- // Desktop — beide Plattformen zeigen
return `
{
${_steps([
- ['arrow-square-in', 'Öffne banyaro.app in Chrome oder Edge'],
- ['monitor', 'Klicke auf das Installations-Symbol in der Adressleiste'],
- ['check', 'Bestätigen — fertig!'],
+ ['arrow-square-in', 'Öffne banyaro.app in Chrome oder Edge'],
+ ['monitor', 'Klicke auf das Installations-Symbol in der Adressleiste'],
+ ['check', 'Bestätigen — fertig!'],
])}
@@ -346,17 +637,30 @@ window.Page_welcome = (() => {
// EVENTS
// ----------------------------------------------------------
function _bindEvents() {
- _container.querySelector('#install-android-btn')?.addEventListener('click', async () => {
+ // Install-Prompt Buttons
+ const installBtn = async () => {
const prompt = App.getInstallPrompt();
if (!prompt) return;
prompt.prompt();
const { outcome } = await prompt.userChoice;
- if (outcome === 'accepted') {
- UI.toast.success('Ban Yaro wird installiert!');
- _render();
- }
+ if (outcome === 'accepted') { UI.toast.success('Ban Yaro wird installiert!'); _render(); }
+ };
+ _container.querySelector('#install-android-btn')?.addEventListener('click', installBtn);
+ _container.querySelector('#welcome-install-hero-btn')?.addEventListener('click', installBtn);
+ _container.querySelector('#welcome-install-hero-btn2')?.addEventListener('click', installBtn);
+
+ // Register / Login
+ const toSettings = () => App.navigate('settings');
+ _container.querySelector('#welcome-register-btn')?.addEventListener('click', toSettings);
+ _container.querySelector('#welcome-register-btn2')?.addEventListener('click', toSettings);
+ _container.querySelector('#welcome-login-btn')?.addEventListener('click', toSettings);
+
+ // Installationsanleitung Link
+ _container.querySelector('#welcome-install-link')?.addEventListener('click', () => {
+ App.navigate('welcome', true, { install: true });
});
+ // Link kopieren
_container.querySelector('#install-copy-btn')?.addEventListener('click', async () => {
await navigator.clipboard.writeText('https://banyaro.app');
UI.toast.success('Link kopiert!');
@@ -378,9 +682,7 @@ window.Page_welcome = (() => {
_container.querySelector('#inst-tab-android').style.cssText = 'flex:1';
});
- _container.querySelector('#welcome-register-btn')?.addEventListener('click', () => App.navigate('settings'));
- _container.querySelector('#welcome-login-btn')?.addEventListener('click', () => App.navigate('settings'));
-
+ // Feature-Tiles (nur eingeloggte Ansicht)
_container.querySelectorAll('[data-nav]').forEach(btn => {
btn.addEventListener('click', () => App.navigate(btn.dataset.nav));
});
@@ -392,9 +694,8 @@ window.Page_welcome = (() => {
setTimeout(() => {
btn.classList.add('wc-pulsing');
btn.addEventListener('animationend', () => btn.classList.remove('wc-pulsing'), { once: true });
- }, 800);
+ }, 1200);
}
return { init, refresh, onDogChange };
-
})();
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 948a202..8f003c6 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
-const CACHE_VERSION = 'by-v443';
+const CACHE_VERSION = 'by-v444';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
+