From ae7eff703c6430e33b1564eb40df2cc8a80c8fb6 Mon Sep 17 00:00:00 2001
From: Griffin Smith <grfn@gws.fyi>
Date: Fri, 24 Dec 2021 14:49:06 -0500
Subject: feat(grfn/bbbg): Style home page

This is just a Big Old Button

Change-Id: I19f5d15562fe2e0ef26de0cc61d06604e92c9c00
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4587
Reviewed-by: grfn <grfn@gws.fyi>
Autosubmit: grfn <grfn@gws.fyi>
Tested-by: BuildkiteCI
---
 users/grfn/bbbg/src/bbbg/handlers/home.clj |  2 +-
 users/grfn/bbbg/src/bbbg/styles.clj        | 26 ++++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

(limited to 'users/grfn/bbbg/src')

diff --git a/users/grfn/bbbg/src/bbbg/handlers/home.clj b/users/grfn/bbbg/src/bbbg/handlers/home.clj
index 8ca12687a1cf..17d48755365c 100644
--- a/users/grfn/bbbg/src/bbbg/handlers/home.clj
+++ b/users/grfn/bbbg/src/bbbg/handlers/home.clj
@@ -11,7 +11,7 @@
 
 (defn- home-page []
   [:div.home-page
-   [:a {:href "/signup-forms"}
+   [:a.signup-form-link {:href "/signup-forms"}
     "Event Signup Form"]])
 
 (defn auth-failure []
diff --git a/users/grfn/bbbg/src/bbbg/styles.clj b/users/grfn/bbbg/src/bbbg/styles.clj
index 8b7ffe6bc016..408c1cf01576 100644
--- a/users/grfn/bbbg/src/bbbg/styles.clj
+++ b/users/grfn/bbbg/src/bbbg/styles.clj
@@ -107,14 +107,40 @@
       :background-color (color/lighten color 30)
       :border-radius "5px"}]))
 
+(defstyles home-page
+  [:.home-page
+   {:display :flex
+    :flex 1
+    :justify-content :center
+    :align-items :center}
+   [:.signup-form-link
+    {:display :block
+     :padding "5rem"
+     :border [["1px" :solid blue]]
+     :border-radius "5px"
+     :color black
+     :font-size "2rem"
+     :background-color (color/lighten blue 50)}
+    [(& hover) (& active)
+     {:text-decoration :none}]
+    [(& active)
+     {:background-color (color/lighten blue 30)}]]])
+
 (defstyles styles
   global-nav
   link-form
   flash
+  home-page
 
   [:body
    {:color black}]
 
+  [:.content
+   {:display :flex
+    :flex-direction :column
+    :height "100%"
+    :width "100%"}]
+
   [:a {:color blue
        :text-decoration :none}
    link-conditional-styles])
-- 
cgit 1.4.1