ettore.dreucci/lagomareGates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add install banner

Browse Source
This commit is contained in:
Ettore
2026-05-06 18:35:29 +02:00
parent a7ccada0b5
commit 70691dcd4a
3 changed files with 111 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/static/index.html
View File

@@ -9,7 +9,7 @@
<title>Lagomare Gates</title>
<link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/svg+xml" href="/static/logo.svg" />
<link rel="apple-touch-icon" href="/static/logo.svg" />
<link rel="apple-touch-icon" href="/static/mobile_icon.png" />
<link rel="stylesheet" href="/static/style.css" />
<style>
@@ -143,6 +143,21 @@
</div>
</div>
<!-- ── PWA install banner ──────────────────────────────────────────────── -->
<div id="install-banner" class="install-banner hidden" role="banner" aria-label="Install app">
<div class="install-banner-body">
<img src="/static/logo.svg" alt="" class="install-banner-icon" />
<div class="install-banner-text">
<strong>Add to Home Screen</strong>
<span>Install Lagomare Gates for quick access</span>
</div>
</div>
<div class="install-banner-actions">
<button id="install-dismiss" class="btn btn-ghost" style="font-size:.8rem;padding:.45rem .9rem">Later</button>
<button id="install-btn" class="btn btn-primary" style="font-size:.8rem;padding:.45rem .9rem">Install</button>
</div>
</div>
<script src="/static/app.js"></script>
</body>
</html>