kato/scrum-solitare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Daniel Legt
2026-03-05 22:30:37 +02:00
parent 817bbfb44c
commit 637b5f0167
12 changed files with 1022 additions and 790 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/templates/index.html
View File

@@ -7,11 +7,22 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/styles.css">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/layout.css">
<link rel="stylesheet" href="/static/css/themes/win98.css">
<link rel="stylesheet" href="/static/css/themes/modern.css">
<link rel="stylesheet" href="/static/css/themes/no-theme.css">
</head>
<body data-page="config">
<div class="top-bar">
<button class="btn" id="theme-toggle" type="button">Dark Mode</button>
<div class="mobile-control-strip">
<div class="ui-controls">
<select class="theme-picker" data-role="theme-picker" aria-label="Theme picker">
<option value="win98">Win98</option>
<option value="modern">Modern</option>
<option value="none">No Theme</option>
</select>
<button class="btn" type="button" data-role="mode-toggle">Dark Mode</button>
</div>
</div>
<main id="desktop">
@@ -128,25 +139,11 @@
<div class="deck-tools-row">
<button type="button" id="save-preset" class="btn">Save preset</button>
<button type="button" id="preset-picker-toggle" class="btn icon-btn" aria-expanded="false" aria-controls="preset-picker">⚙</button>
<button type="button" id="share-deck" class="btn">Share</button>
<button type="button" id="preset-picker-toggle" class="btn icon-btn" aria-expanded="false" aria-controls="preset-modal-overlay" title="Open Presets">
<img src="/static/img/Windows Icons - PNG/msconfig.exe_14_128-0.png" alt="Presets">
</button>
</div>
<section id="preset-picker" class="window preset-picker hidden" aria-label="Deck presets">
<div class="title-bar">
<span>Deck Presets</span>
</div>
<div class="window-content">
<div id="preset-list" class="preset-list"></div>
<button type="button" id="import-toggle" class="btn import-btn">Import</button>
<div id="import-pane" class="import-pane hidden">
<textarea id="import-b64" rows="3" placeholder="Paste base64 deck string"></textarea>
<div class="actions-row">
<button type="button" id="import-apply" class="btn">Apply Import</button>
</div>
</div>
</div>
</section>
</div>
</aside>
</div>
@@ -160,8 +157,44 @@
</form>
</div>
</section>
<div id="preset-modal-overlay" class="preset-modal-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="preset-modal-title">
<section class="window preset-modal-window">
<div class="title-bar">
<span id="preset-modal-title">Deck Presets</span>
<div class="title-bar-controls">
<button type="button" id="preset-modal-close">×</button>
</div>
</div>
<div class="window-content">
<div id="preset-list" class="preset-list"></div>
<div class="preset-modal-actions">
<button type="button" id="import-toggle" class="btn import-btn">Import</button>
<button type="button" id="preset-modal-done" class="btn">Done</button>
</div>
<div id="import-pane" class="import-pane hidden">
<textarea id="import-b64" rows="3" placeholder="Paste base64 deck string"></textarea>
<div class="actions-row">
<button type="button" id="import-apply" class="btn">Apply Import</button>
</div>
</div>
</div>
</section>
</div>
</main>
<footer class="taskbar desktop-taskbar" aria-label="Desktop taskbar">
<div class="ui-controls">
<select class="theme-picker" data-role="theme-picker" aria-label="Theme picker">
<option value="win98">Win98</option>
<option value="modern">Modern</option>
<option value="none">No Theme</option>
</select>
<button class="btn" type="button" data-role="mode-toggle">Dark Mode</button>
</div>
</footer>
<script src="/static/js/ui-controls.js"></script>
<script src="/static/js/config.js"></script>
</body>
</html>

29
src/templates/room.html
View File

@@ -7,11 +7,22 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/styles.css">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/layout.css">
<link rel="stylesheet" href="/static/css/themes/win98.css">
<link rel="stylesheet" href="/static/css/themes/modern.css">
<link rel="stylesheet" href="/static/css/themes/no-theme.css">
</head>
<body data-page="room" data-room-id="{{ .RoomID }}" class="prejoin">
<div class="top-bar">
<button class="btn" id="theme-toggle" type="button">Dark Mode</button>
<div class="mobile-control-strip">
<div class="ui-controls">
<select class="theme-picker" data-role="theme-picker" aria-label="Theme picker">
<option value="win98">Win98</option>
<option value="modern">Modern</option>
<option value="none">No Theme</option>
</select>
<button class="btn" type="button" data-role="mode-toggle">Dark Mode</button>
</div>
</div>
<main id="desktop" class="room-desktop">
@@ -134,6 +145,18 @@
</section>
</main>
<footer class="taskbar desktop-taskbar" aria-label="Desktop taskbar">
<div class="ui-controls">
<select class="theme-picker" data-role="theme-picker" aria-label="Theme picker">
<option value="win98">Win98</option>
<option value="modern">Modern</option>
<option value="none">No Theme</option>
</select>
<button class="btn" type="button" data-role="mode-toggle">Dark Mode</button>
</div>
</footer>
<script src="/static/js/ui-controls.js"></script>
<script src="/static/js/room.js"></script>
</body>
</html>