52 lines
1.1 KiB
HTML
52 lines
1.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Document</title>
|
||
|
|
<style>
|
||
|
|
.menu {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cell {
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
font-size: 10px;
|
||
|
|
border: 1px solid black;
|
||
|
|
display: inline-flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<menu class="menu">
|
||
|
|
<button id="save">Sauvegarder</button>
|
||
|
|
<button id="load">Reprendre</button>
|
||
|
|
<button id="next-gen">Prochaine Génération</button>
|
||
|
|
<button id="autoplay">Auto Play</button>
|
||
|
|
<button id="reset">Reset</button>
|
||
|
|
<button id="gridsize">Taille Grille</button>
|
||
|
|
<button id="x1">x1</button>
|
||
|
|
<button id="x2">x2</button>
|
||
|
|
<button id="x10">x10</button>
|
||
|
|
<button id="x100">x100</button>
|
||
|
|
<br><br>
|
||
|
|
Génération numéro: <span id="generation-value"></span> | Taille de la grille: <span id="grid-size-value"></span>
|
||
|
|
</menu>
|
||
|
|
|
||
|
|
<div id="container"></div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</html>
|