v 0.0.1

2025-04-25 18:37:37 +02:00
commit c043c87029
11 changed files with 789 additions and 0 deletions
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Tutorial Materials</title>
+
+  <!-- Tailwind CSS v4.1.4 CDN -->
+  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
+
+  <!-- Tailwind Config (Dark Mode + Theme Colors) -->
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: {
+        extend: {
+          colors: {
+            background: '#09090b',
+            surface: '#18181b',
+            border: '#27272a',
+            primary: '#3b82f6',
+            text: '#f4f4f5',
+            muted: '#a1a1aa',
+          },
+        },
+      }
+    };
+  </script>
+
+  <!-- Flowbite -->
+  <link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css" rel="stylesheet" />
+</head>
+
+<body class="bg-background text-text min-h-screen font-sans">
+
+  <!-- Header -->
+  <header class="bg-surface border-b border-border shadow-sm">
+    <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
+      <div class="text-sm text-muted font-medium">{{ user_name }}</div>
+      <div class="text-lg font-semibold">GRNVS Tutorium</div>
+      <a href="/admin">
+        <button class="bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-md transition">
+          Admin
+        </button>
+      </a>
+    </div>
+  </header>
+
+  <!-- Main Content -->
+  <main class="max-w-5xl mx-auto px-6 py-10 space-y-12">
+
+    <!-- Password Form -->
+    <section class="flex justify-center">
+      <div class="w-full max-w-md">
+        <div class="bg-surface border border-border rounded-lg shadow-md p-6">
+          <h2 class="text-xl font-semibold text-center mb-4">Enter Access Password</h2>
+          <form method="POST" action="/access" class="space-y-4">
+            <input
+              type="password"
+              name="password"
+              placeholder="Enter password"
+              required
+              autofocus
+              class="w-full px-4 py-3 rounded-md bg-background border border-border text-text placeholder-muted focus:outline-none focus:ring-2 focus:ring-primary"
+            />
+            <button
+              type="submit"
+              class="w-full bg-primary hover:bg-blue-700 text-white py-2 rounded-md transition"
+            >
+              Unlock
+            </button>
+          </form>
+          {% if error %}
+            <p class="text-red-500 text-center mt-3">{{ error }}</p>
+          {% endif %}
+        </div>
+      </div>
+    </section>
+
+    <!-- Deck Cards -->
+    {% if decks %}
+    <section>
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        {% for deck in decks %}
+          <a href="/slides/{{ deck.deck }}/" class="block bg-surface border border-border rounded-xl p-5 shadow-sm hover:border-primary hover:bg-background transition">
+            <h3 class="text-lg font-semibold mb-1">{{ deck.name }}</h3>
+            <p class="text-muted text-sm">{{ deck.description }}</p>
+          </a>
+        {% endfor %}
+      </div>
+    </section>
+    {% else %}
+      <p class="text-center text-muted">No decks unlocked yet.</p>
+    {% endif %}
+
+  </main>
+
+  <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
+</body>
+</html>