Merge branch 'main' into update-meta

.github/build-package-pages.sh

@@ -18,10 +18,9 @@ for row in $(jq -r '.[] | @base64' < "$1"); do
    touch "$2"/"+$full_name".md
    content="---
 type: page
-title: \"Install $(_jq '.name')\"
+title: \"$(_jq '.name')\"
 maintainer: \"$(_jq '.maintainer')\"
 Description: \"$(_jq '.desc' | tr '\"' "'")\"
-og_image: \"$(_jq '.thumb_image_url')\"
 layout: \"package-detail\"
 ---"
    echo "$content" > "$2"/"+$full_name".md

src/config.toml

@@ -5,14 +5,6 @@ title = 'Equitable Open-Source for Web3'
 # menu links via config file
 
 [menu]
-
-  [[menu.main]]
-    identifier = 'home'
-    name = 'Home'
-    title = 'home'
-    url = '/'
-    weight = 1
-
   [[menu.main]]
     identifier = 'docs'
     name = 'Docs'

src/content/_index.md

@@ -1,6 +1,7 @@
 ---
-title: "Install tea"
+title: "Home"
 Description: "the next-generation, cross‐platform package manager"
 layout: "index"
-og_image: "https://s3.amazonaws.com/www.tea.xyz/cover.png"
+menu: main
+weight: 1
 ---

src/content/careers.md

@@ -1,5 +1,5 @@
 ---
-title: "tea Careers"
+title: "Careers"
 Description: "We're Hiring! Apply Today!"
 layout: "careers"
 ---

src/content/packages.md

@@ -1,6 +1,6 @@
 ---
-title: "tea Pantry"
+title: "Pantry"
-Description: "Browse and Install Open-Source Software"
+Description: "Browse our packages"
 layout: "packages"
 menu: main
 weight: 1

src/layouts/index.html

@@ -160,6 +160,7 @@
     <div class="row">
       <div class="col">
         {{- partial "click-to-copy.html" . -}}
+        <p class="no-installer grid-gray text-center"><span class="tea">tea</span> is a stand&#8208;alone binary, see <a class="install-link" href="https://docs.tea.xyz/getting-started/install-tea/without-installer">our docs</a> for more installation methods.</p>
       </div>
     </div>
   </div>
@@ -167,6 +168,14 @@
 
 <style>
 
