Moved server items out for heroku.

2022-03-20 20:40:55 -05:00
parent 77f309e6f5
commit 7474a0f6f5
8 changed files with 0 additions and 0 deletions
--- a/pub/examples.html
+++ b/pub/examples.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>AudioShowKit visual test</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+
+    <script defer src="audioshowkit.js"></script>
+    <script defer src="patterns/HorizontalBar.js"></script>
+    <script defer src='examples.js'></script>
+
+</head>
+
+<body>
+    <h1>Hit start to see demo!</h1>
+    <button id="startbtn">Start.</button>
+
+    <h2>Horizontal Bar Pattern</h2>
+    <p>Below is a canvas that has all bin values being drawn live using the built-in horizontal bar pattern.</p>
+    <canvas id="horizontal">Canvases don't seem to be supported! Please try a different browser.</canvas>
+
+    <h2>Binding frequency bin values to element styles</h2>
+    <p>Has never been this easy! Here we bind the width of a div to a frequency bin.</p>
+    <div id="widthDiv"></div>
+
+    <p>Here we bind a frequency to the colour of a div.</p>
+    <div id="colourDiv"></div>
+</body>
+
+</html>