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

add cube scene

Browse Source 
Add the cube scene
This commit is contained in:
scratcheurs25
2026-04-13 21:21:18 +02:00
parent 6f8368ffa2
commit cb4343e20e
5 changed files with 469 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
www/index.html
View File

@@ -9,6 +9,7 @@
<meta name="theme-color" content="#000000">
<link rel="stylesheet" href="css/style.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">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Cinzel:wght@400;500;600&display=swap" rel="stylesheet">
@@ -50,8 +51,41 @@
</div>
</div>
<div class="scene scene-cube" id="sceneCube">
<div class="cube-shell">
<div class="cube-topbar">
<h1 class="TimerText cube-title">Phase Cube</h1>
<h1 class="TimerText" id="BlockTypeTimer">Block -</h1>
<p class="cube-subtitle">Maintiens 2 secondes pour lancer le timer, puis touche de nouveau quand le cube est termine.</p>
</div>
<div class="cube-board">
<section class="cube-lane cube-lane-white">
<div class="cube-badge">BLANC</div>
<div class="TimerCube cube-pad" id="TimerWhite">
<div class="cube-grid"></div>
<h1 class="TimerText" id="TextWhite">Temps au cube Blanc : 0:00</h1>
<p class="cube-hint">Appui long pour demarrer</p>
</div>
</section>
<div class="cube-divider"></div>
<section class="cube-lane cube-lane-black">
<div class="cube-badge cube-badge-dark">NOIR</div>
<div class="TimerCube cube-pad cube-pad-dark" id="TimerBlack">
<div class="cube-grid"></div>
<h1 class="TimerText" id="TextBlack">Temps au cube Noir : 0:00</h1>
<p class="cube-hint">Touchez quand le cube est fini</p>
</div>
</section>
</div>
</div>
</div>
<script src="js/ClockFrontEnd.js"></script>
<script src="js/appload.js"></script>
<script src="js/TimerFrontEnd.js"></script>
<script src="js/backend.js"></script>
<script src="js/appload.js"></script>
</body>
</html>