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

37
templates/video.html
View File

@ -24,13 +24,29 @@
} }
.btn-row { .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; position: fixed;
bottom: 2rem; bottom: 2rem;
left: 0; left: 0;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; flex-direction: column;
gap: 1rem; gap: 2rem;
z-index: 10; z-index: 10;
} }
@ -43,9 +59,15 @@
font-size: 1rem; font-size: 1rem;
border-radius: 8px; border-radius: 8px;
text-decoration: none; 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> </style>
</head> </head>
<body> <body>
@ -53,10 +75,15 @@
<video src="{{ url_for('static', filename='video.mp4') }}" <video src="{{ url_for('static', filename='video.mp4') }}"
autoplay muted loop playsinline></video> autoplay muted loop playsinline></video>
</div> </div>
<div class="btn-container">
<div class="btn-row"> <div class="btn-row">
<a href="{{ url_for('quiz') }}">Quiz</a>
<a href="{{ url_for('inactive') }}">Interactive</a> <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> </div>
</body> </body>
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script> <script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>