Merge pull request #273 from teaxyz/tagline-update

Tagline update

src/content/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Home"
-Description: "tea.xyz is a feature-rich, delightful unified package manager that will revolutionize open-source development"
+Description: "the next-generation, cross‐platform package manager"
 layout: "index"
 menu: main
 weight: 1

src/layouts/index.html

@@ -8,7 +8,7 @@
   <div class="container hero-container">
     <div class="row">
       <div class="col">
-        <h1 class="impact" style="z-index:3; position: relative;">TEA <span class="white">CLI</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> HERE.</span></h1>
+        <h1 class="impact" style="z-index:3; position: relative;">the next&#8208;generation, cross&#8208;platform <span class="white">package manager</span></h1>
       </div>
     </div>
     <div class="row">

src/layouts/partials/footer.html

@@ -5,7 +5,7 @@
   <div class="container">
       <div class="row footer-top one-box-down">
         <div class="col-lg-8 footer-content">
-          <h4>Changing the way you build. And what happens after you build it.</h4>
+          <h4>the next-generation, cross‐platform package manager</h4>
           <p>tea.cli is a delightful package manager that gets out of your way and sets you up for a joyful development process. <a class="teal" href="#">You can install it today</a>. <!--Our web3 protocol will create an OSS ecosystem that is safer for all users, and fair for all maintainers. Read our <a class="teal" href="#">white paper</a> here.--></p>
           <img class="footer-grid" src="/Images/footer-grid-element.svg" alt="tea.grid">
           <img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">

src/layouts/partials/head.html

@@ -84,13 +84,13 @@
     <meta name="twitter:title" content="tea.">
     <meta name="twitter:site" content="@teaxyz_">
     <meta name="twitter:image" content="http://www.tea.xyz.s3-website-us-east-1.amazonaws.com/cover.png">
-    <meta name="twitter:description" content=" tea.xyz is a feature-rich, delightful unified package manager that will revolutionize open-source development">
+    <meta name="twitter:description" content="the next-generation, cross‐platform package manager">
     <meta name="twitter:creator" content="@mxcl">
 
     <meta property="og:url" content="http://tea.xyz" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="tea.xyz" />
-    <meta property="og:description" content="tea.xyz is a feature-rich, delightful unified package manager that will revolutionize open-source development" />
+    <meta property="og:description" content="the next-generation, cross‐platform package manager" />
     <meta property="og:image" content="http://www.tea.xyz.s3-website-us-east-1.amazonaws.com/cover.png" />
     <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
     <meta property="og:site_name" content="Tea, Inc.">

src/layouts/partials/mobile-art-home.html

@@ -5,7 +5,7 @@
     width:57vw;
     height: 19.3vw;
     left: 6.8vw;
-    margin-top:173vw;
+    margin-top:161.8vw;
     z-index: 1;
     background-image: url("/Images/gen-art/orange-pattern.jpg");
     background-position: center;
@@ -18,7 +18,7 @@
     width:36vw;
     height: 19.3vw;
     right: 6.8vw;
-    margin-top:183vw;
+    margin-top:171.5vw;
     z-index: 3;
     background-image: url("/Images/gen-art/gen-art-_0010_DALL·E 2022-09-01 10.48.33 - bright blue and green _It’s time we stop robbing Peter to pay Mark and Jeff._.jpg");
     background-position: center;

src/static/css/homepage.css

@@ -142,8 +142,8 @@ mark{
     background-image: url("/Images/x-large-grid-generative-art.png") !important;
     background-attachment: scroll;
     background-position: top;
-    background-repeat: repeat;
+    background-repeat: repeat-y;
-    background-size: cover;
+    background-size: cover !important;
   }
 
   .lead-text-container{
@@ -235,8 +235,8 @@ mark{
     background-image: url("/Images/large-grid-generative-art.png") !important;
     background-attachment: scroll;
     background-position: top;
-    background-repeat: repeat;
+    background-repeat: repeat-y !important;
-    background-size: cover;
+    background-size: contain !important;
   }
 
   .lead-text-container{
@@ -291,8 +291,8 @@ mark{
     background-image: url("/Images/large-grid-generative-art.png") !important;
     background-attachment: scroll;
     background-position: top;
-    background-repeat: repeat;
+    background-repeat: repeat-y !important;
-    background-size: cover;
+    background-size: contain !important;
   }
 
   .lead-text-container{

src/static/css/typography.css

@@ -75,6 +75,13 @@ a:hover{
 /* Extra-Large Screens*/
 @media only screen and (min-width: 1200px) {
 
+  .impact{
+    font-size: 7.812vw !important;
+    line-height: 8.3vw!important;
+    margin-top: 2vw !important;
+    margin-bottom: 1vw !important;
+  }
+
   h1{
     font-size: 11.5vw;
     line-height: 12.4vw;
@@ -117,6 +124,13 @@ a:hover{
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
+  .impact{
+    font-size: 8.5vw !important;
+    line-height: 9.9vw!important;
+    margin-top: 4vw !important;
+    margin-bottom: 1.9vw !important;
+  }
+
   h1{
     font-size: 14vw;
     line-height: 15vw;
@@ -159,6 +173,13 @@ a:hover{
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
 
+  .impact{
+    font-size: 8.5vw !important;
+    line-height: 9.9vw!important;
+    margin-top: 4vw !important;
+    margin-bottom: 1.2vw !important;
+  }
+
   h1{
     font-size: 14vw;
     line-height: 15vw;
@@ -199,6 +220,13 @@ a:hover{
 
 @media only screen and (min-width: 576px) and (max-width: 768px){
 
+  .impact{
+    font-size: 12vw !important;
+    line-height: 13.3vw!important;
+    margin-top: 0vw !important;
+    margin-bottom: 2vw !important;
+  }
+
   h1{
     font-size: 14vw;
     line-height: 20vw;
@@ -236,8 +264,10 @@ a:hover{
 @media only screen and (max-width: 576px) {
 
   .impact{
-    font-size: 22vw !important;
+    font-size: 12vw !important;
-    line-height: 22vw !important;
+    line-height: 13.3vw!important;
+    margin-top: 0vw !important;
+    margin-bottom: 2vw !important;
   }
 
   h1{