Modified top menu and added export options ui for palettes. Also added an 'About' button which does not yet display anything.

views/header.html

@@ -1,44 +1,10 @@
-    <div class="header">
-      <div class="home-menu pure-menu pure-menu-horizontal simple-flex">
-        <a class="pure-menu-heading full-height nes-color-bg-3F" href="">
-          <span class="nes-color-text-06">NES </span>
-          <span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span>
-        </a>
+<div class="header">
+  <div class="home-menu pure-menu pure-menu-horizontal simple-flex">
+    <a class="pure-menu-heading full-height nes-color-bg-3F" href="">
+      <span class="nes-color-text-06">NES </span>
+      <span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span>
+    </a>
 
-        <div class="pure-menu pure-menu-horizontal">
-          <ul class="pure-menu-list">
-            <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
-              <a href="#" class="pure-menu-link">
-                <i class="fa fa-folder"></i>
-                File
-              </a>
-              <ul class="pure-menu-children">
-                <li class="pure-menu-item" emit="load-project">
-                  <form>
-                    <input type="file" class="project-loader" accept="text/plain" style="display:none;"></input>
-                  </form>
-                  <a href="#" class="pure-menu-link">
-                    <i class="fa fa-folder-open"></i>
-                    Load Project
-                  </a>
-                </li>
-                <li class="pure-menu-item" emit="save-project">
-                  <a href="#" class="pure-menu-link">
-                    <i class="fa fa-save"></i>
-                    Save Project
-                  </a>
-                </li>
-                <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
-                  <a href="#" id="exportchr" class="pure-menu-link">Export Bank</a>
-                  <ul class="pure-menu-children">
-                    <li class="pure-menu-item" emit="modal-open" emit-args='{"cls":".export-chr"}'>
-                      <a href="#" class="pure-menu-link">CHR</a>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </div> 
-      </div> 
-    </div>
+    <%- include("header_menu.html"); %>
+  </div> 
+</div>

views/header_menu.html

@@ -0,0 +1,55 @@
+<div class="pure-menu pure-menu-horizontal">
+  <ul class="pure-menu-list">
+    <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
+      <a href="#" class="pure-menu-link">
+        <i class="fa fa-folder"></i>
+        Project
+      </a>
+      <ul class="pure-menu-children">
+        <li class="pure-menu-item" emit="load-project">
+          <form>
+            <input type="file" class="project-loader" accept="text/plain" style="display:none;"></input>
+          </form>
+          <a href="#" class="pure-menu-link">
+            <i class="fa fa-folder-open"></i>
+            Load Project
+          </a>
+        </li>
+        <li class="pure-menu-item" emit="save-project">
+          <a href="#" class="pure-menu-link">
+            <i class="fa fa-save"></i>
+            Save Project
+          </a>
+        </li> 
+      </ul>
+    </li>
+
+
+    <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
+      <a href="#" id="exportchr" class="pure-menu-link">Export Bank</a>
+      <ul class="pure-menu-children">
+        <li class="pure-menu-item" emit="modal-open" emit-args='{"cls":".export-chr"}'>
+          <a href="#" class="pure-menu-link">To CHR</a>
+        </li>
+      </ul>
+    </li>
+
+
+    <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
+      <a href="#" id="exportpal" class="pure-menu-link">Export Palette</a>
+      <ul class="pure-menu-children">
+        <li class="pure-menu-item" emit="export-pal-asm">
+          <a href="#" class="pure-menu-link">To Assembly</a>
+        </li>
+      </ul>
+    </li>
+
+
+    <li class="pure-menu-item" emit="about">
+      <a href="#" class="pure-menu-link">
+        <i class="fa fa-info-circle"></i>
+        About
+      </a>
+    </li>
+  </ul>
+</div>