summaryrefslogtreecommitdiff
path: root/frontend/start/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/start/index.html')
-rw-r--r--frontend/start/index.html25
1 files changed, 23 insertions, 2 deletions
diff --git a/frontend/start/index.html b/frontend/start/index.html
index 16bb433..bcfd1a6 100644
--- a/frontend/start/index.html
+++ b/frontend/start/index.html
@@ -5,11 +5,11 @@
<link rel="stylesheet" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="manifest" href="/manifest.json" />
- <title>Victoria Hall LaundryWeb</title>
+ <title>LaundryWeb</title>
</head>
<body>
<div class="section-container row bg-1" style="height: 164px;">
- <span id="logo">Victoria Hall<br>LaundryWeb</span>
+ <span id="logo"><span id="icon"></span>LaundryWeb</span>
<span id="logo-id">H?</span>
</div>
<div class="section-container row bg-2" style="padding: 8px; gap: 8px;">
@@ -71,6 +71,22 @@
</div>
<button class="button bg-1" id="startbtn" disabled>Start</button>
</div>
+ <div class="master-popup-container" id="popup-master">
+ <div class="popup-container">
+ <h1 style="text-align: center;">Initial Setup for iOS</h1>
+ <p>To allow notifications on your iOS device, you’ll need to install this website as a web app.</p>
+ <hr>
+ <p><b>Step 1:</b> Press ... (if using iOS 26) → <b>Share</b></p>
+ <img src="/assets/img/step1.png" alt="">
+ <p><b>Step 2:</b> Scroll down → Select <b>Add to Home Screen</b></p>
+ <img src="/assets/img/step2.png" alt="">
+ <p><b>Step 3:</b> Press <b>Add</b>. If you're using iOS 26+, ensure Open as Web App is enabled.</p>
+ <img src="/assets/img/step3.png" alt="">
+ <p><b>Step 4:</b> Go to your home screen → Reopen this page by <b>pressing</b> the <b>LaundryWeb app</b>.</p>
+ <img src="/assets/img/step4.png" alt="" style="height: 72px; margin-bottom: 32px;">
+ </div>
+ <button id="close-popup"></button>
+ </div>
<div class="section-container credits-container">
<span>Developed by <a href="https://altafcreator.com">Athaalaa Altaf Hafidz</a>, a fellow resident • <a href="https://git.altafcreator.com/victoriahall-laundryweb.git/">Source Code</a></span>
</div>
@@ -78,5 +94,10 @@
<script src="/main.js"></script>
<script src="/start.js"></script>
<script src="/permissionrequest.js"></script>
+ <script src="/popup.js"></script>
+ <script src="/ios_popup.js"></script>
+ <script>
+ rememberUrl();
+ </script>
</body>
</html>