From 0269ad1424f22839857337f91c4c7272e7a2f7f7 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 20 Oct 2022 14:58:29 -0400
Subject: [PATCH] Adjusted h1 on homepage to be larger

---
 src/layouts/index.html        | 4 ++--
 src/static/css/typography.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 13fe057..f309c47 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -30,7 +30,7 @@
   <div class="container hero-container">
     <div class="row">
       <div class="col">
-        <h1>Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1>
+        <h1 class="impact">Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1>
       </div>
     </div>
     <div class="row">
@@ -223,7 +223,7 @@
         <h2>sta'tea'stics</h2>
         <p class="lead">The problem is bigger than most realize. While everyday people use software every day, very few understand that the technology underlying their daily routine is provided by uncompensated labor.</p>
         <p>Even many developers don’t fully recognize the security risks of unpaid open-source until something deep in the stack collapses, like log4J.We want to shine a light on the scale of OSS usage, both to celebrate the achievements of unsung heroes as well as highlight the need for a better way.</p><br>
-        <!-- Commenting this out until more data is available. Everything can fit on the homepage as of now. 
+        <!-- Commenting this out until more data is available. Everything can fit on the homepage as of now.
         {{- partial "detail-btn-large.html" "#" -}}
         -->
       </div>
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index 5d080ec..f385a79 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -221,6 +221,11 @@ li{
 
 @media only screen and (max-width: 576px) {
 
+  .impact{
+    font-size: 24vw !important;
+    line-height: 20.4vw;
+  }
+
   h1{
     font-size: 16vw;
     line-height: 20.4vw;