From 4bd6461118544269acc32bec975130224a7cbd6c Mon Sep 17 00:00:00 2001 From: Gosha Tcherednitchenko Date: Sun, 29 Sep 2024 09:31:05 +0100 Subject: [PATCH] landing: WIP --- resources/public/css/style.css | 29 +++++++++++++++++++++++++++++ src/tools/ifs/parts.clj | 2 +- src/tools/ifs/parts/pages.clj | 4 ++-- 3 files changed, 32 insertions(+), 3 deletions(-) diff --git a/resources/public/css/style.css b/resources/public/css/style.css index f19aa15..a139ec8 100644 --- a/resources/public/css/style.css +++ b/resources/public/css/style.css @@ -1,9 +1,28 @@ +:root { + --color-bg: #ffffff; + --color-text: #444444; + --color-text-subdued: #666666; + --color-primary: #62A294; + --color-secondary: #F2BE56; + --color-tertiary: #D1B43C; +} + body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.8em; + background-color: var(--color-bg); + color: var(--color-text); +} + +a { + color: var(--color-primary); + &:visited { + color: var(--color-tertiary); + } } footer { + color: var(--color-text-subdued); width: 100%; display: flex; flex-direction: row; @@ -11,3 +30,13 @@ footer { justify-content: space-between; gap: 1rem; } + +#home { + h1 { + font-family: Georgia, Times, 'Times New Roman', serif; + color: var(--color-primary); + font-weight: normal; + font-size: 3rem; + line-height: 1.2em; + } +} diff --git a/src/tools/ifs/parts.clj b/src/tools/ifs/parts.clj index fc719c4..7e8c6cd 100644 --- a/src/tools/ifs/parts.clj +++ b/src/tools/ifs/parts.clj @@ -51,7 +51,7 @@ :middleware [middleware/jwt-auth]}] ["/register" {:post {:handler account/register-account}}]]] - ["/" {:get pages/home-page}]] + ["/" {:get {:handler #(pages/home-page %)}}]] {:data {:middleware [wrap-params middleware/exception middleware/logging diff --git a/src/tools/ifs/parts/pages.clj b/src/tools/ifs/parts/pages.clj index f2b9fe1..9a14a4d 100644 --- a/src/tools/ifs/parts/pages.clj +++ b/src/tools/ifs/parts/pages.clj @@ -24,10 +24,10 @@ (html (layout "Home Page" (header) - [:div + [:div#home [:h1 {:align "center"} - "Have better conversations with your clients"] + "Understand your client's parts and their relationships"] [:h3.hook {:align "center"} [:strong "Parts"]