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
41 lines
1.9 KiB
3 years ago
|
<!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>
|