+    .install-link{
+      color: #00ffd0;
+    }
+
+    .install-link:hover{
+      color: #ffffff;
+    }
+
     .term-icon{
       position: relative;
       top: 3px;
@@ -276,11 +285,11 @@
       <div class="col">
           <div>
             <h2 class="black display-5 text-xl-center text-lg-center text-md-left text-sm-left text-left" style="z-index:2;">THIS ISN’T A PACKAGE MANAGER. TEA IS UNIFIED PACKAGING INFRASTRUCTURE.</h2>
-            <p class="lead black text-center">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. You can learn more about our grand ambitions for web3 by checking out our <a href="https://tea.xyz/tea.white-paper.pdf" style="color:#1a1a1a !important;">white paper here</a>.</p>
+            <p class="lead black text-xl-center text-lg-center text-md-center text-sm-left text-left">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. You can learn more about our grand ambitions for web3 by checking out our <a href="https://tea.xyz/tea.white-paper.pdf" style="color:#1a1a1a !important;">white paper here</a>.</p>
           </div>
       </div>
     </div>
-    <div class="row one-box-up">
+    <div class="row one-box-up one-box-down">
       <div class="col">
         <p class="text-xl-center text-lg-center text-md-left text-sm-left text-left black"><span class="too-much">NO. OF </span>REPOS</p>
         <h1 class="display-2 text-xl-center text-lg-center text-md-left text-sm-left text-left black"><span id="stat-one">56,987</span></h1>
@@ -301,6 +310,109 @@
   </div>
 </section>
 
+<section class="authenticate p-2 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-5 pb-xl-0 pb-lg-0 pb-md-0 pb-sm-5 pt-5 pb-5">
+  <div class="container auth-container one-box black-bg p-xl-5 p-lg-5 p-md-4 p-sm-4 p-4">
+    <div class="row">
+      <div class="col">
+          <h2 class="display-6 text-xl-center text-lg-center text-md-center text-sm-left text-left black"><span id="count" style="color:#8000ff;"></span> OSS Devs Have Authenticated with GitHub</h2>
+          <p class="black mb-5 text-xl-center text-lg-center text-md-center text-sm-left text-left">As part of our long&#8208;term, web3 vision, we&#39;re asking developers to authenticate via GitHub. Authentications will be integral in our mission to remunerate OSS developers for their valuable contributions to the modern internet landscape. </p>
+          <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz">
+            <button class="hbtn-black hb-fill-right-black auth-click">AUTHENTICATE WITH GITHUB</button>
+          </a>
+          <p class="small auth-boiler mt-3 black">By clicking above, you&#39;ll be redirected to our GitHub OAuth app. We ask for your country of residence, as well as the hex address for your web3 wallet. This information will be used to assign you a rank based on your GitHub contributions, which in turn, will be used to determine remunerations after the launch of our <span class="tea">tea</span> protocol. You can learn more about our privacy policy <a class="purple" href="/privacy-policy/">here</a>.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+
+    .auth-boiler{
+      line-height: 1.4em;
+    }
+
+    .hbtn-black {
+      background-color: #1a1a1a;
+      position: relative;
+      box-sizing: border-box;
+      height: 60px;
+      display: inline-block;
+      overflow: hidden;
+      padding: 8px 20px;
+      width: 300px;
+      text-align: center;
+      border: 1px solid #1a1a1a;
+      text-decoration: none;
+      color: rgb(225, 225, 225);
+      white-space: nowrap;
+      z-index: 0;
+    }
+
+    .hb-fill-right-black::before {
+          position: absolute;
+          content: "";
+          background: rgb(077, 077, 077);
+          transition-duration: 0.2s;
+          z-index: -1;
+          inset: 0px auto auto 0px;
+          width: 0px;
+          height: 100%;
+          opacity: 1;
+    }
+
+
+    .hb-fill-right-black:hover::before {
+          width: 100%;
+          height: 100%;
+          opacity: 1;
+    }
+
+
+    .hb-fill-right-black:hover {
+          color: rgb(255, 255, 255);
+          background: rgb(91, 0, 184);
+          transition: color 0.3s ease 0s, background 0s ease 0.3s;
+    }
+
+  @media only screen and (min-width: 576px) {
+
+    .auth-click{
+      max-width: 290px;
+      display: block;
+      margin-left:auto;
+      margin-right:auto;
+    }
+
+    .auth-container{
+      max-width: 800px;
+      margin-top: -100px;
+      border: 2px solid #1a1a1a;
+      background-color: #33ffd9;
+    }
+
+  }
+
+  @media only screen and (max-width: 576px) {
+
+    .auth-click{
+      max-width: 290px;
+      display: block;
+      margin-right:auto;
+    }
+    .auth-container{
+      max-width: 800px;
+      margin-top: -100px;
+      border: 2px solid #1a1a1a;
+      background-color: #33ffd9;
+    }
+    .authenticate{
+      background-color: #00ffd0;
+    }
+
+  }
+
+</style>
+
 <section>
   <div class="section-divider">
     <img src="/Images/pixel-section-divider-teal.svg" style="pointer-events:none;" alt="">
@@ -639,7 +751,7 @@
 </section>
 
 <section>
-  <div class="container">
+  <div class="container one-box-down">
     <div class="row">
       <div class="col">
         <img src="/Images/lg-screen-grid.svg" alt="grid-element">
@@ -702,7 +814,7 @@
 </script>
 
 <section>
-  <div class="container two-boxes-down">
+  <div class="container">
     <div class="row">
       <div class="col">
         <h2 class="display-5">OSS wouldn't work without talented contributors like you.</h2>
@@ -719,8 +831,18 @@
   </div>
 </section>
 
+<section class="one-box">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <img src="/Images/lg-screen-grid.svg" alt="grid-element">
+      </div>
+    </div>
+  </div>
+</section>
+
 <section>
-  <div class="container two-boxes-down">
+  <div class="container">
     <div class="row">
       <div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 order-xl-2 order-lg-2 order-md-2 order-sm-2 order-2 my-auto ps-xl-4 ps-lg-4">
         <h2 class="display-5">A mission to fix open-source development</h2>
@@ -734,6 +856,68 @@
   </div>
 </section>
 
+<section class="one-box">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <img src="/Images/lg-screen-grid.svg" alt="grid-element">
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="chai">
+  <div class="container">
+    <div class="row chai-bg one-box pe-xl-5 pe-lg-5" style="border-radius:5px;">
+      <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
+
+      </div>
+      <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
+        <h2 class="display-6 white chai-header">And we can't fix OSS with just any tea&hellip; we need some <span style="color:#ff8e00;">CHAI</span></h2>
+        <p>The open source package registry can be thought of as a directed graph, with each package version representing node and dependency relationships as edges. An on-chain graph could align incentives between open source maintainers and users across different projects. It can evaluate the impact of these projects based on their dependencies, and even proportionately reward them. It is difficult to design & implement such a network -- one that knows about every open source package & their dependencies -- but we believe the aligned incentives will yield much better outcomes for our open source maintainers.
+        <p>Chai_v1 is the system that collects all the nodes & edges across all package managers, and verifies the maintainers for each one. It will be pre-populated with packages from tea (300 & counting), brew (6k), crates (104k), PyPI (300k), and npm (1.6M) as nodes, and all their dependencies as edges to ascertain the impact of each one to open source. It will eventually enable users to formalize their project maintainer status with an additional commit message to the main branch of their repo.</p>
+        <a href="https://github.com/teaxyz/chai/tree/95c3b927556b8c51f72b922fe2e0222f5551fba4">
+          <button class="hbtn-light hb-light-fill-right github-click-secondary" id="chai-btn">Read more about CHAI</button>
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+  @media only screen and (min-width: 768px) {
+    .chai-bg{
+      background-image: url("/Images/chai-background.jpg") !important;
+      background-attachment: scroll;
+      background-position: left;
+      background-repeat: repeat-y;
+      background-size: cover !important;
+    }
+  }
+  .chai-header{
+    text-transform: none !important;
+  }
+  #chai-btn{
+    height: 40px;
+    width: 290px;
+    text-transform: uppercase;
+  }
+  .chai-code{
+    background-color: #1a1a1a;
+  }
+
+</style>
+
+<section class="one-box">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <img src="/Images/lg-screen-grid.svg" alt="grid-element">
+      </div>
+    </div>
+  </div>
+</section>
+
 
 <section class="purple-bg">
   <div class="container two-boxes">

