Merge pull request #311 from teaxyz/Add-CHAI-Section

Copy updated, merging

src/layouts/index.html

@@ -751,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">
@@ -814,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>
@@ -831,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>
@@ -846,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">