prelaunch: landing page style improvements

apossiblespace · Oct 14, 2024 · 6739d3c · 6739d3c
1 parent fc902f5
commit 6739d3c
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 7 deletions.
diff --git a/resources/public/css/style.css b/resources/public/css/style.css
@@ -25,11 +25,17 @@ a {
     }
 }
 
+header {
+    img {
+        max-width: 200px;
+    }
+}
+
 footer {
     color: var(--color-text-subdued);
     font-size: 0.8em;
     line-height: 1.2em;
-    margin-top: 3rem;
+    margin-top: 6rem;
     width: 100%;
     display: flex;
     flex-direction: row;
@@ -49,7 +55,7 @@ footer {
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
-    gap: 1rem;
+    gap: 3rem;
 }
 
 .illustration {
@@ -112,18 +118,20 @@ footer {
 }
 
 .hero {
+    max-width: 800px;
     h1 {
-        font-family: Georgia, Times, 'Times New Roman', serif;
+        font-family: 'DM Serif Display', Georgia, Times, 'Times New Roman', serif;
         color: var(--color-primary);
         font-weight: normal;
-        font-size: 2rem;
+        font-size: 3rem;
         line-height: 1.2em;
     }
 }
 
 @media (max-width: 900px) {
    .main {
        flex-direction: column;
+       gap: 0;
    }
 
    .illustration, .signup {
@@ -140,6 +148,10 @@ footer {
         padding: 1rem;
     }
 
+    .hero h1 {
+        font-size: 2rem;
+    }
+
     .signup form {
         flex-direction: column;
     }
@@ -156,5 +168,6 @@ footer {
         flex-direction: column;
         gap: 0;
         padding-bottom: 4rem;
+        margin-top: 3rem;
     }
 }
diff --git a/src/tools/ifs/parts/layouts/main.clj b/src/tools/ifs/parts/layouts/main.clj
@@ -13,6 +13,9 @@
     [:link {:rel "apple-touch-icon" :href "/images/icons/favicon.png"}]
     [:title (str title " — Parts")]
     [:link {:rel "stylesheet" :href "/css/style.css"}]
+    [:link {:rel "preconnect" :href "https://fonts.googleapis.com"}]
+    [:link {:rel "preconnect" :href "https://fonts.gstatic.com" :crossorigin true}]
+    [:link {:rel "stylesheet" :href "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap"}]
     [:script {:src "/js/main.js"}]
     [:script {:defer true
               :data-domain "parts.ifs.tools"

diff --git a/src/tools/ifs/parts/layouts/partials.clj b/src/tools/ifs/parts/layouts/partials.clj
@@ -6,7 +6,7 @@
   "Site header"
   []
   [:header
-   [:p {:align "center"}
+   [:p
     [:img {:src "/images/parts-logo-horizontal.svg"}]]])
 
 (defn footer

diff --git a/src/tools/ifs/parts/pages.clj b/src/tools/ifs/parts/pages.clj
@@ -25,8 +25,7 @@
             (header)
             [:section.hero
              [:h1
-              {:align "center"}
-              "Understand your clients’ parts and their relationships"]]
+              "Understand your clients’ parts and their relationships."]]
             [:div.main
              [:section.illustration
               [:p