Merge branch 'main' into website-version-3

src/content/launch-countdown.md

@@ -0,0 +1,5 @@
+---
+title: "Launch Countdown"
+Description: "Something new is brewing"
+layout: "launch-countdown"
+---

src/layouts/page/launch-countdown.html

@@ -0,0 +1,76 @@
+{{ define "main" }}
+
+<section class="countdown-lg-section">
+  <div class="countdown-lg-container">
+    <div class="countdown-lg-contents my-auto">
+      <img class="tea-logo mb-5" src="/Images/tea-light.svg" alt="tea logo">
+      <p class="text-center display-1" id="demoLarge"></p>
+      <p class="text-center authenticate display-6">You can still authenticate your GitHub <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz">here</a>.</p>
+    </div>
+  </div>
+</section>
+
+<style>
+
+  .countdown-section{
+    display:none;
+  }
+
+  @font-face {
+    font-family: "pp-neue-machina";
+    src: url("/fonts/PPNeueMachina-InktrapLight.woff") format("woff");
+  }
+
+  #demoLarge, .authenticate{
+    font-family: "pp-neue-machina", sans-serif;
+  }
+
+  #demoLarge,
+  .authenticate a{
+    color: #00ffd0;
+  }
+
+  .tea-logo{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 10vw;
+  }
+
+  @media only screen and (max-width: 600px) {
+    .tea-logo{
+      width: 25vw;
+    }
+  }
+
+  .navbar,
+  footer,
+  .gf-container{
+    display: none;
+  }
+
+  html,body{
+    background-color: #1a1a1a !important;
+  }
+
+  .countdown-lg-section{
+  }
+
+  .countdown-lg-container{
+    height: 100vh;
+    position: relative;
+    width: 100%;
+  }
+
+  .countdown-lg-contents{
+    width: 100%;
+    display: block;
+    position: absolute;
+    top: 50%;
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+  }
+
+</style>
+
+{{ end }}

src/layouts/page/lisbon.html

@@ -1,53 +1,56 @@
 {{ define "main" }}
 
-<section>
+<section class="hero-section pt-5 pb-5 mb-5">
   <div class="container">
     <div class="row">
-      <div class="col">
-        <h1>tea @ Web Summit</h1>
-        <p>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>
+      <div class="col hero-col">
+        <div class="hero-content">
+          <h1 class="display-1 mb-5">tea @ Web Summit 2022</h1>
+          <p class="lead">The tea’m will be in Lisbon the first week of November to meet developers, speak on stage, and celebrate the launch of tea cli! Check the schedule below for a full itinerary of tea’vents, including a speech on the FLLSTACK Stage by Max about tea’s role in shaping the future of open source. Don’t hesitate to come up and say hi - we can’t wait to meet you and have some new merchandise to share as well!</p>
+        </div>
       </div>
     </div>
   </div>
 </section>
 
+
 <hr>
 
-<section>
+<section class="mb-5">
   <div class="container">
     <div class="row">
-      <div class="col">
+      <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
         <h2>Schedule</h2>
-        <p>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.</p>
-        <table class="table">
-          <thead>
-            <tr>
-              <th scope="col">#</th>
-              <th scope="col">First</th>
-              <th scope="col">Last</th>
-              <th scope="col">Handle</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <th scope="row">1</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <th scope="row">2</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <th scope="row">3</th>
-              <td colspan="2">Larry the Bird</td>
-              <td>@twitter</td>
-            </tr>
-          </tbody>
-        </table>
+        <p class="lead">While we’re there all week to learn from and meet people, Thursday and Friday are going to be our busiest days. Don’t hesitate to come up and say hi - we can’t wait to meet you and have some new merchandise to share as well!</p>
+        <p>Thursday, November 3rd is going to be a jam-packed day in Lisbon. Not only are we releasing our command line interface, but Max will be speaking solo on the FLLSTACK stage about tea and Tim will be speaking on a panel about fundraising for tech. We will then be going out to dinner with the people who believed in our vision from day one to celebrate. The next day, we’re hosting a swanky rooftop party at Hotel Mundial that's open to any dev in the area! We only have space for 150 people though, so be sure to rsvp.</p>
+      </div>
+      <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
+        <ul class="list-group">
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="me-auto">
+              <div class="fw-bold">Thursday, Nov. 3 @ 11:30AM</div>
+              Max Howell speaks on the FLLSTACK stage.
+            </div>
+          </li>
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="me-auto">
+              <div class="fw-bold">Thursday, Nov 3 @ 2:05PM</div>
+              Panel on fundraising for tech companies on FLLSTACK stage.
+            </div>
+          </li>
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="me-auto">
+              <div class="fw-bold">Thursday Evening, Nov 3 – Investor Dinner (privatea)</div>
+              Dinner event exclusively for tea investors.
+            </div>
+          </li>
+          <li class="list-group-item d-flex justify-content-between align-items-start">
+            <div class="me-auto">
+              <div class="fw-bold">Friday, Nov 4 – 6:00PM - 9:00PM</div>
+              We're throwing a swanky tea launch party at Mundial Hotel! <a href="https://lu.ma/tealisbon" class="https://lu.ma/tealisbon" style="text-decoration:none;">RSVP here</a> or via the section below.
+            </div>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
@@ -55,14 +58,73 @@
 
 <style>
 
