From 60c38250c812c149f592b6112b005a52964f5f18 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 16 Sep 2022 16:32:54 -0400
Subject: [PATCH] Made package grid section into a partial

---
 src/layouts/index.html                 | 43 ++------------------------
 src/layouts/partials/package-grid.html | 42 +++++++++++++++++++++++++
 src/static/css/style.css               |  8 ++++-
 3 files changed, 51 insertions(+), 42 deletions(-)
 create mode 100644 src/layouts/partials/package-grid.html

diff --git a/src/layouts/index.html b/src/layouts/index.html
index ca19d36..28013f4 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -98,7 +98,7 @@
   <div class="container package_before">
     <div class="row">
       <div class="col">
-        <h2>a place for packages</h2>
+        <h2>Something about tea.</h2>
         <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
       </div>
@@ -110,46 +110,7 @@
 
 <!-- Package Grid -->
 
-<section>
-
-  <!-- Package Grid Header -->
-  <hr>
-    <div class="container">
-      <h2 style="margin-bottom:-20px;">package center</h2>
-    </div>
-  <hr>
-  <div class="container package-grid">
-
-    <!-- Start Package Grid -->
-
-    <div class="row package-row black-bg g-0">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-    </div>
-  </div>
-</section>
+{{- partial "package-grid.html" . -}}
 
 <!-- Package CTA Section -->
 
diff --git a/src/layouts/partials/package-grid.html b/src/layouts/partials/package-grid.html
new file mode 100644
index 0000000..94457e4
--- /dev/null
+++ b/src/layouts/partials/package-grid.html
@@ -0,0 +1,42 @@
+<!-- Package Grid -->
+
+<section>
+
+  <!-- Package Grid Header -->
+  <hr>
+    <div class="container package-grid-header">
+      <h3 style="margin-bottom:-20px;">package center</h3>
+    </div>
+  <hr>
+  <div class="container package-grid">
+
+    <!-- Start Package Grid -->
+
+    <div class="row package-row black-bg g-0">
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+        {{- partial "package-thumbnail.html" . -}}
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index d333da6..28dad36 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -292,8 +292,9 @@ hr{
 
   .impact-section{
     background-image: url("/Images/impact-section-grid.svg");
+    background-attachment: fixed;
     background-repeat: repeat-y;
-    background-size: cover;
+    background-size: contain;
     padding-top: 3.5vw;
     opacity: 1;
   }
@@ -307,6 +308,11 @@ hr{
     padding-bottom: 12.556vw;
   }
 
+  .package-grid-header{
+    padding-top:0.5vw;
+    padding-bottom: 2.9vw;
+  }
+
   .package-cta{
     background-image: url("/Images/x-large-grid.svg");
     background-attachment: fixed;