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

Updateees

Browse Source
This commit is contained in:
Daniel Legt
2026-03-06 11:07:13 +02:00
parent f72875bef1
commit f580775cc2
6 changed files with 693 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/templates/index.html
View File

@@ -16,13 +16,17 @@
</head>
<body data-page="config">
<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 class="taskbar-shell">
<div class="taskbar-program-list">
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="theme-tool-window" aria-label="Open theme picker">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_109-1.png" alt="">
<span>ThemePicker.exe</span>
</button>
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="mode-tool-window" aria-label="Open display mode settings">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span>DisplayMode.exe</span>
</button>
</div>
</div>
</div>
@@ -181,16 +185,62 @@
</div>
</section>
</div>
<section id="theme-tool-window" class="window ui-tool-window hidden" role="dialog" aria-modal="false" aria-labelledby="theme-tool-title">
<div class="title-bar ui-tool-title-bar" data-role="drag-handle">
<span id="theme-tool-title">ThemePicker.exe</span>
<div class="title-bar-controls">
<button type="button" data-role="close-window" data-target="theme-tool-window">×</button>
</div>
</div>
<div class="window-content">
<p class="tool-copy">Pick a visual style for this workspace.</p>
<div class="theme-option-list">
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="win98">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_100-0.png" alt="">
<span>Win98</span>
</button>
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="modern">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/msconfig.exe_14_128-0.png" alt="">
<span>Modern</span>
</button>
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="none">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/taskmgr.exe_14_118-1.png" alt="">
<span>No Theme</span>
</button>
</div>
</div>
</section>
<section id="mode-tool-window" class="window ui-tool-window hidden" role="dialog" aria-modal="false" aria-labelledby="mode-tool-title">
<div class="title-bar ui-tool-title-bar" data-role="drag-handle">
<span id="mode-tool-title">DisplayMode.exe</span>
<div class="title-bar-controls">
<button type="button" data-role="close-window" data-target="mode-tool-window">×</button>
</div>
</div>
<div class="window-content">
<p class="tool-copy" id="mode-status-text">Current mode: Light</p>
<button class="btn mode-toggle-btn" type="button" data-role="mode-toggle-action">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span data-role="mode-toggle-label">Switch to Dark Mode</span>
</button>
</div>
</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 class="taskbar-shell">
<div class="taskbar-program-list">
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="theme-tool-window" aria-label="Open theme picker">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_109-1.png" alt="">
<span>ThemePicker.exe</span>
</button>
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="mode-tool-window" aria-label="Open display mode settings">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span>DisplayMode.exe</span>
</button>
</div>
</div>
</footer>

115
src/templates/room.html
View File

@@ -16,18 +16,22 @@
</head>
<body data-page="room" data-room-id="{{ .RoomID }}" class="prejoin">
<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 class="taskbar-shell">
<div class="taskbar-program-list">
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="theme-tool-window" aria-label="Open theme picker">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_109-1.png" alt="">
<span>ThemePicker.exe</span>
</button>
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="mode-tool-window" aria-label="Open display mode settings">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span>DisplayMode.exe</span>
</button>
</div>
</div>
</div>
<main id="desktop" class="room-desktop">
<section id="room-skeleton" class="room-grid skeleton-grid" aria-hidden="true">
<section id="room-skeleton" class="room-grid skeleton-grid hidden" aria-hidden="true">
<article class="window room-main-window">
<div class="title-bar"><span>Loading room...</span></div>
<div class="window-content">
@@ -86,16 +90,27 @@
</div>
</article>
<aside class="window side-panel-window">
<div class="title-bar">
<span>Participants & Controls</span>
</div>
<div class="window-content side-panel-content">
<div class="participants-scroll">
<ul id="participant-list" class="participant-list"></ul>
<div class="side-stack">
<aside class="window side-panel-window participants-window">
<div class="title-bar">
<span>Participants</span>
</div>
<div class="window-content side-panel-content">
<div class="participants-scroll">
<ul id="participant-list" class="participant-list"></ul>
</div>
<div class="participants-footer">
<p id="votes-counter" class="status-line">Votes: 0/0</p>
<button type="button" id="change-name-btn" class="btn">Change Name</button>
</div>
</div>
</aside>
<section class="side-controls">
<aside class="window side-panel-window admin-window">
<div class="title-bar">
<span>Admin Controls</span>
</div>
<div class="window-content side-panel-content">
<div class="links-block">
<label for="share-link">Share Link</label>
<div class="share-link-row">
@@ -111,10 +126,10 @@
<button type="button" id="reset-btn" class="btn">Reset</button>
<button type="button" id="terminal-btn" class="btn">Terminal</button>
</div>
<p id="room-status" class="status-line">Waiting for join...</p>
</section>
</div>
</aside>
<p id="room-message" class="status-line">Waiting for join...</p>
</div>
</aside>
</div>
</section>
<section id="join-panel" class="window join-window" aria-label="Join room">
@@ -163,16 +178,62 @@
</div>
</section>
</div>
<section id="theme-tool-window" class="window ui-tool-window hidden" role="dialog" aria-modal="false" aria-labelledby="theme-tool-title">
<div class="title-bar ui-tool-title-bar" data-role="drag-handle">
<span id="theme-tool-title">ThemePicker.exe</span>
<div class="title-bar-controls">
<button type="button" data-role="close-window" data-target="theme-tool-window">×</button>
</div>
</div>
<div class="window-content">
<p class="tool-copy">Pick a visual style for this workspace.</p>
<div class="theme-option-list">
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="win98">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_100-0.png" alt="">
<span>Win98</span>
</button>
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="modern">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/msconfig.exe_14_128-0.png" alt="">
<span>Modern</span>
</button>
<button type="button" class="btn theme-option-btn" data-role="theme-option" data-theme="none">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/taskmgr.exe_14_118-1.png" alt="">
<span>No Theme</span>
</button>
</div>
</div>
</section>
<section id="mode-tool-window" class="window ui-tool-window hidden" role="dialog" aria-modal="false" aria-labelledby="mode-tool-title">
<div class="title-bar ui-tool-title-bar" data-role="drag-handle">
<span id="mode-tool-title">DisplayMode.exe</span>
<div class="title-bar-controls">
<button type="button" data-role="close-window" data-target="mode-tool-window">×</button>
</div>
</div>
<div class="window-content">
<p class="tool-copy" id="mode-status-text">Current mode: Light</p>
<button class="btn mode-toggle-btn" type="button" data-role="mode-toggle-action">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span data-role="mode-toggle-label">Switch to Dark Mode</span>
</button>
</div>
</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 class="taskbar-shell">
<div class="taskbar-program-list">
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="theme-tool-window" aria-label="Open theme picker">
<img class="taskbar-icon" src="/static/img/Windows Icons - PNG/main.cpl_14_109-1.png" alt="">
<span>ThemePicker.exe</span>
</button>
<button class="taskbar-program-btn" type="button" data-role="open-window" data-target="mode-tool-window" aria-label="Open display mode settings">
<img class="taskbar-icon" data-role="mode-icon" src="/static/img/Windows Icons - PNG/desk.cpl_14_40-0.png" alt="">
<span>DisplayMode.exe</span>
</button>
</div>
</div>
</footer>