From e4845034bdd0ba22a4e5c3b3b7e68e8828975b56 Mon Sep 17 00:00:00 2001 From: xbl Date: Mon, 27 Apr 2026 19:12:20 +0200 Subject: [PATCH] modified: templates/video.html --- templates/video.html | 45 +++++++++++++++++++++++++++++++++++--------- 1 file changed, 36 insertions(+), 9 deletions(-) diff --git a/templates/video.html b/templates/video.html index 46fe3e4..87c0b26 100644 --- a/templates/video.html +++ b/templates/video.html @@ -24,16 +24,32 @@ } .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; } - + .btn-row a { padding: 0.75rem 1.75rem; background: #BFB531; @@ -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; + animation: none; + box-shadow: 0 0 18px 6px rgba(191,181,49,0.8); } - - .btn-row a:hover { background: #fff; } @@ -53,10 +75,15 @@ - -
- Quiz - Interactive +
+
+ Interactive + Profiles + Quiz +
+
+ Präventionsbroschüre +