From 8c39cd3937687a8fc89898a94ac0cf6a0f0fe6d9 Mon Sep 17 00:00:00 2001 From: eric <3024947@stud.hs-mannheim.de> Date: Tue, 12 Aug 2025 05:56:33 +0200 Subject: [PATCH] scoreboard hat reihenfolge --- src/main/resources/public/game.html | 34 ++++++++++++ src/main/resources/public/js/game.js | 82 ++++++++++++++++++++++++---- 2 files changed, 105 insertions(+), 11 deletions(-) diff --git a/src/main/resources/public/game.html b/src/main/resources/public/game.html index 2bb9718..7cd53d3 100644 --- a/src/main/resources/public/game.html +++ b/src/main/resources/public/game.html @@ -147,12 +147,27 @@ .wedge.wrong { fill: #e22134 !important; } /* rot */ .wedge.disabled { pointer-events:none; opacity:.85; } .wedge-label { fill:#fff; font-weight:700; font-size:35px; pointer-events:none; } + + /* === Winner Overlay === */ + .win-overlay{position:fixed; inset:0; display:none; align-items:center; justify-content:center; + background: radial-gradient(1000px 600px at 50% -10%, rgba(29,185,84,.18), transparent 60%), rgba(0,0,0,.72); + z-index:999} + .win-modal{width:min(720px,92vw); background:#121212; border:1px solid var(--border); + border-radius:24px; padding:28px 26px; box-shadow:0 24px 80px rgba(0,0,0,.6); text-align:center} + .win-trophy{width:88px; height:88px; margin:0 auto 10px; color:var(--accent); filter:drop-shadow(0 0 16px rgba(29,185,84,.35))} + .win-title{font-size:clamp(22px,4.5vw,28px); color:var(--muted); margin:6px 0 4px} + .win-name{font-size:clamp(32px,6vw,48px); font-weight:900; letter-spacing:.2px; margin:0 0 10px} + .win-points{color:#cfcfcf; margin:0 0 16px} + .win-actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:10px} + .confetti{position:absolute; top:-10vh; width:10px; height:16px; opacity:.9; animation:fall 3.2s linear infinite} + @keyframes fall{0%{transform:translateY(-10vh) rotate(0deg)}100%{transform:translateY(110vh) rotate(360deg)}}
+