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.
55 lines
1.6 KiB
55 lines
1.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>HyperSet</title>
|
|
<!-- <base href="https://codefirst.iut.uca.fr/containers/HyperSet-hyperset/"> -->
|
|
<link rel="stylesheet" type="text/css" href="./styles/style.css">
|
|
<link rel="stylesheet" type="text/css" href="./styles/index.css">
|
|
<link rel="icon" type="image/x-icon" href="/resources/favicon.ico">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<ul id="nav-bar">
|
|
<li><a href="./index.html">Home</a></li> <!-- maybe put a logo -->
|
|
<li><a href="./views/cards-test.html">Card Test</a></li>
|
|
<li><a href="./views/tutorial.html">Tutorial</a></li>
|
|
<li><a href="./views/leaderboard.html">Leaderboard</a></li>
|
|
<li><a href="./views/about.html">About</a></li>
|
|
</ul>
|
|
</header>
|
|
|
|
<div id="master">
|
|
<div id="left" class="column">
|
|
<h1>HyperSet</h1>
|
|
<span id="slogan">Find all the Sets !</span>
|
|
|
|
<div id="random-set">
|
|
<!-- cards added by script at page load -->
|
|
</div>
|
|
|
|
<div id="info">
|
|
<span>Connected players: 1345</span>
|
|
<span>Total Played Games: 1,455,876</span>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="right" class="column">
|
|
<button id="soloGame" class="action-button">Create solo game</button>
|
|
<button class="action-button">Join game</button>
|
|
<button id="newGame" class="action-button">New Game</button>
|
|
<script>
|
|
let button=document.querySelector("#soloGame")
|
|
button.addEventListener('click', event => {
|
|
window.location.href = "/views/game.html";
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |