Lots of work on front-end

config.json

@@ -18,6 +18,7 @@
     },
     "website": {
         "enabled": true,
+        "siteTitle": "Cryppit",
         "port": 80,
         "statUpdateInterval": 5
     },

libs/website.js

@@ -75,7 +75,8 @@ module.exports = function(logger){
         for (var pageName in pageTemplates){
             pageProcessed[pageName] = pageTemplates[pageName]({
                 poolsConfigs: poolConfigs,
-                stats: portalApi.stats
+                stats: portalApi.stats,
+                portalConfig: portalConfig
             });
         }
     };
@@ -133,11 +134,11 @@ module.exports = function(logger){
         var requestedPage = getPage(pageId);
         if (requestedPage){
             var data = pageTemplates.index({
-                siteTitle: websiteConfig.siteTitle,
                 page: requestedPage,
                 selected: pageId,
                 stats: portalApi.stats,
-                poolConfigs: poolConfigs
+                poolConfigs: poolConfigs,
+                portalConfig: portalConfig
             });
             res.send(data);
         }

website/home.html

@@ -1 +1 @@
-<div>Welcome to Cryppit - The first multi-pool running on NOMP!</div>
+<div>Welcome to {{=it.portalConfig.website.siteTitle}}! - The first multi-pool running on NOMP!</div>

website/index.html

@@ -13,7 +13,7 @@
     <script src="/static/main.js"></script>
 
 
-    <title>{{=it.siteTitle}}</title>
+    <title>{{=it.portalConfig.website.siteTitle}}</title>
 
 
 </head>
@@ -23,10 +23,10 @@
 <header class="header">
     <div class="pure-menu pure-menu-open pure-menu-horizontal">
         <ul>
-            <li id="home" class="{{? it.selected === '' }}selected{{?}}"><a class="hot-swapper" href="/"><i class="fa fa-home"></i> Home</a></li>
+            <li id="home" class="{{? it.selected === '' }}selected{{?}}"><a class="hot-swapper" href="/"><i class="fa fa-home"></i>&nbsp; Home</a></li>
-            <li class="{{? it.selected === 'getting_started' }}selected{{?}}"><a class="hot-swapper" href="/getting_started">Getting Started</a></li>
+            <li class="{{? it.selected === 'getting_started' }}selected{{?}}"><a class="hot-swapper" href="/getting_started"><i class="fa fa-arrow-right"></i>&nbsp; Getting Started</a></li>
-            <li class="{{? it.selected === 'stats' }}selected{{?}}"><a class="hot-swapper" href="/stats">Stats</a></li>
+            <li class="{{? it.selected === 'stats' }}selected{{?}}"><a class="hot-swapper" href="/stats"><i class="fa fa-bar-chart-o"></i>&nbsp; Stats</a></li>
-            <li class="{{? it.selected === 'api' }}selected{{?}}"><a class="hot-swapper" href="/api"><i class="fa fa-code"></i> API</a></li>
+            <li class="{{? it.selected === 'api' }}selected{{?}}"><a class="hot-swapper" href="/api"><i class="fa fa-code"></i>&nbsp; API</a></li>
         </ul>
     </div>
 </header>
@@ -43,11 +43,11 @@
 
 
     <div>This site is powered by the open source&nbsp;<a href="https://github.com/zone117x/node-open-mining-portal/">NOMP</a>&nbsp;project created by Matthew Little and licensed under the&nbsp;<a href="http://www.gnu.org/licenses/gpl-2.0.html">GPL</a></div>
-    <div>Support this project by donating&nbsp;<i class="fa fa-btc"></i>&nbsp;BTC: 1KRotMnQpxu3sePQnsVLRy3EraRFYfJQFR</div>
+    <div><i class="fa fa-heart"></i>&nbsp; Support this project by donating&nbsp;<i class="fa fa-btc"></i>&nbsp;BTC: 1KRotMnQpxu3sePQnsVLRy3EraRFYfJQFR</div>
     <div id="communityFooter">
-        Community: &nbsp;<a target="_blank" href="https://kiwiirc.com/client/irc.freenode.net/nomp">#nomp IRC</a>
+        Community&nbsp;<i class="fa fa-comment"></i>&nbsp;: &nbsp;<a target="_blank" href="https://kiwiirc.com/client/irc.freenode.net/nomp">#nomp IRC</a>
         &nbsp;&nbsp;|&nbsp;&nbsp;
-        <a href="http://reddit.com/r/nomp">/r/nomp</a>
+        <a target="_blank" href="http://reddit.com/r/nomp">/r/nomp</a>
         &nbsp;&nbsp;|&nbsp;&nbsp;
         <iframe src="http://ghbtns.com/github-btn.html?user=zone117x&repo=node-open-mining-portal&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="140" height="20"></iframe>
     </div>

website/stats.html

@@ -1,3 +1,5 @@
 <div>
     fancy graphs here
+    <br>
+    {{=JSON.stringify(it.stats)}}
 </div>

website/style.css

@@ -1,3 +1,6 @@
+html{
+    height: 100%;
+}
 body{
     min-height: 100vh;
     overflow: hidden;
@@ -12,6 +15,8 @@ body{
     -moz-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
+
+
 }
 header{
     background-color: #f3f2ef;
@@ -74,22 +79,6 @@ footer a{
 }
 
 
-
+footer iframe{
-footer > div{
+    vertical-align: middle;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -moz-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -moz-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
 }
-