2024-11-22

content/css/s04.scss

@@ -1,8 +1,5 @@
 .season-4, .season-1 {
-  --newspaper-background-texture-image: url(../images/starwars.jpg);
-  --newspaper-headline-font: 'Noticia Text';
-  --newspaper-base-font: 'EB Garamond';
-  --newspaper-name-font: 'UnifrakturCook';
+  --prologue-background-texture-image: url(../images/starwars.jpg);
   font-family: "Libre Franklin";
 
   section.prologue {
@@ -10,7 +7,7 @@
     margin: 20px;
     border: black solid 1 px;
     border-radius: 10px;
-    background: var(--newspaper-background-texture-image);
+    background: var(--prologue-background-texture-image);
     background-repeat:repeat;
     background-position:center top;
     background-color:black;

content/css/s05.scss

@@ -1,3 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
+
 .season-5 {
   --newspaper-background-texture-image: url(../images/parchment.jpg);
   --newspaper-headline-font: 'Noticia Text';
@@ -13,7 +17,7 @@
     text-align: justify;
 
     p {
-      columns: 2;
+      columns: 1;
     }
 
     h1, h2, h3 {
@@ -42,7 +46,7 @@
     }
 
     // Headline
-    h1 ~ h1 {
+    h1 ~ h2 {
       font-weight:bold;
       text-transform: uppercase;
     }
@@ -51,8 +55,12 @@
       columns: 1;
       text-align: center;
     }
+
+    //Headline image
     img {
       height:400px;
+      display: block;
+      margin: 0 auto;
     }
 
   }

content/css/style.scss

@@ -2,16 +2,19 @@ $primary-color: #333;
 $secondary-color: #f0f0f0;
 @import "bootstrap";
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
-@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
 
 body {
+  .navbar {
+    padding: $spacer * .25 $spacer * .5 ;
+  }
   .navbar-brand {
     font-family: Oswald;
     text-transform: uppercase;
+    i {
+      margin-right: $spacer * .25;
+    }
   }
 
   font-family: "Libre Franklin", Helvetica, sans-serif, sans-serif;
@@ -25,6 +28,19 @@ body {
     padding: 20px 0;
   }
 
+  .hero {
+    margin-top: $spacer * .5;
+    text-align: center;
+    font-size: $font-size-base * .8;
+    h1 {
+      font-family: Oswald;
+      color: #592B1A;
+      font-weight: bold;
+      text-transform: uppercase;
+    }
+
+  }
+
   ul.campaigns {
     list-style-type: none;
 
@@ -43,6 +59,10 @@ body {
   nav {
     background-color: #333;
     overflow: hidden;
+    .navbar-brand {
+      color: #592B1A;
+      font-weight: 600;
+    }
     ul {
       list-style-type: none;
       margin: 0;
@@ -56,19 +76,36 @@ body {
       text-align: center;
       padding: 10px 12px;
       text-decoration: none;
-      font-size: 17px;
+      // font-size: 17px;
     }
 
     /* Change the color of links on hover */
     a:hover {
-      background-color: #ddd;
-      color: black;
+      // background-color: #ddd;
+      // color: black;
     }
 
     /* Add a color to the active/current link */
     a.active {
     }
+
   }
+  .card-title a {
+    color: inherit;
+    text-decoration: none;
+    &:hover {
+      color: $gray-700;
+      transition: color .2s ease-in;
+    }
+    &:not(:hover) {
+
+      transition: color .2s ease-in;
+    }
+  }
+  // .card img {
+  //   height: 150px;
+  //   width: 150px;
+  // }
 }
 
 header {