feat: stratagem icons, session summary, queue preview, UX polish

- Download 65 SVG icons from community repo (scripts/download-icons.js)
- Gold CSS filter on all icons to match game theme
- Session summary modal with score/accuracy/top stratagems
- Queue preview strip (next 3 stratagems with icons)
- Score popup animation, icon shake on wrong input
- Icons in history, leaderboard, and best-per-stratagem tables
- server.js: icon fields on all stratagems, ELO in lobby-update WS events
This commit is contained in:
Jeremy Brandenburger
2026-03-31 08:48:56 +02:00
parent 0d971745a6
commit 2d27d9fe4d
72 changed files with 2280 additions and 372 deletions
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126 126" fill="#fff">
<path fill="#679552" d="M90 33s-6-8.3-18-15h43v15H90Zm2 24v14H51.5a9 9 0 0 0-6-6.1c3.1-1.2 6.5-3.7 6.5-8.8a9 9 0 0 0-6.5-9.2c3.1-1.2 6.5-3.7 6.5-8.8C52 27.5 40 28 40 28h-9V18h22s39 0 39 39ZM51.8 76H85v16H41v-8c2.6-.3 9.6-1.6 10.8-8ZM93 96l13 16H18l13-16h62Z"/>
<path d="M9 67h21L16 81H9V67Zm26 0L22 81h20s7-1.3 7-7-6-7-6-7h-8Z"/>
<path d="M9 49h21L16 63H9V49Zm26 0L22 63h20s7-1.3 7-7-6-7-6-7h-8Z"/>
<path d="M9 31h21L16 45H9V31Zm26 0L22 45h20s7-1.3 7-7-6-7-6-7h-8Z"/>
</svg>

After

Width:  |  Height:  |  Size: 554 B