update fonts

hugo/assets/styles.scss

@@ -5,26 +5,30 @@
 @import url('https://unpkg.com/open-props/gray-oklch.min.css');
 
 :root {
-  --link: var(--color-10);
   --text-1: var(--gray-12);
   --text-2: var(--gray-4);
 
   --surface-1: var(--color-1);
   --surface-2: var(--color-12);
   --surface-3: var(--gray-4);
   --surface-4: var(--surface-4-light);
+
+  --link: var(--color-10);
+  --link-visited: var(--color-10);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --link: var(--color-5);
     --text-1: var(--gray-3);
     --text-2: var(--gray-6);
 
     --surface-1: var(--color-14);
     --surface-2: var(--color-13);
     --surface-3: var(--gray-6);
     --surface-4: var(--surface-4-dark);
+
+    --link: var(--color-5);
+    --link-visited: var(--color-5);
   }
 }
 
@@ -37,7 +41,7 @@
 }
 
 :where(html) {
-  --font-sans: Prompt, sans-serif;
+  --font-sans: 'Plus Jakarta Sans', sans-serif;
 }
 
 // body {
@@ -55,6 +59,12 @@ body {
   grid-template-rows: min-content 1fr min-content;
 }
 
+h1,
+h2 {
+  font-weight: var(--font-weight-5);
+  font-family: Prompt, sans-serif;
+}
+
 a {
   text-decoration: underline;
 }
@@ -63,19 +73,6 @@ a {
 //   outline: 1px solid red;
 // }
 
-h2 {
-  font-weight: var(--font-weight-5);
-  margin-block-end: var(--size-fluid-1);
-}
-
-* + h2 {
-  margin-block-start: var(--size-fluid-3);
-}
-
-p + p {
-  margin-block-start: var(--size-fluid-1);
-}
-
 .gloria-deo-logo {
   .logo-letter {
     fill: var(--surface-2);
@@ -133,6 +130,8 @@ p + p {
   }
 
   .nav-list-item a {
+    --link: var(--color-5);
+    --link-visited: var(--color-5);
     padding: 0;
     margin: 0;
     text-decoration: none;
@@ -159,6 +158,7 @@ p + p {
 
   .title,
   .subtitle {
+    font-family: Prompt, sans-serif;
     font-weight: var(--font-weight-5);
     color: var(--text-2);
     text-transform: uppercase;
@@ -192,6 +192,24 @@ p + p {
 .main {
   color: var(--text-1);
   align-items: start;
+
+  p {
+    line-height: var(--font-lineheight-3);
+    font-size: var(--font-size-3);
+  }
+
+  h2 {
+    font-weight: var(--font-weight-5);
+    margin-block-end: var(--size-fluid-1);
+  }
+
+  * + h2 {
+    margin-block-start: var(--size-fluid-3);
+  }
+
+  p + p {
+    margin-block-start: var(--size-fluid-2);
+  }
 }
 
 .main,

hugo/layouts/index.html

@@ -1,4 +1,18 @@
 {{ define "main" }}
+  <h1>Welcome to Gloria Deo</h1>
+  <p>
+    Hello! I'm Tina Christopher, the Gloria Deo Cooperative and Planning Team
+    director. I hope that you will find answers here to your questions. If not,
+    feel free to
+    <a href="mailto:[email protected]" target="_blank"
+      >email me directly</a
+    >.
+  </p>
+  <p>
+    If you have an interest in joining our co-op for the following school year,
+    please visit our
+    <a href="/visitor-information">visitor information</a> page.
+  </p>
   <h2>About Gloria Deo</h2>
   <p>
     Holding fast to the Word of God in a time of relativistic values, the Gloria
@@ -18,18 +32,4 @@ <h2>About Gloria Deo</h2>
     in Greece. Gloria Deo Cooperative is a member of
     <a href="https://www.leah.org/" target="_blank">Homeschool New York</a>.
   </p>
-  <h2>Welcome from the Director</h2>
-  <p>
-    Hello! I'm Tina Christopher, the Gloria Deo Cooperative and Planning Team
-    director. I hope that you will find answers here to your questions. If not,
-    feel free to
-    <a href="mailto:[email protected]" target="_blank"
-      >email me directly</a
-    >.
-  </p>
-  <p>
-    If you have an interest in joining our co-op for the following school year,
-    please visit our
-    <a href="/visitor-information">visitor information</a> page.
-  </p>
 {{ end }}

hugo/layouts/partials/head.html

@@ -8,10 +8,12 @@
 {{ end }}
 
 
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
-  href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;800&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&family=Prompt:wght@400;500;800&display=swap"
   rel="stylesheet"
 />