1 files changed, 16 insertions, 6 deletions
diff --git a/dist/index.html b/dist/index.html
index 3db6065..be08fd3 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,12 +1,19 @@
 <!doctype html>
 <html>
 <head>
+<title>Shaderblaster</title>
 <link rel="stylesheet" type="text/css" href="app.css"></head>
 <body>
+<div id="corner">
+	<h1 id="logo">shaderblaster</h1>
+	<button id="show-tutorial">help</button>
+	<button id="show-commands">commands</button>
+	<select id="examples">
+		<option>examples</option>
+	</select>
+</div>
 <div id="header">
-	<button id="help">help</button>
 	<button class="toggle-off">x</button>
-	<button id="new-shader"><b>new shader</b></button>
 	<button id="toggle-shaders">browse shaders</button>
 	<button id="toggle-images">browse images</button>
 	<span class="status"></span>
@@ -18,15 +25,15 @@
 		<select id="pick-user">
 			<option>fetching users..</option>
 		</select>
-		<div id="shader-gallery"></div>
+		<div id="shader-gallery" class="gallery"></div>
 	</span>
 	<span id="gallery-form" class="form">
 		<button id="gallery-random">asdf random</button>
 		<form id="gallery-search">
-			<input type="text" id="dumpfm-search-query" value="duck bill">
+			<input type="text" id="dumpfm-search-query" value="webcam">
 			<button id="gallery-search">search dump</button>
 		</form>
-		<div id="gallery-images"></div>
+		<div id="gallery-images" class="gallery"></div>
 	</span>
 </div>
 <div id="controls">
@@ -72,7 +79,8 @@
 	</span>
 </div>
 <div id="workspace"></div>
-<div id="instructions"><iframe src="instructions.html"></iframe><button class="close">&times;</button></div>
+<div class="iframe" id="tutorial"><iframe src="tutorial.html"></iframe><button class="close">&times;</button></div>
+<div class="iframe" id="commands"><iframe src="commands.html"></iframe><button class="close">&times;</button></div>
 <script type="text/html" id="shader-gallery-template">
 <span><img src="{thumbnail_url}"></span>
 {name} - {username}
@@ -81,5 +89,7 @@
 <button class="remove">x</button>
 <span class="frame"></span>
 </script>
+<script type="text/javascript-shader">
+</script>
 <script type="text/javascript" src="app.min.js"></script></body>
 </html>