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.

41 lines
1.9 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Lorem Ipsum</title>
<meta charset="utf-8">
<link href="style/common.css" rel="stylesheet">
<link href="style/snake.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id="navbar" class="container justify-between">
<a href="index.html" id="navbar-left" class="container align-items-center">
<img id="navbar-brand" width="40" height="40" src="img/logo.png" alt="Logo">
<h1>Lorem Ipsum</h1>
</a>
<ul id="navbar-right" class="container">
<li class="container align-items-center"><a href="index.html">Accueil</a></li>
<li class="container align-items-center"><a href="#">Snake</a></li>
<li class="container align-items-center"><a href="https://www.youtube.com/watch?v=y1HCrYAVeu0" target="_blank">Nous contacter</a></li>
</ul>
</nav>
</header>
<section>
<main></main>
<h2 id="score-text">Score: <span id="score">0</span></h2>
<p id="loose" style="display: none;">Vous avez perdu</p>
<p>Utilisez les flèches directionelles pour vous déplacer</p>
<button onclick="restart()" class="button is-black">Relancer</button>
</section>
<footer>
<p>Lorem Ipsum - 2021</p>
</footer>
<script src="js/snake.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js" integrity="sha512-N4kV7GkNv7QR7RX9YF/olywyIgIwNvfEe2nZtfyj73HdjCUkAfOBDbcuJ/cTaN04JKRnw1YG1wnUyNKMsNgg3g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>