2021-12-30 13:39:25 +01:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2021-12-30 19:45:39 +01:00
|
|
|
<title>Cellular Automaton Explorer</title>
|
|
|
|
|
<link rel="stylesheet" href="./style.css" >
|
2021-12-30 13:39:25 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2021-12-30 19:45:39 +01:00
|
|
|
<sidebar>
|
|
|
|
|
<h1>Cellular Automaton Explorer</h1>
|
|
|
|
|
<div class="menu-row">
|
|
|
|
|
<form name="rules">
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>Rules</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>111</label>
|
|
|
|
|
<input type="checkbox" name="111">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>110</label>
|
|
|
|
|
<input type="checkbox" name="110">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>101</label>
|
|
|
|
|
<input type="checkbox" name="101">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>100</label>
|
|
|
|
|
<input type="checkbox" name="100">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>011</label>
|
|
|
|
|
<input type="checkbox" name="011">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>010</label>
|
|
|
|
|
<input type="checkbox" name="010">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>001</label>
|
|
|
|
|
<input type="checkbox" name="001">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>000</label>
|
|
|
|
|
<input type="checkbox" name="000">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<input type="button" name="start" id="start" value="start"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<input type="button" name="reset" id="reset" value="reset"/>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="menu-row">
|
|
|
|
|
<form method="">
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>Living cell color</label>
|
|
|
|
|
<input name="live" type="color" id="live" value="#000000"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-field">
|
|
|
|
|
<label>Dead cell color</label>
|
|
|
|
|
<input name="dead" type="color" id="dead" value="#99FF00"/>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</sidebar>
|
|
|
|
|
<main id="main">
|
|
|
|
|
<canvas width="500" height="500" id="canvas"></canvas>
|
|
|
|
|
</main>
|
2021-12-30 13:39:25 +01:00
|
|
|
<script src="main.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
