explorata/index.html

73 lines
2.2 KiB
HTML

<html>
<head>
<title>Cellular Automaton Explorer</title>
<link rel="stylesheet" href="./style.css" >
</head>
<body>
<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>
<script src="main.js"></script>
</body>
</html>