Merge pull request #45 from kn9ts/develop

Add homepage

.gitignore

@@ -5,7 +5,7 @@
 .idea
 .vscode
 node_modules
-public
+./public
 dist
 server/config/local.env.js
 npm-debug.log

index.js

@@ -13,7 +13,7 @@ const genTransactionPassword = require('./server/utils/genTransactionPassword');
 const apiVersion = process.env.API_VERSION;
 
 // view engine setup
-app.set('views', path.join(__dirname, 'views'));
+app.set('views', path.join(__dirname, 'server/views'));
 app.set('view engine', 'jade');
 
 // trust proxy if it's being served in GoogleAppEngine
@@ -46,6 +46,10 @@ app.use(`/api/v${apiVersion}/payment*`, genTransactionPassword);
 const apiRouter = express.Router;
 app.use(`/api/v${apiVersion}`, routes(apiRouter()));
 
+app.all('/*', (req, res) => {
+  res.render('index', { title: 'Project Mulla' });
+});
+
 // use this prettify the error stack string into an array of stack traces
 const prettifyStackTrace = stackTrace => stackTrace.replace(/\s{2,}/g, ' ').trim();
 

server/controllers/PaymentSuccess.js

@@ -10,7 +10,7 @@ class PaymentSuccess {
   handler(req, res, next) {
     const keys = Object.keys(req.body);
     const response = {};
-    const baseURL = `${req.protocol}://${req.hostname}:${process.env.PORT}`;
+    const baseURL = `${req.protocol}://${req.hostname}:${process.env.PORT || 8080}`;
     let endpoint = `${baseURL}/api/v1/thumbs/up`;
 
     if ('MERCHANT_ENDPOINT' in process.env) {

server/public/css/style.less

@@ -0,0 +1,41 @@
+@import url(https://fonts.googleapis.com/css?family=Asap:400,700);
+@charset "utf-8";
+html {
+    cursor: default;
+    font-family: 'Asap', sans-serif;
+    margin: 0;
+    overflow-x: hidden;
+    padding: 0;
+}
+
+body {
+    cursor: default;
+    font-family: 'Asap', sans-serif;
+    font-size: 1.5em;
+    margin: 0;
+    overflow-x: hidden;
+    padding: 0;
+    color: #3a3a3a;
+    background: #fefefe;
+}
+
+.homepage {
+    margin-top: 10%;
+    text-align: center;
+    h1 {
+        font-weight: bolder;
+        font-size: 4em;
+        padding-bottom: 0;
+        margin-bottom: 0;
+    }
+    p {
+        font-size: 2em;
+    }
+    footer {
+        font-size: .25em;
+    }
+    .red {
+        font-weight: bold;
+        color: red;
+    }
+}

server/views/index.jade

@@ -1,5 +1,11 @@
 extends layout
 
 block content
-  h1= title
-  p Welcome to #{title}
+  .homepage
+    a(style="color: #5FAD24" href="https://kn9ts.github.io/project-mulla" target="_blank")
+      h1= title
+    p ...because Time is Money!
+    footer
+      p.text-center.text-muted.small-padding
+        | © 2016, with <span class="red">love</span> by
+        <a class="red" target="_blank" href="http://twitter.com/kn9ts">Eugene Mutai</a>

server/views/layout.jade

@@ -2,6 +2,6 @@ doctype html
 html
   head
     title= title
-    link(rel='stylesheet', href='/stylesheets/style.css')
+    link(rel='stylesheet', href='/css/style.css')
   body
     block content