mirror of
https://github.com/ivabus/www
synced 2024-11-22 13:55:05 +03:00
Lisbon page in new style
This commit is contained in:
Thomas Smith
parent
943d67d380
commit
c41be24ebf
4 changed files with 48 additions and 78 deletions
|
|
@ -1,12 +1,14 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<section class="hero-section pt-5 pb-5 mb-5">
|
||||
<section class="two-boxes">
|
||||
<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>
|
||||
<h1>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>
|
||||
<img class="xl-grid-element" src="/Images/xl-grid-element.svg" alt="grid-element">
|
||||
{{- partial "mobile-grid-element" -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -16,41 +18,36 @@
|
|||
|
||||
<hr>
|
||||
|
||||
<section class="mb-5">
|
||||
<section class="two-boxes">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
|
||||
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto schedule-content">
|
||||
<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.
|
||||
</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 class="agenda-container">
|
||||
<div class="agenda-item p-lg-5 p-md-5 p-sm-4 p-4">
|
||||
<h4>Thursday, Nov. 3 @ 11:30AM</h4>
|
||||
<p>Max Howell speaks on the FLLSTACK stage.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="agenda-item p-lg-5 p-md-5 p-sm-4 p-4">
|
||||
<h4>Thursday, Nov 3 @ 2:05PM</h4>
|
||||
<p>Panel on fundraising for tech companies on FLLSTACK stage.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="agenda-item p-lg-5 p-md-5 p-sm-4 p-4">
|
||||
<h4>Thursday Evening, Nov 3 – Investor Dinner (privatea)</h4>
|
||||
<p>Dinner event exclusively for tea investors.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="agenda-item p-lg-5 p-md-5 p-sm-4 p-4">
|
||||
<h4>Friday, Nov 4 – 6:00PM - 9:00PM</h4>
|
||||
<p>We're throwing a swanky tea launch party at Mundial Hotel! <a href="https://lu.ma/tealisbon">RSVP here</a> or via the section below.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -58,70 +55,40 @@
|
|||
|
||||
<style>
|
||||
|
||||
@media screen and (max-width: 576px) {
|
||||
.hero-col{
|
||||
height: 100% !important;
|
||||
.agenda-container{
|
||||
border: 2px solid #949494;;
|
||||
}
|
||||
|
||||
.agenda-item p{
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
|
||||
.schedule-content{
|
||||
margin-bottom: 75px !important;
|
||||
}
|
||||
|
||||
.rsvp-btn{
|
||||
width: 100%;
|
||||
.xl-grid-element{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.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>
|
||||
|
||||
<hr>
|
||||
|
||||
<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>
|
||||
<button onClick="location.href='https://lu.ma/tealisbon'" class="detail-btn-large"><i class="icon-enter-arrow"></i>RSVP ON LU.MA</button>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class="qr-code" src="/Images/rsvp-qr-code.svgAsset 1.svg" alt="qr-code">
|
||||
<img class="qr-code" src="/Images/lisbon-qr-code-teal.svg" alt="qr-code">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
1
src/layouts/partials/mobile-grid-element.html
Normal file
1
src/layouts/partials/mobile-grid-element.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
|
||||
1
src/static/Images/lisbon-qr-code-teal.svg
Normal file
1
src/static/Images/lisbon-qr-code-teal.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
1
src/static/Images/xl-grid-element.svg
Normal file
1
src/static/Images/xl-grid-element.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
Loading…
Reference in a new issue