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

UX/SEO: Landing 3-Zielgruppen-Redesign, PWA-Wording ohne 'installieren' (SW by-v729)

Browse source
This commit is contained in:
rene 2026-05-06 17:11:26 +02:00
parent b675fbcd32
commit e4da75f246
6 changed files with 72 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '728'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '729'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.4.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';

16
backend/static/js/pages/welcome.js
View file

@ -108,7 +108,7 @@ window.Page_welcome = (() => {
${hasPrompt ? `
<button class="btn wc-btn-hero" id="welcome-install-hero-btn">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
App installieren
Zum Home-Bildschirm hinzufügen
</button>
` : `
<button class="btn wc-btn-hero" id="welcome-register-btn">
@ -218,7 +218,7 @@ window.Page_welcome = (() => {
${hasPrompt ? `
<button class="btn wc-btn-hero" id="welcome-install-hero-btn2">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
App installieren — kostenlos
Zum Home-Bildschirm hinzufügen
</button>
` : `
<button class="btn wc-btn-hero" id="welcome-register-btn2">
@ -231,7 +231,7 @@ window.Page_welcome = (() => {
${!isInstalled ? `
<button class="wc-install-link" id="welcome-install-link">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
Installationsanleitung
Zum Home-Bildschirm hinzufügen
</button>
` : ''}
</div>
@ -242,7 +242,7 @@ window.Page_welcome = (() => {
<div class="card wc-install-card">
<div class="wc-install-header">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
App installieren
Immer griffbereit — kein App Store
</div>
<div style="padding:var(--space-4)">${_installHTML()}</div>
</div>
@ -481,7 +481,7 @@ window.Page_welcome = (() => {
<div class="card wc-install-card">
<div class="wc-install-header">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
App installieren
Immer griffbereit — kein App Store
</div>
<div style="padding:var(--space-4)">${_installHTML()}</div>
</div>
@ -1069,11 +1069,11 @@ window.Page_welcome = (() => {
if (hasPrompt) {
return `
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);margin:0 0 var(--space-3);line-height:1.5">
Kein App Store nötig — direkt auf den Home-Bildschirm.
Ban Yaro immer griffbereit — einmal hinzufügen, dann direkt vom Home-Bildschirm öffnen.
</p>
<button class="btn btn-primary" id="install-android-btn" style="width:100%;margin-bottom:var(--space-2)">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#download-simple"></use></svg>
Ban Yaro installieren
Zum Home-Bildschirm hinzufügen
</button>`;
}
@ -1095,7 +1095,7 @@ window.Page_welcome = (() => {
if (isIOS && !isSafari) {
return `
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);margin:0 0 var(--space-4);line-height:1.5">
Auf dem iPhone geht die Installation nur über <strong>Safari</strong>.
Auf dem iPhone funktioniert das Hinzufügen nur über <strong>Safari</strong>.
</p>
${_steps([
['safari-logo', 'Öffne <strong>Safari</strong> auf deinem iPhone'],