diff options
| author | Griffin Smith <grfn@gws.fyi> | 2021-12-24T19·49-0500 |
|---|---|---|
| committer | clbot <clbot@tvl.fyi> | 2021-12-24T20·02+0000 |
| commit | ae7eff703c6430e33b1564eb40df2cc8a80c8fb6 (patch) | |
| tree | a43e3cefd35a0dbd9dc6f95b1bbd7a7916926dc1 | |
| parent | a660042f142776062366e39e42e5d34bf9c76d31 (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.clj | 2 | ||||
| -rw-r--r-- | users/grfn/bbbg/src/bbbg/styles.clj | 26 |
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]) |