1 files changed, 90 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2178d7d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,90 @@
+<html>
+<head>
+<title>subphatty</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
+<style>
+* {
+  box-sizing: border-box;
+}
+html {
+  margin: 0; padding: 0;
+  width: 100%; height: 100%;
+}
+body {
+  background: #000;
+  color: #fff;
+  margin: 0; padding: 0;
+  width: 100%; height: 100%;
+  font-weight: 300;
+/*  overflow: hidden;
+  -webkit-overflow-scrolling: auto;
+*/
+  font-family: Helvetica, sans-serif;
+  background: linear-gradient(35deg, rgba(35,10,10,1), rgba(18,23,35,1));
+  background-attachment: fixed;
+}
+h3 {
+  margin: 0 0 5px 0;
+}
+label {
+  display: block;
+  text-transform: lowercase;
+  font-size: 10px;
+  height: 20px;
+}
+label span {
+  display: inline-block;
+  width: 120px;
+  white-space: pre;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+#params > div {
+  background: black;
+  padding: 10px;
+  margin: 10px;
+  float: left;
+}
+#controls {
+  background: black;
+  padding: 10px;
+  margin: 10px;
+  display: inline-block;
+}
+</style>
+</head>
+<body>
+
+<div id='controls'>
+  <button id='randomize'>Randomize</button>
+</div>
+
+<div id='params'></div>
+
+<script type="text/html" id="section_template">
+  <div>
+    <h3>{name}</h3>
+    {els}
+  </div>
+</script>
+<script type="text/html" id="range_template">
+  <label class='param'>
+    <span>{name}</span>
+    <input type='range' name='{param_name}' min='{min}' max='{max}' value='{value}' data-index='{index}' />
+  </label>
+</script>
+<script type="text/html" id="checkbox_template">
+  <label class='param'>
+    <span>{name}</span>
+    <input type='checkbox' name='{param_name}' data-index='{index}' />
+  </label>
+</script>
+<script type="text/html" id="enum_template">
+  <label class='param'>
+    <span>{name}</span>
+    <select value='{value}' name='{param_name}' data-index='{index}'>{options}</select>
+  </label>
+</script>
+</body>
+<script src='dist/bundle.js'></script>
+</html>
+\ No newline at end of file