Merge pull request #151 from teaxyz/lisbon-page

Lisbon Page for Existing Site

src/content/lisbon.md

@@ -0,0 +1,5 @@
+---
+title: "tea in Lisbon"
+Description: "tea Web Summit Agenda"
+layout: "lisbon"
+---

src/layouts/page/lisbon.html

@@ -0,0 +1,127 @@
+{{ define "main" }}
+
+<section class="hero-section pt-5 pb-5 mb-5">
+  <div class="container">
+    <div class="row">
+      <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>
+
+<section class="mb-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
+        <h2>Schedule</h2>
+        <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 (excitement announcement planned)
+            </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 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>
+</section>
+
+<style>
+
+  @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;
+  }
+
+  .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-lg-0 mb-md-0 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 }}