Lescratcheur/ChessCubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add main menu

Browse Source
This commit is contained in:
scratcheurs25
2026-04-13 23:03:16 +02:00
parent 008c75784a
commit a85b37fe80
8 changed files with 538 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
www/index.html
View File

@@ -8,6 +8,7 @@
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#000000">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/menu-scene.css">
<link rel="stylesheet" href="css/clock-scene.css">
<link rel="stylesheet" href="css/cube-scene.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -19,12 +20,67 @@
</head>
<body>
<div id="sceneMenu" class="scene scene-menu">
<div class="menu-shell">
<section class="menu-hero">
<p class="menu-kicker">ChessCubing</p>
<h1 class="menu-title">Configure your match</h1>
<p class="menu-subtitle">Set the clock, choose the block mode, then launch the game from the same scene system.</p>
<div class="menu-actions">
<button id="StartGameButton" class="menu-primary-button" type="button">Start Game</button>
<a class="menu-link-button" href="https://www.chesscubing.fr/" target="_blank" rel="noopener noreferrer">chesscubing.fr</a>
</div>
</section>
<section class="menu-settings-card">
<div class="menu-settings-head">
<h2 class="menu-section-title">Settings</h2>
</div>
<div class="menu-settings-grid">
<label class="menu-field">
<span class="menu-label">Start Time</span>
<input id="MenuStartTime" class="menu-input" type="number" min="0" step="1">
<span class="menu-help">Minutes for both white and black</span>
</label>
<label class="menu-field">
<span class="menu-label">Start Move Left</span>
<input id="MenuStartMoveLeft" class="menu-input" type="number" min="0" step="1">
<span class="menu-help">Moves before cube phase</span>
</label>
<label class="menu-field">
<span class="menu-label">Block Time</span>
<input id="MenuBlockTime" class="menu-input" type="number" min="0" step="1">
<span class="menu-help">Minutes</span>
</label>
<label class="menu-field">
<span class="menu-label">Max Increment</span>
<input id="MenuMaxIncrement" class="menu-input" type="number" min="0" step="1">
<span class="menu-help">Seconds</span>
</label>
<label class="menu-field menu-field-toggle">
<span class="menu-label">Game Start With Block</span>
<select id="MenuLastBlock" class="menu-input menu-select">
<option value="true">Block +</option>
<option value="false">Block -</option>
</select>
<span class="menu-help">Choose the block mode used when the game begins</span>
</label>
</div>
</section>
</div>
</div>
<div id="sceneClock" class="scene scene-clock">
<div class="clock-shell">
<div class="clock-topbar">
<h1 id="BlockTime" class="TextClock clock-status">Temps restant Block : 3:00</h1>
<h1 id="BlockType" class="TextClock clock-mode">Block -</h1>
<button id="StartClockButton" class="clock-start-button is-hidden" type="button">Start</button>
</div>
<div class="clock-board">
@@ -85,9 +141,11 @@
</div>
</div>
<div class="scene" id="MainMenu"></div>
<script src="js/ClockFrontEnd.js"></script>
<script src="js/TimerFrontEnd.js"></script>
<script src="js/backend.js"></script>
<script src="js/MenuFrontEnd.js"></script>
<script src="js/appload.js"></script>
</body>
</html>