about summary refs log tree commit diff
diff options
context:
space:
mode:
authorGriffin Smith <grfn@gws.fyi>2021-12-24T19·49-0500
committerclbot <clbot@tvl.fyi>2021-12-24T20·02+0000
commitae7eff703c6430e33b1564eb40df2cc8a80c8fb6 (patch)
treea43e3cefd35a0dbd9dc6f95b1bbd7a7916926dc1
parenta660042f142776062366e39e42e5d34bf9c76d31 (diff)
feat(grfn/bbbg): Style home page r/3375
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
-rw-r--r--users/grfn/bbbg/src/bbbg/handlers/home.clj2
-rw-r--r--users/grfn/bbbg/src/bbbg/styles.clj26
2 files changed, 27 insertions, 1 deletions
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])