From a46f55e50e9cf6fc15086677a366cdeda4ca7003 Mon Sep 17 00:00:00 2001
From: Simon Brooke <simon@journeyman.cc>
Date: Thu, 16 Mar 2017 08:22:07 +0000
Subject: [PATCH] #22: This isn't even nearly working...

But it's starting to work!
---
 resources/public/css/yyy-static.css |  4 ++--
 resources/templates/home.html       | 28 ++++++++++++++++++-------
 src/cljs/youyesyet/core.cljs        | 32 +++++++++++++++++++++--------
 3 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/resources/public/css/yyy-static.css b/resources/public/css/yyy-static.css
index 0587468..a61993e 100644
--- a/resources/public/css/yyy-static.css
+++ b/resources/public/css/yyy-static.css
@@ -160,7 +160,7 @@ th {
 #main-container{
 }
 
-#back-link {
+#back-link, .back-link {
   min-width: 8em;
   padding: 0.25em 1em;
   background-color: gray;
@@ -170,7 +170,7 @@ th {
   border-bottom-right-radius: 0.5em;
 }
 
-#back-link:hover, #back-link:active {
+#back-link:hover, #back-link:active, .back-link:hover, .back-link:active, {
   text-decoration: none;
   background-color: rgb(160, 160, 160);
 }
diff --git a/resources/templates/home.html b/resources/templates/home.html
index 31a313d..37db8b6 100644
--- a/resources/templates/home.html
+++ b/resources/templates/home.html
@@ -1,11 +1,29 @@
 <!DOCTYPE html>
 <html>
   <head>
-      <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-      <title>Welcome to YouYesYet</title>
+    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="css/yyy-static.css" />
+    <link href="https://fonts.googleapis.com/css?family=Archivo+Black|Archivo+Narrow" rel="stylesheet"/>
+    <title>You Yes Yet?</title>
   </head>
   <body>
+    <header>
+      <div id="nav">
+        <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
+        <menu id="nav-menu" class="nav">
+          <li class=""><a href="index.html">Home</a></li>
+          <li class=""><a href="library.html">Library</a></li>
+          <li class=""><a href="register.html">Register</a></li>
+          <li class=""><a href="login.html">Login</a></li>
+          <li class=""><a href="about.html">About</a></li>
+        </menu>
+      </div>
+
+      <h1>
+        You yes yet?
+      </h1>
+    </header>
 
     <div id="app">
       <div class="container-fluid">
@@ -29,10 +47,6 @@
     </div>
 
     <!-- scripts and styles -->
-    {% script "/vendor/leaflet/dist/leaflet.js" %}
-    {% style "/assets/bootstrap/css/bootstrap.min.css" %}
-    {% style "/assets/font-awesome/css/font-awesome.min.css" %}
-    {% style "/css/screen.css" %}
 
     <script type="text/javascript">
         var context = "{{servlet-context}}";
diff --git a/src/cljs/youyesyet/core.cljs b/src/cljs/youyesyet/core.cljs
index f6f5717..5976bd3 100644
--- a/src/cljs/youyesyet/core.cljs
+++ b/src/cljs/youyesyet/core.cljs
@@ -27,29 +27,43 @@
       {:on-click #(swap! collapsed? not)} "☰"]
      [:div.collapse.navbar-toggleable-xs
       (when-not @collapsed? {:class "in"})
-      [:a.navbar-brand {:href "#/"} "youyesyet"]
+      [:a.navbar-brand {:href "#/"} "You yes yet?"]
       [:ul.nav.navbar-nav
        [nav-link "#/" "Home" :home collapsed?]
        [nav-link "#/map" "Map" :home collapsed?]
        [nav-link "#/about" "About" :about collapsed?]]]]))
 
+
+(defn back-link []
+  [:div.back-link-container {:id ":div.back-link-container"}
+   [:a {:href "javascript:history.back()" :id "back-link"} "Back"]])
+
+(defn big-link [text target]
+  [:div.big-link-container
+   [:a.big-link {:href target} text]])
+
 (defn about-page []
-  [:div.container
+  [:div.container {:id "main-container"}
+   (back-link)
+   (big-link "Map" "#/map")
    [:div.row
     [:div.col-md-12
      "this is the story of youyesyet... work in progress"]]])
 
 (defn home-page []
-  [:div.container
+  [:div.container {:id "main-container"}
+   (back-link)
+   (big-link "Map" "#/map")
+   (big-link "About" "#/about")
    [:div.jumbotron
     [:h1 "Welcome to youyesyet"]
     [:p "Time to start building your site!"]
-    [:p [:a.btn.btn-primary.btn-lg {:href "http://luminusweb.net"} "Learn more »"]]]
-   (when-let [docs @(rf/subscribe [:docs])]
-     [:div.row
-      [:div.col-md-12
-       [:div {:dangerouslySetInnerHTML
-              {:__html (md->html docs)}}]]])])
+    [:p [:a.btn.btn-primary.btn-lg {:href "http://luminusweb.net"} "Learn more »"]]]])
+;;    (when-let [docs @(rf/subscribe [:docs])]
+;;      [:div.row
+;;       [:div.col-md-12
+;;        [:div {:dangerouslySetInnerHTML
+;;               {:__html (md->html docs)}}]]])])
 
 (defn map-page []
   (maps/map-div))