yurt

2025-06-13 16:49:51 -04:00
commit bd3265e6a2
14 changed files with 640 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{% block title %}Pet Picture Queue{% endblock %}</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
+      rel="stylesheet"
+    />
+  </head>
+  <body class="bg-gray-100 min-h-screen">
+    <nav class="bg-white shadow-lg">
+      <div class="max-w-6xl mx-auto px-4">
+        <div class="flex justify-between items-center py-4">
+          <div class="text-xl font-semibold text-gray-800">
+            <a href="{{ url_for('index') }}">Pet Picture Queue</a>
+          </div>
+          <div class="space-x-4">
+            <a
+              href="{{ url_for('index') }}"
+              class="text-gray-600 hover:text-gray-800"
+              >View Pictures</a
+            >
+            <a
+              href="{{ url_for('upload') }}"
+              class="text-gray-600 hover:text-gray-800"
+              >Upload New</a
+            >
+          </div>
+        </div>
+      </div>
+    </nav>
+
+    <main class="max-w-6xl mx-auto px-4 py-8">
+      {% with messages = get_flashed_messages() %} {% if messages %} {% for
+      message in messages %}
+      <div
+        class="bg-blue-100 border-l-4 border-blue-500 text-blue-700 p-4 mb-4"
+        role="alert"
+      >
+        {{ message }}
+      </div>
+      {% endfor %} {% endif %} {% endwith %} {% block content %}{% endblock %}
+    </main>
+  </body>
+</html>