modified: app.py

new file: static/js/fullscreen.js new file: static/js/idle.js modified: templates/about.html modified: templates/inactive.html modified: templates/profiles.html modified: templates/quiz.html modified: templates/result.html new file: templates/video.html
2026-04-16 20:27:39 +02:00
parent 02f0aa7de9
commit c164c592fa
9 changed files with 127 additions and 0 deletions
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>cannamatch</title>
+  <link rel="icon" type="image/png" href="{{ url_for('static', filename='favicon.png') }}">
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html, body { width: 100%; height: 100%; background: #000; overflow: hidden; }
+
+    .video-wrapper {
+      position: fixed;
+      inset: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    video {
+      height: 100%;
+      width: calc(100vh * 9 / 16);
+      object-fit: cover;
+    }
+
+    .btn-row {
+      position: fixed;
+      bottom: 2rem;
+      left: 0;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+      z-index: 10;
+    }
+
+    .btn-row a {
+      padding: 0.75rem 1.75rem;
+      background: #BFB531;
+      color: #000;
+      font-family: Arial, sans-serif;
+      font-weight: 700;
+      font-size: 1rem;
+      border-radius: 8px;
+      text-decoration: none;
+    }
+
+    .btn-row a:hover { background: #fff; }
+  </style>
+</head>
+<body>
+  <div class="video-wrapper">
+    <video src="{{ url_for('static', filename='video.mp4') }}"
+           autoplay muted loop playsinline></video>
+  </div>
+
+  <div class="btn-row">
+    <a href="{{ url_for('quiz') }}">Quiz</a>
+    <a href="{{ url_for('inactive') }}">Interactive</a>
+  </div>
+</body>
+<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
+</html>