src/layouts/partials/clipboard-copy-package-detail.html

@@ -1,7 +1,7 @@
 <div class="row mt-3 mb-3" onclick="myFunction()">
     <div class="col">
       <div class="input-container p-1" style="display:flex; justify-content:space-between;">
-        <input class="one-liner ms-3" type="text" value="sh <(curl tea.xyz) +{{- .full_name -}}" id="shortcodeCopy" readonly>
+        <input class="one-liner ms-3" type="text" value="sh <(curl tea.xyz) +{{- .full_name -}}&nbsp;sh" id="shortcodeCopy" readonly>
 
         <!-- The button used to copy the text -->
 
@@ -49,7 +49,7 @@
     copyText.setSelectionRange(0, 99999); // For mobile devices
 
      // Copy the text inside the text field
-    navigator.clipboard.writeText(copiedValue + " +{{- .full_name -}}");
+    navigator.clipboard.writeText(copiedValue + " +{{- .full_name -}}" + " " + "sh");
 
     document.getElementById("liveToastBtn").innerHTML = "copied!";
 

src/layouts/partials/footer-content.html

@@ -32,11 +32,9 @@
         <a href="/terms-of-use/">terms of use</a><br>
       </div>
       <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12 mt-5 ps-3" style="margin-left:auto;">
-        <!--
         <h6 class="white mb-3 mt-2">Enter your email to join our newsletter:</h6>
