added landing page, fixes #72

Author: facundoolano

.gitignore

@@ -16,3 +16,4 @@ _build
 .idea
 rebar3.crashdump
 ct_log
+.DS_Store

priv/ui/resources/public/css/holiday.css

@@ -36,6 +36,17 @@ footer {
     padding: 0 1rem;
 }
 
+h1.title.landing-title {
+    font-weight: normal;
+    margin-bottom: 2rem;
+    font-size: 3.5rem;
+}
+
+img.landing-image {
+    border: 3px solid rgba(157,157,157,.2);
+    border-radius: 4px;
+}
+
 .section {
     font-size: 1.2rem
 }

priv/ui/resources/public/img/calendar.png

@@ -1,5 +1,6 @@
 (ns holiday-ping-ui.common.views
-  (:require [re-frame.core :as re-frame]))
+  (:require [re-frame.core :as re-frame]
+            [holiday-ping-ui.routes :as routes]))
 
 ;; HELPER VIEWS
 (defn message-view []
@@ -60,15 +61,26 @@
        "GitHub"]]
      [:div.navbar-end [user-info-view]]]]])
 
-(defn footer-view
+(defn landing-view
   []
-  [:footer.footer
-   [:div.container
-    [:div.content.has-text-centered
-     [:p [:strong "HolidayPing"] " by "
-      [:a {:href "https://github.com/lambdaclass/" :target "_blank"} "LambdaClass"] "."]
-     [:p [:a.icon {:href "https://github.com/lambdaclass/holiday_ping"}
-          [:i.fa.fa-github]]]]]])
+  [section
+   [:div.has-text-centered
+    [:br]
+    [:h1.title.is-1.has-text-primary.landing-title "Don't forget your time off ever again"]
+    [:h3.subtitle.is-4 "Let HolidayPing send your reminders and enjoy your daiquiri"]
+    [:br]
+    [:br]
+    [:a.button.is-success.is-large
+     {:href (routes/url-for :login)}
+     [:span.icon [:i.fa.fa-calendar-check-o]]
+     [:span "Sign in or register"]]
+    [:br]
+    [:br]
+    [:br]
+    [:div.columns.is-centered
+     [:div.column.is-two-thirds
+      [:figure.image.is-3by2
+       [:img.landing-image {:src "/img/calendar.png"}]]]]]])
 
 (defn loading-view
   []

priv/ui/resources/public/img/channels.png

@@ -20,7 +20,8 @@
 
             [holiday-ping-ui.config :as config]))
 
-(def views {:channel-list           [channels/list-view]
+(def views {:landing                [common/landing-view]
+            :channel-list           [channels/list-view]
             :channel-edit           [channels/edit-view]
             :channel-create         [channels/create-view]
             :login                  [auth/login-view]

priv/ui/src/holiday_ping_ui/common/views.cljs

@@ -4,7 +4,7 @@
             [re-frame.core :as re-frame]))
 
 ;; maybe slugify names instead of having to put a regex here?
-(def app-routes ["/" [[""                                         :channel-list]
+(def app-routes ["/" [[""                                         :landing]
                       ["channels/new/"                            :channel-create]
                       [["channels/" [#".+" :channel] "/edit"]     :channel-edit]
                       [["channels/" [#".+" :channel] "/holidays"] :holidays]
@@ -44,7 +44,7 @@
   (loging, register, etc.)."
   [view]
   (contains?
-   #{:login :register :github-callback :not-verified
+   #{:landing :login :register :github-callback :not-verified
      :register-confirm :email-sent :register-confirm-error :resend-confirmation
      :request-password-reset :submit-password-reset :password-reset-sent}
    view))