features

templates/index.html

@@ -34,7 +34,26 @@
                 </div>
             </div>
         </div>
-
+        <div class="card" style="margin-block: 1em">
+            <h2>Scan this page</h2>
+            <p>Connect your phone to the same Wi-Fi and scan this.</p>
+            <div
+                class="qrcode"
+                style="padding: 1rem; background: white; border-radius: 8px"
+                id="page_url"
+            ></div>
+            <script src="https://cdn.jsdelivr.net/npm/[email protected]/qrcode.js"></script>
+            <script>
+                new QRCode(document.getElementById("page_url"), {
+                    text: "{{ page_url }}",
+                    width: 256,
+                    height: 256,
+                    colorDark: "#000000",
+                    colorLight: "#ffffff",
+                    correctLevel: QRCode.CorrectLevel.L,
+                });
+            </script>
+        </div>
         <details>
             <summary>System Routes</summary>
             <div class="route-list">