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">

templates/pastepad.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>paste pad</title>
+    </head>
+    <body>
+        <input id="n" />
+        <textarea id="pc"></textarea>
+        <button type="button" id="s">sendit</button>
+        <script>
+            /** @type {HTMLInputElement} */
+            const name = document.getElementById("n");
+            /** @type {HTMLTextAreaElement} */
+            const content = document.getElementById("pc");
+
+            /** @type {HTMLButtonElement} */
+            (document.getElementById("s")).addEventListener("click", () => {});
+        </script>
+    </body>
+</html>