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.
310 lines
8.4 KiB
310 lines
8.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>SwishGame</title>
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<div id="pageAccueil">
|
|
<div class="logo">
|
|
<a onclick="journuit()">
|
|
<img src="imgs/swishjour.png" id="imglogo">
|
|
</a>
|
|
</div>
|
|
|
|
<div id="containpseudo">
|
|
<a onclick="lancerpartie()">
|
|
<div id="contourbuttonvalider">
|
|
<div class="bouttonvalider">
|
|
<h1 id="textjouer">JOUER</h1>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!--
|
|
Je n'avais rien à faire, donc j'ai designer comme pour mes croquis (l'input du pseudo + le boutton pour jouer et pour ajouter le pseudo)
|
|
Si vous voulez voir ce que cela donne, enlevez les commentaires (également dans le JS)
|
|
|
|
|
|
<div id="containpseudo">
|
|
<div id="pseudoenter">
|
|
<div id="fondinput">
|
|
<input onkeypress="ajouterplayer(event)" placeholder="SWISH" maxlength="12" id="inputpseudo">
|
|
</div>
|
|
</div>
|
|
<a>
|
|
<div id="contourbuttonvalider">
|
|
<div class="bouttonvalider">
|
|
<h1 id="textjouer">JOUER</h1>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="buttonadd">
|
|
<a onclick="addplayer()">
|
|
<h2 id="textplus">+</h2>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="containplayers">
|
|
</div>
|
|
-->
|
|
|
|
<div id="ContainBottom">
|
|
<!-- Forme : rond-->
|
|
<div class="anneau">
|
|
<div class="rondinterieur inté"></div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="rond"></div>
|
|
</div>
|
|
|
|
<!-- Forme : carré-->
|
|
<div class="carre">
|
|
<div class="carreinterieur inté"></div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="pcarre"></div>
|
|
</div>
|
|
|
|
<!-- Forme : triangle-->
|
|
<div class="triangle">
|
|
<div class="trianglerinterieur"></div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="ptriangle"></div>
|
|
</div>
|
|
|
|
<!-- Forme : pentagone-->
|
|
<div class="containform">
|
|
<div class="pentagone">
|
|
<div class="pentagoneinterieur"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="ppentagone"></div>
|
|
</div>
|
|
|
|
<!-- Forme : losange -->
|
|
<div class="containform">
|
|
<div class="losange">
|
|
<div class="losangeinterieur"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="plosange"></div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="mounts">
|
|
<img src="imgs/clicjour.png" id="clic">
|
|
<img src="imgs/lightcloud.png" id="cloud">
|
|
<img src="imgs/mount1.png" id="mount1">
|
|
<img src="imgs/mount2.png" id="mount2">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="pageGame">
|
|
<div class="logop2">
|
|
<a onclick="journuit()">
|
|
<img src="imgs/swishjour.png" id="imglogo2">
|
|
</a>
|
|
</div>
|
|
|
|
<a class="retourstp" onclick="retour()">
|
|
<div class="buttonretour">
|
|
<h1 class="txt">X</h1>
|
|
</div>
|
|
</a>
|
|
|
|
<div id="card-conteneur">
|
|
<div class="flex-container">
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
<div class="flex-item">
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
<div class="item-form"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|