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
This commit is contained in:
xbl
2026-04-16 20:27:39 +02:00
parent 02f0aa7de9
commit c164c592fa
9 changed files with 127 additions and 0 deletions
+2
View File
@@ -38,5 +38,7 @@
</div>
</div>
</div>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
</body>
</html>
+2
View File
@@ -135,5 +135,7 @@
};
</script>
<script src="{{ url_for('static', filename='js/inactive.js') }}"></script>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
</body>
</html>
+2
View File
@@ -97,6 +97,8 @@
});
});
</script>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
</body>
</html>
+2
View File
@@ -63,5 +63,7 @@
else if (nextValue === 80) card.classList.add("emphasis");
}
</script>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
</body>
</html>
+2
View File
@@ -295,5 +295,7 @@
fire(rightOrigin);
});
</script>
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
</body>
</html>
+63
View File
@@ -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>