adminoo/explorata
1
0
Fork 0
Code Releases Activity

absolute shitcode interface POC

Browse Source
This commit is contained in:
Gator
2021-12-30 19:45:39 +01:00
parent f27a983b55
commit 81102611ec
3 changed files with 165 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
index.html
View File

@ -1,19 +1,72 @@
<html>
<head>
<title>Cellular automata</title>
<style>
* {
margin: 0;
padding: 0;
}
canvas {
border: solid black 5px;
}
</style>
<title>Cellular Automaton Explorer</title>
<link rel="stylesheet" href="./style.css" >
</head>
<body>
<canvas width="500" height="500" id="canvas"></canvas>
<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>