1 files changed, 52 insertions, 0 deletions
diff --git a/elementarycellularautomata.html b/elementarycellularautomata.html
new file mode 100644
index 0000000..92c3970
--- /dev/null
+++ b/elementarycellularautomata.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+<link rel="stylesheet" href="css/style.css">
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js"></script>
+
+<title>Elementary Cellular Automata</title>
+
+<style>
+#start
+{
+    font-family: monospace;
+}
+
+#error
+{
+    color: red;
+}
+
+</style>
+
+</head>
+
+<body>
+<h2>Elementary Cellular Automata</h2>
+<div id="header_links_div"></div>
+<script src="js/header_links.js"></script>
+
+<hr>
+
+<div id="explanation">
+This is a program which runs <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">elementary cellular automata</a>
+like <a href="https://en.wikipedia.org/wiki/Rule_110">Rule 110</a>. Each cell is determined by the 3 cells above it, using
+rules specified by the rule number.
+</div>
+
+Number of iterations: <input type="number" id="time" min="0" value="500"></input><br>
+Size (if the length of the starting configuration is less than the size, zeros will be added to both sides):
+<input type="number" id="size" value="500"><br>
+Starting configuration: <input type="text" id="start" value="101" size="50"></input><br>
+Rule number: <input type="number" id="rule" min="0" max="255" value="110"></input><br>
+<button id="run">Run</button>
+
+<div id="error"></div><br>
+<canvas id="canvas" width="1000" height="500"></canvas>
+
+<script src="js/elementarycellularautomata.js"></script>
+
+</body>
+</html>