The About button now displays Author, Version, License, and Description information (pulled from the package.json by the server

server.js

@@ -104,7 +104,7 @@ app.use("/app/css/nespaint.css", function(req, res){
   res.send(new Buffer.from(css_output));
 });
 app.get('/', function(req, res){
-  res.render('index.html', {version:GenVersion(), author:package.author});
+  res.render('index.html', {version:GenVersion(), author:package.author, description:package.description, license:package.license});
 });
 
 

views/header_menu.html

@@ -46,7 +46,7 @@
       </ul>
     </li>
 
-    <li class="pure-menu-item" emit="about">
+    <li class="pure-menu-item" emit="modal-open" emit-args='{"cls":".about-modal"}'>
       <a href="#" class="pure-menu-link">
         <i class="fa fa-info-circle"></i>
         About

views/index.html

@@ -1,7 +1,7 @@
 <%- include('head.html'); %>
 
 <div class="cover"></div>
-<%- include('modal.html'); %>
+<%- include('modal.html', {version:version, author:author, license:license, description:description}); %>
 <%- include('header.html'); %>
 
     <div class="pure-g pure-g-nw">

views/modal.html

@@ -4,6 +4,7 @@
   </div>
 </div>
 
+<%- include("modals/about.html", {version:version, author:author, license:license, description:description}); %>
 <%- include("modals/storeadd.html", {stores:[
   {"modalclass":"palettes-store-add", "title":"New Palette Name", "addevent":"palstore-add"},
   {"modalclass":"banks-store-add", "title":"New Bank Name", "addevent":"bankstore-add"},

views/modals/about.html

@@ -0,0 +1,20 @@
+<div class="modal about-modal">
+  <div class="modal-content">
+    <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>
+    <br>
+
+    Version: <%= version %><br>
+    Author: <%= author %><br>
+    License: <%= license %><br>
+    Description: <%= description %><br>
+
+    <form class="pure-form">
+      <button type="submit" class="pure-button" emit="modal-close">Close</button>
+    </form> 
+  </div>
+</div>