git.iko.soy/urbit.org
on master help sign in
video full screen
commitddd29f4a5fb4cdc754ee6b78eca8a8edadc0d17c authorGavin Atkinson <gvnatknsn@protonmail.com> dateWed 9 Oct 2019, 15:10 (7 years ago) parent21799fa
2 files changed+33−8
compare with master
unifiedsplit
sass/_main.scss+18 templates/index.html+15−8
sass/_main.scss+18
@@ -533,3 +533,21 @@ hr {
533533.scroll-smooth {
534534 scroll-behavior: smooth;
535535}
536+
537+.vid-insert-wrap {
538+ position: relative;
539+ width: 100vw;
540+ height: 850px;
541+}
542+
543+.vid-insert {
544+ position: absolute;
545+ right: 0;
546+ bottom: 0;
547+ // USE CONTAINER TO CONTROL HEIGHT + WIDTH
548+ width: 100%;
549+ height: 100%;
550+ object-fit: cover;
551+ overflow: hidden;
552+ z-index:-99;
553+}
templates/index.html+15−8
@@ -11,15 +11,22 @@ content: " ↗";
1111
1212{% block content %}
1313
14−<section class="full video-container bg-black full-bleed relative" id="video" style="
15−">
16−<h1 class="white mt0 mb0 dib fw4 absolute" id="vid-header"
17−style="z-index: 2; top: 50%;">
18−Urbit is your last computer.
19−</h1>
20− <iframe src="https://player.vimeo.com/video/365181756?background=1"
14+<section class="full p0 vid-insert-wrap full-bleed">
15+
16+ <video class="vid-insert bg-black" autoplay muted loop>
17+ <source src="https://storage.cloud.google.com/media.urbit.org/site/sea30-1440.mp4?organizationId=435847632524" type="video/mp4">
18+ Your browser does not support the video tag.
19+ </video>
20+
21+ <div class='grid12' style='height: 100%; width:100%;'>
22+ <div class='c4-10-lg flex items-center align-center z10 white'>
23+ Urbit is your last computer.
24+ </div>
25+ </div>
26+ <!-- VIMEO VERSION KEPT AS SHIM -->
27+ <!-- <iframe src="https://player.vimeo.com/video/365353672?background=1"
2128 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
22−"></iframe>
29+"></iframe> -->
2330</section>
2431
2532<nav class="home full c4-10-lg mt6 mb5 grid12">