init

templates/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Queue Reader</title>
+    </head>
+    <body>
+        {% if current_link %}
+        <p>
+            <a
+                href="/r"
+                target="_blank"
+                rel="noopener noreferrer"
+                onclick="setTimeout(() => window.location.reload());"
+                >{{ current_link }}</a
+            >
+        </p>
+        <button id="b">skip/fw</button>
+        <script>
+            document.getElementById("b").addEventListener("click", async () => {
+                await fetch("/r", { method: "GET", redirect: "manual" });
+                window.location.reload();
+            });
+        </script>
+        {% else %}
+        <p>no</p>
+        <button onclick="location.reload();">reload</button>
+        {% endif %}
+    </body>
+</html>

templates/queue.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Queue Input</title>
+    </head>
+    <body>
+        <form method="POST" action="/queuein">
+            <label for="l">in:</label>
+            <textarea
+                id="l"
+                rows="20"
+                cols="100"
+                style="min-width: 20%; min-height: 20dvh"
+                name="l"
+            ></textarea>
+            <input type="submit" value="ahh" />
+        </form>
+
+        {% if queue_items %}
+        <ol>
+            {% for item in queue_items %}
+            <li>
+                <a href="{{ item }}">
+                    {{ item }}
+                    <div class="qrcode"></div>
+                </a>
+            </li>
+            {% endfor %}
+        </ol>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/qrcode.js"></script>
+        <script>
+            window.addEventListener("load", (_) => {
+                document.querySelectorAll(".qrcode").forEach((e) => {
+                    const a = e.parentElement.textContent.trim();
+                    new QRCode(e, {
+                        text: a,
+                        correctLevel: QRCode.CorrectLevel.L,
+                    });
+                });
+            });
+        </script>
+        {% endif %}
+    </body>
+</html>