Merge pull request #273 from teaxyz/tagline-update

Tagline update
This commit is contained in:
Chris Waters 2023-01-19 12:30:23 -05:00 committed by GitHub
commit f737eeff10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 45 additions and 15 deletions

View file

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

View file

@ -8,7 +8,7 @@
<div class="container hero-container"> <div class="container hero-container">
<div class="row"> <div class="row">
<div class="col"> <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> </div>
<div class="row"> <div class="row">

View file

@ -5,7 +5,7 @@
<div class="container"> <div class="container">
<div class="row footer-top one-box-down"> <div class="row footer-top one-box-down">
<div class="col-lg-8 footer-content"> <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, crossplatform 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> <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="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"> <img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">

View file

@ -84,13 +84,13 @@
<meta name="twitter:title" content="tea."> <meta name="twitter:title" content="tea.">
<meta name="twitter:site" content="@teaxyz_"> <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: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, crossplatform package manager">
<meta name="twitter:creator" content="@mxcl"> <meta name="twitter:creator" content="@mxcl">
<meta property="og:url" content="http://tea.xyz" /> <meta property="og:url" content="http://tea.xyz" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:title" content="tea.xyz" /> <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, crossplatform package manager" />
<meta property="og:image" content="http://www.tea.xyz.s3-website-us-east-1.amazonaws.com/cover.png" /> <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:image:alt" content="sh &lt;(curl tea.xyz)" />
<meta property="og:site_name" content="Tea, Inc."> <meta property="og:site_name" content="Tea, Inc.">

View file

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

View file

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

View file

@ -75,6 +75,13 @@ a:hover{
/* Extra-Large Screens*/ /* Extra-Large Screens*/
@media only screen and (min-width: 1200px) { @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{ h1{
font-size: 11.5vw; font-size: 11.5vw;
line-height: 12.4vw; line-height: 12.4vw;
@ -117,6 +124,13 @@ a:hover{
@media only screen and (min-width: 992px) and (max-width: 1200px) { @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{ h1{
font-size: 14vw; font-size: 14vw;
line-height: 15vw; line-height: 15vw;
@ -159,6 +173,13 @@ a:hover{
@media only screen and (min-width: 768px) and (max-width: 992px) { @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{ h1{
font-size: 14vw; font-size: 14vw;
line-height: 15vw; line-height: 15vw;
@ -199,6 +220,13 @@ a:hover{
@media only screen and (min-width: 576px) and (max-width: 768px){ @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{ h1{
font-size: 14vw; font-size: 14vw;
line-height: 20vw; line-height: 20vw;
@ -236,8 +264,10 @@ a:hover{
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.impact{ .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{ h1{