heavylifting

breaking the trend to say that i fully let AI do the work here im not touching Shit

lowk idek how this thing works. There was an initial different style for the paste pad,

 but idk man thats what you get for AI works. you dont know everything.
 You dont need to.

templates/base.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>{% block title %}Queue Manager{% endblock %}</title>
+        <link
+            rel="stylesheet"
+            href="{{ url_for('static', path='style.css') }}"
+        />
+        {% block head %}{% endblock %}
+    </head>
+    <body>
+        <nav class="navbar">
+            <a href="/" class="nav-brand">QM</a>
+            <div class="nav-links">
+                <a href="/queuein">Queue</a>
+                <a href="/pastepad">PastePad</a>
+            </div>
+        </nav>
+
+        <main class="container">{% block content %}{% endblock %}</main>
+
+        {% block scripts %}{% endblock %}
+    </body>
+</html>

templates/pastepad.html

@@ -1,22 +1,30 @@
-<!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");
+{% extends "base.html" %} {% block title %}PastePad - Queue Manager{% endblock
+%} {% block content %}
+<div class="pastepad-container">
+    <h1>PastePad</h1>
 
-            /** @type {HTMLButtonElement} */
-            (document.getElementById("s")).addEventListener("click", () => {});
-        </script>
-    </body>
-</html>
+    <div class="editor card">
+        <input
+            id="n"
+            placeholder="Custom Name (optional)"
+            class="form-control"
+        />
+        <textarea
+            id="pc"
+            placeholder="Paste content here..."
+            class="form-control"
+        ></textarea>
+        <div class="editor-actions">
+            <button type="button" id="s" class="btn btn-primary">
+                Save Paste
+            </button>
+        </div>
+    </div>
+
+    <div id="list" class="paste-list">
+        <!-- Populated by JS -->
+    </div>
+</div>
+{% endblock %} {% block scripts %}
+<script src="{{ url_for('static', path='js/pastepad.js') }}"></script>
+{% endblock %}

templates/queue.html

@@ -10,16 +10,7 @@
         />
     </head>
     <body>
-        <div
-            style="
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                width: 100%;
-                max-width: 800px;
-                margin-bottom: 20px;
-            "
-        >
+        <div class="queue-title">
             <h1 style="margin: 0">Add Links</h1>
             <div>
                 <a href="/" class="btn" style="margin: 0">&larr; Home</a>
@@ -31,7 +22,7 @@
                 >
             </div>
         </div>
-        <form method="POST" action="/queuein">
+        <form method="POST" action="/queuein" class="queue-form">
             <textarea id="lines" rows="20" cols="100" name="lines"></textarea>
             <input type="submit" value="ahh" />
         </form>