toggle iframes, write short copy

1 files changed, 3 insertions, 3 deletions

diff --git a/shader-combo.html b/shader-combo.html
index 99c5a6c..5d9c869 100644
--- a/shader-combo.html
+++ b/shader-combo.html
@@ -29,7 +29,7 @@ a { color: #00f; }
 .dragging { cursor: -webkit-grabbing !important; }
 .ui-sortable-helper { cursor: -webkit-grabbing !important; }
 
-#instructions { top:20px;right:20px; width:190px;height:465px; }
+#commands { top:40px;right:20px; width:190px;height:calc(95% - 230px); }
 #tutorial { top:40px;right:30px; width:290px;height:325px; display: block;}
 .iframe { position: absolute; box-shadow:5px 5px 10px rgba(0,0,0,0.3); background:rgba(255,255,255,0.8); display: none; cursor: -webkit-grab; }
 .iframe iframe {width: 100%;height:100%;margin:0;padding:0;border:0;}
@@ -64,7 +64,7 @@ a { color: #00f; }
 
 <div id="corner">
 	<h1 id="logo">shaderblaster</h1>
-	<button id="show-help">help</button>
+	<button id="show-tutorial">help</button>
 	<button id="show-commands">commands</button>
 	<select id="examples">
 		<option>examples</option>
@@ -156,7 +156,7 @@ a { color: #00f; }
 <div id="workspace"></div>
 
 <div class="iframe" id="tutorial"><iframe src="tutorial.html"></iframe><button class="close">&times;</button></div>
-<div class="iframe" id="instructions"><iframe src="instructions.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/javascript" src="js/vendor/acorn.js"></script>
 <script type="text/javascript" src="js/vendor/gif.js"></script>
 <script type="text/javascript" src="js/vendor/gif-encode.min.js"></script>