Add project logo and update text on landing page

_includes/hero_header.html

@@ -1,7 +1,8 @@
 <div class="hero-header">
   <div id="header-img">
     <img src="{{site.baseurl}}/assets/img/{{ page.header_image }}" alt="" class="img-fluid">
-    <h1 class="text-white mb-4">{{ page.header_text }}</h1>
+    <!--h1 class="text-white mb-4">{{ page.header_text }}</h1-->
+    <img class="bottom-logo" src="{{site.baseurl}}/assets/img/project-logo-white.svg" />
   </div>
 
   <header id="page-header" class="hero-header bg-white">

_layouts/base.html

@@ -9,7 +9,6 @@
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
-
       gtag('config', 'G-4M0DYTDBL1');
     </script>
 

assets/css/_custom.scss

@@ -43,14 +43,16 @@ section {
       object-fit: cover;
     }
 
-    h1 {
+    h1, img.bottom-logo {
+      object-fit: contain;
       position: absolute;
       bottom: 0;
       width: 100%;
       text-align: center;
       background-color: rgba(0, 0, 0, 0.5);
       margin: 0px !important;
       padding: 1.5rem;
+      height: 12vw;
     }
   }
 
@@ -95,7 +97,7 @@ section {
       .intro-text {
         padding-top: 10px;
         > div {
-          padding: 30px;
+          padding: 30px 0;
           padding-bottom: 0;
 
           h1, h2 {
@@ -162,7 +164,7 @@ section {
       padding-bottom: 30px;
 
       .intro-text {
-        padding: 30px;
+        padding: 30px 0;
         background: $white;
         color: $gray-darker;
         padding-right: calc(8.35% + 30px);
@@ -317,7 +319,7 @@ footer.home-footer {
 .hero-header {
   #intro-section {
     .intro-text > div {
-      padding: 30px;
+      padding: 30px 0;
       background: white;
       border-radius: 8px;
     }
@@ -351,6 +353,11 @@ footer.home-footer {
         min-height: 66vh;
       }
 
+      img.bottom-logo{
+        min-height: unset;
+        height: 22vh;
+      }
+
       .header-text {
         flex-direction: column;
         font-size: 15vh;
@@ -368,7 +375,7 @@ footer.home-footer {
         position: relative;
         margin: 0;
         > div {
-          padding: 30px;
+          padding: 30px 0;
           background: white;
           border-radius: 8px;
         }

assets/dist/style.css

@@ -13028,14 +13028,16 @@ section {
   height: 65vh;
   object-fit: cover;
 }
-.hero-header #header-img h1, .hero-header #header-img .h1 {
+.hero-header #header-img h1, .hero-header #header-img .h1, .hero-header #header-img img.bottom-logo {
+  object-fit: contain;
   position: absolute;
   bottom: 0;
   width: 100%;
   text-align: center;
   background-color: rgba(0, 0, 0, 0.5);
   margin: 0px !important;
   padding: 1.5rem;
+  height: 12vw;
 }
 .hero-header #page-header {
   position: relative;
@@ -13072,7 +13074,7 @@ section {
   padding-top: 10px;
 }
 .hero-header #page-header #intro-section .intro-text > div {
-  padding: 30px;
+  padding: 30px 0;
   padding-bottom: 0;
 }
 .hero-header #page-header #intro-section .intro-text > div h1, .hero-header #page-header #intro-section .intro-text > div .h1, .hero-header #page-header #intro-section .intro-text > div h2, .hero-header #page-header #intro-section .intro-text > div .h2 {
@@ -13127,7 +13129,7 @@ section {
   padding-bottom: 30px;
 }
 .pattern-header #page-header #intro-section .intro-text {
-  padding: 30px;
+  padding: 30px 0;
   background: #fff;
   color: #646462;
   padding-right: calc(8.35% + 30px);
@@ -13240,7 +13242,7 @@ footer.home-footer .toc a, footer.home-footer .toc .container > div {
 }
 
 .hero-header #intro-section .intro-text > div {
-  padding: 30px;
+  padding: 30px 0;
   background: white;
   border-radius: 8px;
 }
@@ -13264,6 +13266,10 @@ footer.home-footer .toc a, footer.home-footer .toc .container > div {
   .hero-header #header-img img {
     min-height: 66vh;
   }
+  .hero-header #header-img img.bottom-logo {
+    min-height: unset;
+    height: 22vh;
+  }
   .hero-header #header-img .header-text {
     flex-direction: column;
     font-size: 15vh;
@@ -13279,7 +13285,7 @@ footer.home-footer .toc a, footer.home-footer .toc .container > div {
     margin: 0;
   }
   .hero-header #intro-section .intro-text > div {
-    padding: 30px;
+    padding: 30px 0;
     background: white;
     border-radius: 8px;
   }

index.md

@@ -5,7 +5,19 @@ header_pattern: p2pu-bg-dots.svg
 header_image: landing-banner.jpg
 header_text: Empowering Detroit through Digital Literacy
 hero: |
-    Want to learn important computer skills for free? The Rocket Community Fund is teaming up with Tech Goes Home from Boston, Peer to Peer University, United Way of Southeastern Michigan, and Black Tech Saturdays to help 200 people in Detroit do just that! They plan to teach useful computer skills in person, which can help you use technology more easily, find better job opportunities, and improve your life and community. If you live in Detroit and want to learn, this program could be for you!
+    Empowering Detroit's Future, One Click at a Time!
+
+    Unlock the power of technology and gain the skills you need for today's digital world. The Digital Skills Detroit Program offers free, hands-on training to help you:
+
+    - Learn essential computer and internet skills
+    - Improve your job search and career opportunities
+    - Safely navigate the online world
+    - Stay connected with family and your community
+
+    Whether you’re a beginner or looking to enhance your tech knowledge, our program provides resources and support for every skill level. Open to all Detroit residents!
+
+    Join us and take the first step toward a brighter, more connected future. Find a learning circle below or sign up to hear about future opportunities.
+
 search_title: Learning circles in Detroit
 bundles:
 - style