From 752f5d431c8421dcb8aa6e255a27b84a3dc1b2c9 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 3 Feb 2023 13:08:59 -0500
Subject: [PATCH] Reconfigured mobile hero section, broke desktop anomation,
 will fix

---
 src/layouts/index.html                        | 37 +++++++++++++------
 .../partials/hero-terminal-animation.html     |  2 +-
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 0d810f6..6d19262 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -56,25 +56,31 @@
   }
 
   @media only screen and (max-width: 768px) {
-    .mobile-ctas{
+    .mobile-ctas,
+    .mobile-term-loc{
       visibility: visible;
     }
-    .desktop-ctas{
+    .desktop-ctas,
+    .boilerplate,
+    .hero-description,
+    .hero-lead,
+    .desktop-term-loc{
       display:none;
     }
-    .boilerplate{
-      display:none;
-    }
-    .hero-description{
-      display:none;
+    .hero-text,
+    .mobile-lead{
+      text-align:center;
     }
   }
 
   @media only screen and (min-width: 768px) {
-    .mobile-ctas{
+    .mobile-ctas,
+    .mobile-lead,
+    .mobile-term-loc{
       display:none;
     }
-    .desktop-ctas{
+    .desktop-ctas,
+    .desktop-term-loc{
       visibility: visible;
     }
   }
@@ -85,16 +91,23 @@
   <div class="container">
     <div class="row gx-5">
       <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 my-auto">
-        <h1 class="display-1" style="z-index:3; position: relative;"><span class="inner-glow ">Invisible</span> yet <span class="callout white">powerful</span></h1>
-          <p class="lead">Upgrade to Tea - the revolutionary, cross-platform package manager. Say goodbye to slow & clunky, and say hello to fast & smooth updates. From the creator of Brew.</p>
+        <h1 class="display-1 hero-text" style="z-index:3; position: relative;"><span class="inner-glow ">Invisible</span> yet <span class="callout white">powerful</span></h1>
+          <p class="lead hero-lead">Upgrade to Tea - the revolutionary, cross-platform package manager. Say goodbye to slow & clunky, and say hello to fast & smooth updates. From the creator of Brew.</p>
+          <p class="lead mobile-lead mb-5">tea/cli... from the creator of <a href="https://brew.sh/" target="_blank">brew</a></p>
           <p class="mb-5 hero-description">Introducing tea, the cross-platform package manager of the future. Say goodbye to slow package managers. With tea, simply type commands and it takes care of the rest. Get the latest version easily and support specific tool versions for different projects. Encoding dependencies in the README makes it readable by humans and tea, providing easier access for users. Experience better package management with tea.</p>
+          <div class="mobile-term-loc mb-4">
+            {{- partial "hero-terminal-animation.html" -}}
+          </div>
+          <p class="light-gray"><strong>Dev tools are best domonstrated on desktop.</strong> But we get it... you're out and about (or in the loo), so drop us your email or follow us on Twitter so you can be reminded when you're back at your desk.</p>
 
           {{- partial "main-ctas.html" -}}
 
           <p class="small dark-gray mb-5 boilerplate">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>
       <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
-        {{- partial "hero-terminal-animation.html" -}}
+        <div class="desktop-term-loc">
+          {{- partial "hero-terminal-animation.html" -}}
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/layouts/partials/hero-terminal-animation.html b/src/layouts/partials/hero-terminal-animation.html
index f936592..34e3782 100644
--- a/src/layouts/partials/hero-terminal-animation.html
+++ b/src/layouts/partials/hero-terminal-animation.html
@@ -10,7 +10,7 @@
         <button class="hbtn hb-fill-right" id="copy-button">Copy</button>
       </div>
   </div>
-    <div class="p-5">
+    <div class="p-xl-5 p-lg-5 p-md-3 p-sm-3 p-3">
       <div class="terminal-content">
         <code id="terminal-output"></code>
         <p id="terminal-input"></p>