Chai background & copy

src/layouts/index.html

@@ -648,7 +648,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">
@@ -711,7 +711,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>
@@ -728,8 +728,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>
@@ -743,20 +753,62 @@
   </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 orange-bg two-boxes-down p-5" style="border-radius:5px;">
+  <div class="container chai-bg orange-bg p-5" style="border-radius:5px;">
     <div class="row">
       <div class="col-4">
 
       </div>
       <div class="col-8">
-        <h2 class="display-6 white">And we can't fix OSS with just any tea, we need some CHAI</h2>
-        <p class="mb-4">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>
-        <a href="#">Read more about CHAI</a>
+        <h2 class="display-6 white">And we can't fix OSS with just any tea&hellip; we need some CHAI</h2>
+        <p>The open source package registry can be thought of a directed graph, with each package version representing a node and dependency relationships as edges. An on-chain graph could align incentives between open source maintainers and users for 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 depedencies -- but we believe the aligned incentives will yield much better outcomes for our open source maintainers.</p>
+        <p class="mb-4">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 prepopulated with packages from <code class="chai-code p-1">tea</code> (300 & counting), <code class="chai-code p-1">brew</code> (6k), <code class="chai-code p-1">crates</code> (104k), <code class="chai-code p-1">PyPI</code> (300k), and <code class="chai-code p-1">npm</code> (1.6M) as nodes, and all their relationships, and pagerank scores available. 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>
+
+  .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-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>