diff --git a/web/src/cascade b/web/src/cascade
index 755670b..fa92c11 160000
--- a/web/src/cascade
+++ b/web/src/cascade
@@ -1 +1 @@
-Subproject commit 755670b8ebd57a491b7e2bf919af99f5dbfe5d1a
+Subproject commit fa92c1143305f5ac2a4041fe6fdc4e82d407874a
diff --git a/web/src/index.html b/web/src/index.html
index 8f69230..3b63adb 100644
--- a/web/src/index.html
+++ b/web/src/index.html
@@ -5,6 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <title><%= htmlWebpackPlugin.options.title %></title>
+    <script>
+      var messageHandlers = {}
+    </script>
   </head>
   <body>
     <div id="redwood-app"></div>
diff --git a/web/src/pages/HomePage/HomePage.js b/web/src/pages/HomePage/HomePage.js
index 749ab04..86fec29 100644
--- a/web/src/pages/HomePage/HomePage.js
+++ b/web/src/pages/HomePage/HomePage.js
@@ -1,6 +1,7 @@
 import BlogLayout from 'src/layouts/BlogLayout'
 import BlogPostsCell from 'src/components/BlogPostsCell'
-import { initialize} from 'src/cascade/js/MainPage/CascadeMain'
+import { initialize } from 'src/cascade/js/MainPage/CascadeMain'
+
 
 const HomePage = () => {
   return (
@@ -9,9 +10,44 @@ const HomePage = () => {
       <BlogPostsCell/>
       <div>
         <button onClick={() => new initialize()}>init</button>
+        <h1 hidden></h1>
+        <div id="topnav" className="topnav">
+            <a href="https://github.com/zalo/CascadeStudio">Cascade Studio 0.0.6</a>
+            <a href="#" id="main-proj-button" title="Sets this project to save in local storage." onClick={() => makeMainProject()}>Make Main Project</a>
+            <a href="#" title="Save Project to .json" onClick={() => saveProject()}>Save Project</a>
+            <label htmlFor="project-file" title="Load Project from .json">Load Project
+                <input
+                  id="project-file"
+                  name="project-file"
+                  type="file"
+                  accept=".json"
+                  style={{display:'none'}}
+                  onInput={() => loadProject()}
+                />
+            </label>
+            <a href="#" onClick={() => threejsViewport.saveShapeSTEP()}>Save STEP</a>
+            <a href="#" onClick={() => threejsViewport.saveShapeSTL()}>Save STL</a>
+            <a href="#" onClick={() => threejsViewport.saveShapeOBJ()}>Save OBJ</a>
+            <label htmlFor="files" title="Import STEP, IGES, or (ASCII) STL from File">Import STEP/IGES/STL
+                <input id="files" name="files" type="file" accept=".iges,.step,.igs,.stp,.stl" multiple style={{display: 'none'}} onInput={ () =>loadFiles()}/>
+            </label>
+            <a href="#" title="Clears the external step/iges/stl files stored in the project." onClick={() => clearExternalFiles()}>Clear Imported Files</a>
+            <a href="" title="Resets the project and localstorage." onClick={() => {
+              window.localStorage.clear();
+              window.history.replaceState({}, 'Cascade Studio','?')
+            }}>Reset Project</a>
+        </div>
+        <div id="appbody" style={{height:'auto'}}>
+            {/* <link data-name="vs/editor/editor.main" rel="stylesheet" href="./node_modules/monaco-editor/min/vs/editor/editor.main.css"> */}
+            {/* <script>var require = { paths: { 'vs': 'node_modules/monaco-editor/min/vs' } };</script>
+            <script type="text/javascript" src="./node_modules/monaco-editor/min/vs/loader.js"></script>
+            <script type="text/javascript" src="./node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
+            <script type="text/javascript" src="./node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
+            <script type="text/javascript" src="./js/MainPage/CascadeMain.js"></script> */}
+        </div>
       </div>
     </BlogLayout>
   )
 }
 
-export default HomePage
\ No newline at end of file
+export default HomePage
