You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.2 KiB
76 lines
2.2 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Room - HyperSet</title>
|
|
<link rel='stylesheet' type='text/css' href='/styles/style.css' />
|
|
<link rel='stylesheet' type='text/css' href='/styles/room.css' />
|
|
</head>
|
|
|
|
<body>
|
|
<section id="left-section">
|
|
<button>Orignal Set Game</button>
|
|
|
|
<div>
|
|
<label>Private</label>
|
|
<input type='checkbox' />
|
|
</div>
|
|
|
|
<span id="or">OR</span>
|
|
|
|
<div class="group">
|
|
<span class="subtitle">Game parameters</span>
|
|
<div id="game-param">
|
|
<label id="chrono-slider-label">js</label><br>
|
|
<input type="range" min="1" max="8" value="1" class="slider" id="chrono-slider"><br>
|
|
<label id="player-slider-label">js</label><br>
|
|
<input type="range" min="0" max="20" value="0" class="slider" id="player-slider"><br>
|
|
<span>HyperSet</span> <input type='checkbox' /><br>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group">
|
|
<span class="subtitle">Card number to make a set</span>
|
|
<div id='card-param' class="param">
|
|
<input type='checkbox' /> <span>3</span>
|
|
<input type='checkbox' /> <span>4</span>
|
|
<input type='checkbox' /> <span>5</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group">
|
|
<span class="subtitle">Attributes to play with</span>
|
|
<div id='attributes-param' class="param">
|
|
<input type='checkbox' /> <span>number</span>
|
|
<input type='checkbox' /> <span>color</span>
|
|
<input type='checkbox' /> <span>shape</span>
|
|
<input type='checkbox' /> <span>filling</span>
|
|
<input type='checkbox' /> <span>outline (honnêtement c'est nul)</span>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="right-section">
|
|
<div>
|
|
<span class="subtitle">List of players waiting in the room:</span>
|
|
<div id="players">
|
|
<span>Aurianus</span>
|
|
<span>Basuw</span>
|
|
<span>Raph</span>
|
|
<span>Remrem</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="start" class="action-button">Start</button>
|
|
<script>
|
|
let button=document.querySelector("#start")
|
|
button.addEventListener('click', event => {
|
|
window.location.href = "/views/game.html";
|
|
});
|
|
</script>
|
|
</section>
|
|
</body>
|
|
|
|
</html>
|