From 9cd79460f85da3ed21caa33292ae0a1653b8fb8d Mon Sep 17 00:00:00 2001 From: Dirk Uys Date: Thu, 19 Sep 2024 11:50:13 +0200 Subject: [PATCH] Add project logo and update text on landing page --- _includes/hero_header.html | 3 +- _layouts/base.html | 1 - assets/css/_custom.scss | 17 ++- assets/dist/style.css | 16 ++- assets/img/project-logo-white.svg | 211 ++++++++++++++++++++++++++++++ index.md | 14 +- 6 files changed, 249 insertions(+), 13 deletions(-) create mode 100644 assets/img/project-logo-white.svg diff --git a/_includes/hero_header.html b/_includes/hero_header.html index 27c72fd..18832f8 100644 --- a/_includes/hero_header.html +++ b/_includes/hero_header.html @@ -1,7 +1,8 @@
-

{{ page.header_text }}

+ +
diff --git a/_layouts/base.html b/_layouts/base.html index dc57870..8a69c40 100755 --- a/_layouts/base.html +++ b/_layouts/base.html @@ -9,7 +9,6 @@ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); - gtag('config', 'G-4M0DYTDBL1'); diff --git a/assets/css/_custom.scss b/assets/css/_custom.scss index 896fbde..5b8e207 100644 --- a/assets/css/_custom.scss +++ b/assets/css/_custom.scss @@ -43,7 +43,8 @@ section { object-fit: cover; } - h1 { + h1, img.bottom-logo { + object-fit: contain; position: absolute; bottom: 0; width: 100%; @@ -51,6 +52,7 @@ section { 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; } diff --git a/assets/dist/style.css b/assets/dist/style.css index 28440d8..fea2006 100644 --- a/assets/dist/style.css +++ b/assets/dist/style.css @@ -13028,7 +13028,8 @@ 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%; @@ -13036,6 +13037,7 @@ section { 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; } diff --git a/assets/img/project-logo-white.svg b/assets/img/project-logo-white.svg new file mode 100644 index 0000000..7090527 --- /dev/null +++ b/assets/img/project-logo-white.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.md b/index.md index 3d4d86c..9e1c58b 100755 --- a/index.md +++ b/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