-          <div class="klaviyo-form-WXJy3Y mb-2"></div>
+          <div class="klaviyo-form-RqTcUf mb-2"></div>
         <p class="small grid-gray">We will never share your information with anyone else; this is just for the occasional newsletter. You can learn more by reading our <a href="/privacy-policy/" style="color:#00ffd0 !important;">privacy policy</a>. </p>
-        -->
       </div>
     </div>
     <div class="row">
@@ -49,8 +47,29 @@
 
 <style>
 
-  #email_61878536{
+  #email_52020276{
-    height: 50px !important;
+    background-color: #1a1a1a !important;
+    border: none !important;
+    color: #fff !important;
+    font-family: "inter", sans-serif !important;
+  }
+
+  #email_52020276:focus{
+    box-shadow: none !important;
+  }
+
+  #email_52020276::placeholder{
+    color: #949494 !important;
+  }
+
+  #email_52020276::selection{
+    background-color: #00ffd0 !important;
+    color: #1a1a1a !important;
+  }
+
+  .go3894874857{
+    width: 80px;
+    font-family: "inter", sans-serif !important;
   }
 
 </style>

src/layouts/partials/head.html

@@ -81,7 +81,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap" rel="stylesheet">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
-    <meta name="twitter:title" content="{{ .Params.title }}">
+    <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="{{ .Params.Description }}">
@@ -93,9 +93,9 @@
     <meta property="og:description" content="{{ .Params.Description }}" />
     <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.xyz">
+    <meta property="og:site_name" content="Tea, Inc.">
     <meta name="facebook-domain-verification" content="0fsbdl7joh0gha23zbhtovtpn0z0cl" />
-    <meta name="description" content="Install tea: the next-generation, cross‐platform package manager">
+    <meta name="description" content="The tools that build the internet have steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by enabling developers (you) to continue doing what you love, while earning what you deserve.">
 
     <!-- Hotjar Tracking Code for https://tea.xyz -->
     <script>

src/layouts/partials/package-grid.html

@@ -121,11 +121,13 @@
     if (searchInput.value) {
       const term = searchInput.value;
       const packages = getPackageThumbs();
+      for(let pkg of packages) {
+        pkg.match_score = getMatchScore(term, pkg.dataset);
+      }
       const sortedPackages = packages.sort((a, b) => {
-        const aScore = getMatchScore(term, a.dataset);
+        return b.match_score - (a ? a.match_score : 0);
-        const bScore = getMatchScore(term, b.dataset);
-        return bScore - aScore;
       });
+
       const grid = document.getElementById('packageGrid');
       grid.textContent = '';
       let searchCount = 0;
@@ -209,10 +211,11 @@
 
   function getMatchScore(term, dataset) {
     // provide higher value with name
-    const { name, description } = dataset;
+    const { name, maintainer, description } = dataset;
+    const exactMatch = [maintainer, name].join(" ").toLocaleLowerCase().includes(term.toLocaleLowerCase());
     const nameScore = stringSimilarity.compareTwoStrings(name, term);
     const descriptionScore = stringSimilarity.compareTwoStrings(description, term);
-    return (nameScore*80) + (descriptionScore*20)
+    return (nameScore*80) + (descriptionScore*20) + (exactMatch ? 100 : 0);
   }
 
   const loadMoreButton = document.getElementById('loadMorePackagesBtn');

src/layouts/partials/package-thumbnail.html

@@ -1,4 +1,4 @@
-<div class="card card-thumbnail" style="width: 100%" data-name="{{- .name -}}" data-popularity="{{- .dl_count -}}" data-last_modified="{{- .last_modified -}}" data-description="{{- .desc -}}">
+<div class="card card-thumbnail" style="width: 100%" data-name="{{- .name -}}" data-popularity="{{- .dl_count -}}" data-last_modified="{{- .last_modified -}}" data-description="{{- .desc -}}" data-maintainer="{{- .maintainer -}}">
   <a href="/+{{- lower .full_name -}}/">
     <div class="p-3">
     <figure class="card-img-top" >