sandbox

- replace the code with html for people can click buttons and fill out
fields! they won’t need to see any data/code.js files!

css/stylesheet.css

@@ -230,6 +230,7 @@ nav h3 {
 
 nav,
 section,
+.sandbox_container,
 .viewer_container,
 .editor_container {
     position: absolute;
@@ -249,8 +250,13 @@ section {
     right: 50%;
 }
 
+.sandbox_container{
+    left: 50%;
+}
+
 .editor_container {
     left: 50%;
+    display: none;
 }
 
 .module_container {
@@ -657,4 +663,13 @@ input[type=number]::-webkit-outer-spin-button {
         top: 30px;
         left: 0;
     }
-}
\ No newline at end of file
+}
+
+.buttonContainer{
+    width: 75px;
+    height: 25px;
+    display: block;
+    position: relative;
+    z-index: 100;
+    background-color: white;
+}

index.html

@@ -127,6 +127,19 @@
             </div>
         </section>
     </div>
+    <div class="sandbox_container">
+        <div>
+            <div>
+            # of Rows:
+            <input id="numRows" type="number" value="0">
+            </div>
+
+            <div>
+            # of Columns:
+            <input id="numColumns" type="number" value="0">
+            </div>
+        </div>
+    </div>
     <div class="editor_container">
         <section class="files_bar">
             <button class="btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>