UX: Android-Installationsanleitung — Hinweis bei Sicherheitswarnung ergänzt (SW by-v759)

This commit is contained in:
rene 2026-05-07 17:26:25 +02:00
parent 5d37c96796
commit 8683de4bf2
5 changed files with 22 additions and 4 deletions

View file

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

View file

@ -1074,6 +1074,15 @@ window.Page_welcome = (() => {
['dots-three-circle','Tippe auf das <strong>Menü ⋮</strong> oben rechts'],
['download-simple', 'Wähle <strong>„App installieren"</strong> oder<br>„Zum Startbildschirm hinzufügen"'],
])}
<div style="display:flex;gap:var(--space-2);align-items:flex-start;
background:var(--c-surface);border-radius:var(--radius-md);
padding:var(--space-3) var(--space-3);margin-top:var(--space-4)">
<svg class="ph-icon" style="width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--c-text-secondary)"
aria-hidden="true"><use href="/icons/phosphor.svg#shield-warning"></use></svg>
<p style="font-size:var(--text-xs);color:var(--c-text-secondary);margin:0;line-height:1.5">
Falls eine Sicherheitswarnung erscheint: Das ist normal für neuere Webseiten unabhängig vom Inhalt. Ban Yaro läuft auf einem deutschen Server, ist DSGVO-konform und enthält keine Schadsoftware. Tippe auf <strong>Trotzdem hinzufügen"</strong>.
</p>
</div>
<button class="btn btn-ghost btn-sm" id="install-copy-btn"
style="margin-top:var(--space-3);width:100%">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#copy"></use></svg>
@ -1097,6 +1106,15 @@ window.Page_welcome = (() => {
['monitor', 'Klicke auf das <strong>Installations-Symbol</strong> in der Adressleiste'],
['check', 'Bestätigen — fertig!'],
])}
<div style="display:flex;gap:var(--space-2);align-items:flex-start;
background:var(--c-surface);border-radius:var(--radius-md);
padding:var(--space-3);margin-top:var(--space-4)">
<svg class="ph-icon" style="width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--c-text-secondary)"
aria-hidden="true"><use href="/icons/phosphor.svg#shield-warning"></use></svg>
<p style="font-size:var(--text-xs);color:var(--c-text-secondary);margin:0;line-height:1.5">
Falls eine Sicherheitswarnung erscheint: Das ist normal für neuere Webseiten. Tippe auf <strong>Trotzdem hinzufügen"</strong>.
</p>
</div>
</div>
<div id="inst-panel-ios" style="display:none">
${_steps([