xbl/cannamatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: templates/video.html

Browse Source
This commit is contained in:
xbl
2026-04-27 19:12:20 +02:00
parent 12bed3cbe1
commit e4845034bd
1 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/video.html
View File

@ -24,13 +24,29 @@
}
.btn-row {
display: flex;
justify-content: center;
gap: 1rem;
}
@keyframes pulseGlow {
0%, 100% { box-shadow: 0 0 6px 1px rgba(191,181,49,0.3); }
50% { box-shadow: 0 0 14px 4px rgba(191,181,49,0.7); }
}
@keyframes borderTrace {
0%, 100% { outline: 2px solid rgba(191,181,49,0.2); outline-offset: 2px; }
50% { outline: 2px solid rgba(191,181,49,0.7); outline-offset: 4px; }
}
.btn-container {
position: fixed;
bottom: 2rem;
left: 0;
width: 100%;
display: flex;
justify-content: center;
gap: 1rem;
flex-direction: column;
gap: 2rem;
z-index: 10;
}
@ -43,9 +59,15 @@
font-size: 1rem;
border-radius: 8px;
text-decoration: none;
animation: pulseGlow 2.5s ease-in-out infinite,
borderTrace 2.5s ease-in-out infinite;
}
.btn-row a:hover { background: #fff; }
.btn-row a:hover {
background: #fff;
animation: none;
box-shadow: 0 0 18px 6px rgba(191,181,49,0.8);
}
</style>
</head>
<body>
@ -53,10 +75,15 @@
<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 class="btn-container">
<div class="btn-row">
<a href="{{ url_for('inactive') }}">Interactive</a>
<a href="{{ url_for('profiles_page') }}">Profiles</a>
<a href="{{ url_for('quiz') }}">Quiz</a>
</div>
<div class="btn-row">
<a href="{{ url_for('static', filename='Praeventionsbroschuere_DE_2026.pdf') }}" target="_blank">Präventionsbroschüre</a>
</div>
</div>
</body>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>