-  td{
-    height: 300px !important;
+  @media screen and (max-width: 576px) {
+    .hero-col{
+      height: 100% !important;
+    }
+
+    .rsvp-btn{
+      width: 100%;
+    }
+}
+
+  .list-group-item{
+    background-color: #1C1E21;
+    color: white;
+    border-color: white;
   }
 
-  table{
-    border: 2px solid white;
+  .rsvp-btn{
+    background-color: #1C1E21;
   }
 
+  .rsvp-btn:hover{
+    background-color: #292929;
+  }
+
+  .rsvp-section{
+    background-color: #54BAAB;
+  }
+
+  .dark-text{
+    color: #1C1E21;
+  }
+
+  .countdown-section{
+    display: none;
+  }
+
+  .hero-col{
+    height: 50vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .hero-section{
+    background-image: url("/Images/lisbon-web-summit-bg-dark.jpg");
+    background-color: #cccccc;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+  }
 </style>
 
+<section class="rsvp-section pt-5 pb-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-9 col-md-7 col-sm-12 col-12 mb-sm-5 mb-5 my-auto">
+        <h2 class="display-5 dark-text">RSVP for our launch party!</h2>
+        <p class="dark-text mb-4">​Join the tea’m as we celebrate the launch of tea.cli, the successor to homebrew. Hear from co-founders Max Howell and Timothy Lewis about the revolutionary new package manager, the future of open-source, and how blockchain will play a role in it. We will have an open bar, small plates, and a great opportunity to just hang out after a long week of networking. This event is open to all attendees of Websummit but RSVP now: venue capacity is only 150 people.</p>
+        <a class="btn btn-primary rsvp-btn" href="https://lu.ma/tealisbon"
+          role="button">RSVP ON LU.MA</a>
+      </div>
+      <div class="col">
+        <img class="qr-code" src="/Images/rsvp-qr-code.svgAsset 1.svg" alt="qr-code">
+      </div>
+    </div>
+  </div>
+</section>
+
 {{ end }}

src/layouts/partials/header.html

@@ -1,3 +1,4 @@
+
 <div class="offcanvas black-bg offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
   <div class="offcanvas-header">
     <h5 class="offcanvas-title" id="offcanvasRightLabel">MENU</h5>
@@ -40,4 +41,4 @@
 
   }
 
-</style>
+</style>

src/static/Images/teal-x.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2.48 2.48"><defs><style>.cls-1{fill:#54baab;}</style></defs><g id="Layer_1-2"><path class="cls-1" d="M1.49,1.24l.93-.93c.07-.07,.07-.18,0-.25s-.18-.07-.25,0l-.93,.93L.3,.05C.24-.02,.12-.02,.05,.05S-.02,.24,.05,.3l.93,.93L.05,2.17c-.07,.07-.07,.18,0,.25,.03,.03,.08,.05,.13,.05s.09-.02,.13-.05l.93-.93,.93,.93s.08,.05,.13,.05,.09-.02,.13-.05c.07-.07,.07-.18,0-.25l-.93-.93Z"/></g></svg>