ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 01:55:07 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Video of Max at Web Summit (#293)

Browse source 
* Add video player to 'www'

* Switch to YouTube embed + spacing

* Unnecessary script

* Added image back, moved video to section below

* Change copy, forgot to add responsive columns

* Change elipses and capitalize Homebrew

* apostrophes are elipses
This commit is contained in:
Thomas Smith 2023-03-15 18:26:51 -04:00 committed by GitHub
parent b882413589
commit f9601c70fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/layouts/index.html
View file

@ -722,18 +722,41 @@
<section>
<div class="container two-boxes-down">
<div class="row">
<div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 order-xl-1 order-lg-1 order-md-1 order-sm-2 order-2 my-auto">
<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>
<p class="lead"><span class="tea">tea</span> is one of the first legitimate use cases for blockchain technology. Just as the US dollar was once backed by gold, we're building an economy that's backed <em>by code</em>.</p>
<p>We want to fix one of tech’s biggest problems: hardworking developers <i>not</i> getting compensated for their contributions to the building blocks of the internet. By leveraging blockchain technology we can keep track of who creates & maintains what, remunerate them for their efforts with <span class="tea">tea</span> tokens, and keep FAANG corporations from building empires atop unpaid labor.</p>
</div>
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 order-xl-2 order-lg-2 order-md-2 order-sm-1 order-1 mb-4">
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 order-xl-1 order-lg-1 order-md-1 order-sm-1 order-1 mb-4">
<img src="/Images/horizon-illustration.png" class="horizon-img" alt="Over the horizon" style="border-radius:10px; width:100%;">
</div>
</div>
</div>
</section>
<section class="purple-bg">
<div class="container two-boxes">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
<h3 class="display-6 white">But videos are better than words… listen to our CEO, <a class="link-purple-bg" href="https://twitter.com/mxcl">Max</a> (creator of <a class="link-purple-bg" href="https://brew.sh/">Homebrew</a>), talk about <span class="tea">tea</span>&#39;s grand mission @ Web Summit 2022.</h3>
<p>If this talk gets you as excited about what <span class="tea">tea</span>&#39;s doing as it did us, then you should definitely head over to our GitHub repo and <a class="link-purple-bg" href="https://docs.tea.xyz/getting-started">install <span class="tea">tea</span></a> (if you haven&#39;t already). If you have… well, good on ya… have a cookie.</p>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mt-xl-0 mt-lg-0 mt-md-0 mt-sm-4 mt-4">
{{- partial "max-video.html" . -}}
</div>
</div>
</div>
</section>
<style>
.link-purple-bg:hover{
color:#1a1a1a;
}
</style>
<script>
var contributorsList = $("#contributors-list");

11
src/layouts/partials/max-video.html Normal file
View file

@ -0,0 +1,11 @@
<iframe width="100%" height="400" src="https://www.youtube.com/embed/xiq5euezOEQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<style>
iframe{
border-radius: 5px;
max-width: 700px;
margin-left:auto;
margin-right:auto;
display: block;
}
</style>