Add static page navigation

css/scratchx.css

@@ -809,7 +809,7 @@ body > main > footer > div {
 body > main > article,
 body > section {
   display: none; }
-body #privacy-policy {
+body #home {
   display: block; }
 
 #dialogs {
@@ -999,10 +999,9 @@ body > main > header {
     text-align: center; }
 
 #editor {
-  text-align: center;
+  position: absolute;
-  margin-top: 30px;
+  width: 100%;
-  display: none;
+  height: 100%; }
-  position: relative; }
 
 .scratch_unsupported p {
   color: #aaa;

index.html

@@ -169,10 +169,10 @@
             </section>
 
             <nav>
-                <h2>ScratchX</h2>
+                <h2><a href="#home" data-staticlink="home">ScratchX</a></h2>
                 <ul>
                     <li><a href="">Terms of Service</a></li>
-                    <li><a href="">Privacy Policy</a></li>
+                    <li><a href="#privacy-policy" data-staticlink="privacy-policy">Privacy Policy</a></li>
                     <li><a href="">Contact Us</a></li>
                     <li><a href="">FAQ</a></li>
                     <li><a href="">Forums</a></li>

js/scratchx.js

@@ -103,3 +103,26 @@ swfobject.switchOffAutoHideShow();
 
 swfobject.embedSWF('Scratch.swf', 'editor', '100%', '100%', '11.7.0', 'libs/expressInstall.swf',
         flashVars, params, null, handleEmbedStatus);
+
+function showPage(path) {
+    var toHide = "body > main, body > main > article, #editor";
+    var toShow = "#" + path;
+    if (path != "editor") {
+        toShow += ", body > main";
+    }
+
+    $(toHide).hide();
+    $(toShow).show();
+}
+
+$("[data-staticlink]").click(function(e) {
+    e.preventDefault();
+    showPage(e.target.attributes['data-staticlink'].value)
+});
+
+
+$(function (){
+    if (window.location.hash) {
+        showPage(window.location.hash.substr(1));
+    }
+});

sass/_editor.scss

@@ -1,8 +1,7 @@
 #editor {
-    text-align: center ;
+    position: absolute;
-    margin-top: 30px;
+    width: 100%;
-    display: none;
+    height: 100%;
-    position: relative;
 }
 
 .scratch_unsupported p {

sass/scratchx.scss

@@ -35,7 +35,7 @@ body {
     > section {
         display: none;
     }
-    #privacy-policy {
+    #home {
         display: block;
     }
 }