add header, messages + user login/panel to landing

Author: joehand

client/js/components/auth/user-panel.js

@@ -88,11 +88,11 @@ module.exports = function (state, emit) {
           Signed in as <b>${state.township.profile.username}</b>
         </div>
       </div>
-      <ul class="list">
+      <ul class="list mb0">
         <li><a href="/${state.township.username}" data-no-routing>View Profile</a></li>
         <li><a href="/profile/edit" data-no-routing>Edit Profile</a></li>
         <li><a href="http://github.com/datproject/datproject.org/issues" target="_blank" class="color-neutral-50 hover-color-neutral-70">Report Bug</a></li>
-        <li><a href="#" onclick=${() => emit('township:logout', {})}>Logout</a></li>
+        <li class="mb0"><a href="#" onclick=${() => emit('township:logout', {})}>Logout</a></li>
       </ul>
   </div>`
 }

client/js/pages/landing/index.js

@@ -3,6 +3,9 @@ const css = require('sheetify')
 const footer = require('../../elements/footer')
 const datIcon = require('../../elements/icon')
 const homeSection = require('../../elements/home-section')
+const panel = require('../../components/auth/user-panel')
+const loginButton = require('../../components/login-button')
+const message = require('../../elements/message')
 
 module.exports = function (state, emit) {
   const splash = css`
@@ -18,9 +21,15 @@ module.exports = function (state, emit) {
   `
   const backgroundImageUrl = '/public/img/bg-landing-page.svg'
   const star = datIcon('star-dat', {class: 'color-green'})
-
   return html`
     <div class="min-vh-100 pb7">
+      <div class="absolute w-100">
+        ${message(state.message)}
+        <div class="tr pa2 ph4-l">
+          ${loginButton(state, emit)}
+          ${panel(state, emit)}
+        </div>
+      </div>
       <div class="${splash} pb6-ns pb4 w-100 center" style="background-image: url(${backgroundImageUrl})">
         <section class="tc pa3 pt5-ns">
           <h1 class="f3 f2-m f1-l fw2 black-90 mv3 tracked">

server/router.js

@@ -72,6 +72,7 @@ module.exports = function (config) {
     archiveRoute(req.query.query, function (state) {
       if (state.archive.error && state.archive.error.message === 'Invalid key') {
         // var url = '/' + req._parsedUrl.search
+        // TODO: this needs to show an error message or something
         return res.redirect(301, '/')
       }
       return sendSPA(req, res, state)