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.
355 lines
6.9 KiB
355 lines
6.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="fr">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>SwishGame</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="text/javascript" src="script.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<!-- Forme : rond-->
|
|
<div class="containform">
|
|
<div class="anneau">
|
|
<div class="rondinterieur"></div>
|
|
</div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="rond"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="rond2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="rond"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="anneau2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="anneau3">
|
|
<div class="rond3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="rond4"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="containform2">
|
|
<div class="anneau2">
|
|
<div class="anneau3">
|
|
<div class="rond3">
|
|
<div class="rond4"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="carre">
|
|
<div class="carreinterieur"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="carre2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="carreinterieur2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="carre2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="carreinterieur3"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="carrev2">
|
|
<div class="carreinterieur4"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="carre3"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="carreinterieur3">
|
|
<div class="carrev2">
|
|
<div class="carreinterieur4">
|
|
<div class="carre3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="trianglerinterieur"></div>
|
|
<div class="triangle"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="ptriangle"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="trianglerinterieur2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="ptriangle"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="triangle2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="trianglerinterieur"></div>
|
|
<div class="triangle"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="ptriangle"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="triangle">
|
|
<div class="ptriangle"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="croixinté">
|
|
<div class="croixgaucheinte"></div>
|
|
<div class="croixdroiteinte"></div>
|
|
</div>
|
|
<div class="croix">
|
|
<div class="croixgauche"></div>
|
|
<div class="croixdroite"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="croixinté">
|
|
<div class="croixgaucheinte2"></div>
|
|
<div class="croixdroiteinte2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="croix">
|
|
<div class="croixgauche2"></div>
|
|
<div class="croixdroite2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="croix">
|
|
<div class="croixgauche"></div>
|
|
<div class="croixdroite"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="croix">
|
|
<div class="croixgauche2"></div>
|
|
<div class="croixdroite2"></div>
|
|
</div>
|
|
</div>
|
|
<div class="containform">
|
|
<div class="croixinté">
|
|
<div class="croixgaucheinte"></div>
|
|
<div class="croixdroiteinte"></div>
|
|
</div>
|
|
<div class="croix">
|
|
<div class="croixgauche"></div>
|
|
<div class="croixdroite"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="croixinté">
|
|
<div class="croixgaucheinte2"></div>
|
|
<div class="croixdroiteinte2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="croixinté">
|
|
<div class="croixgaucheinte2"></div>
|
|
<div class="croixdroiteinte2"></div>
|
|
</div>
|
|
<div class="croix">
|
|
<div class="croixgauche"></div>
|
|
<div class="croixdroite"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="losangehautinte"></div>
|
|
<div class="losangebasinte"></div>
|
|
<div class="losangehaut"></div>
|
|
<div class="losangebas"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="losangehautinte2"></div>
|
|
<div class="losangebasinte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="losangehaut2"></div>
|
|
<div class="losangebas2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="losangehaut"></div>
|
|
<div class="losangebas"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="losangehaut2"></div>
|
|
<div class="losangebas2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="losangehautinte"></div>
|
|
<div class="losangebasinte"></div>
|
|
<div class="losangehaut"></div>
|
|
<div class="losangebas"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="losangehautinte2"></div>
|
|
<div class="losangebasinte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="losangehaut"></div>
|
|
<div class="losangebas"></div>
|
|
<div class="losangehautinte2"></div>
|
|
<div class="losangebasinte2"></div>
|
|
<div class="losangehaut2"></div>
|
|
<div class="losangebas2"></div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="trapezeinte"></div>
|
|
<div class="trapeze"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="trapezeinte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="trapeze2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="trapeze"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="trapeze2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="trapezeinte"></div>
|
|
<div class="trapeze"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="trapezeinte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="containform">
|
|
<div class="trapezeinte2"></div>
|
|
<div class="trapeze"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div class="containform">
|
|
<div class="octogoninte"></div>
|
|
<div class="octogon"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="octogoninte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="octogon2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="octogon"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="octogon2"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="octogoninte"></div>
|
|
<div class="octogon"></div>
|
|
</div>
|
|
|
|
<div class="containform">
|
|
<div class="octogoninte2"></div>
|
|
</div>
|
|
|
|
<div class="containform2">
|
|
<div class="octogoninte2"></div>
|
|
<div class="octogon"></div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<button onclick="add()">+</button>
|
|
<div id="value" hidden="">0</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|