AI

templates/index.html

@@ -4,15 +4,46 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Document</title>
+        <link
+            rel="stylesheet"
+            href="{{ url_for('static', path='style.css') }}"
+        />
     </head>
     <body>
-        {% macro this(route) %}
-        <p>
-            <a href="{{ url_for(route.name) }}"
-                >{{ route.name }}: {{ route.path }}</a
-            >
-        </p>
-        {% endmacro %} {% for route in routes if "GET" in route.methods %} {{
-        this(route) }} {% endfor %}
+        <h1>Queue Manager</h1>
+
+        <div class="hero">
+            <div class="card">
+                <h2>Input (PC)</h2>
+                <p>
+                    Paste your OneTab export or list of links here to add them
+                    to the queue.
+                </p>
+                <div class="actions">
+                    <a href="/queuein" class="btn">Add Links</a>
+                </div>
+            </div>
+
+            <div class="card">
+                <h2>Output (Mobile)</h2>
+                <p>Open these on your phone to consume the queue.</p>
+                <div class="actions">
+                    <a href="/q" class="btn">Reader (QR)</a>
+                    <a href="/t" class="btn">Trail (Focus)</a>
+                    <a href="/r" class="btn">Next Link</a>
+                </div>
+            </div>
+        </div>
+
+        <h3>System Routes</h3>
+        <div class="route-list">
+            {% macro this(route) %}
+            <div class="route-item">
+                <a href="{{ route.path }}">{{ route.name }}</a>
+                <span>{{ route.path }}</span>
+            </div>
+            {% endmacro %} {% for route in routes %} {{ this(route) }} {% endfor
+            %}
+        </div>
     </body>
 </html>