feat: restyled title and added example Pathway subtitle

kingsdigitallab · Jan 15, 2024 · ba98ad9 · ba98ad9
1 parent bc4444c
commit ba98ad9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/frontend/_includes/stories.liquid b/frontend/_includes/stories.liquid
@@ -80,7 +80,9 @@ layout: base.liquid
     <section id="s-3">
         <div class="storyTitleSpacerAbove"></div>
         <article id="slide_600" data-slideId="600" class="storyTitle mapSlide">
-            <h2>Pathways</h2>
+            <h2>Pathways
+                <span>connections between places and peoples</span>
+            </h2>
         </article>
         <div class="article_spacer">&nbsp;</div>
          <div class="storyTitleSpacerBelow"></div>

diff --git a/frontend/assets/css/style.scss b/frontend/assets/css/style.scss
@@ -5,13 +5,8 @@ $lightgreen: #9abf08;
 $seafoam: #b2d2a4;
 
 //Fonts
-@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
 
-@import url("https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap");
-
-@import url("https://fonts.googleapis.com/css2?family=Pontano+Sans&display=swap");
 /*** MIXINS ***/
 @mixin border-radius($radius) {
   -webkit-border-radius: $radius;
@@ -66,7 +61,7 @@ body {
   width: 100%;
   padding: 0;
   margin: 0 auto;
-  font-family: "Manrope", sans-serif;
+font-family: 'Playfair Display', serif;
 }
 
 a {
@@ -85,11 +80,8 @@ a#sitetitle {
   background: $darkgreen;
   height: 44px;
   z-index: 9;
-  font-family: "Corben", cursive;
   font-size: 22px;
   border-bottom: 4px solid darken($lightgreen, 20%);
-  font-family: "Playfair Display", serif;
-  font-family: "EB Garamond", serif;
 } // a#sitetitle
 
 // NAV
@@ -221,7 +213,6 @@ nav {
     position: fixed;
     width: 60%;
     margin: 0 20%;
-    font-family: "Pontano Sans", sans-serif;
     border:1px solid $midgreen;
     border-top:0;
     > ol {
@@ -365,8 +356,6 @@ nav {
       text-align: justify;
 
       blockquote {
-        font-family: "Playfair Display", serif;
-        font-family: "EB Garamond", serif;
         p {
           font-style: italic;
           line-height: 1.3;
@@ -501,14 +490,26 @@ nav {
     }
     // Story Heading
     article.storyTitle {
-      padding: 0 2em;
+      padding: 2em;
       margin-top: 10vh;
       margin-bottom: 0;
-      background: $darkgreen;
+
       h2 {
-        color: white;
+        color: black;
         margin: 0;
-        padding: 0.2em 0;
+        padding: 2em 0;
+        text-align: center;
+        border-bottom:3px double;
+        border-top:3px double;
+        font-size:30px;
+        span{
+          display: block;
+          font-style: italic;
+          font-size: 16px;
+          padding-top:16px;
+          font-weight: normal;
+
+        }
       } //h2
     } //article.storyTitle
 
@@ -527,9 +528,7 @@ nav {
 }
 #filter-wrapper {
   z-index: 99;
-
   pointer-events: auto;
-  font-family: "Pontano Sans", sans-serif;
   >label {
       display: block;
       -moz-transition: all 200ms ease-in;
@@ -733,7 +732,6 @@ justify-content: space-between;
 #legend-wrapper {
   z-index: 99;
   pointer-events: auto;
-  font-family: "Pontano Sans", sans-serif;
   >label {
       display: block;
       @include transition(all 400ms ease-in);