on master help sign in
Merge pull request #190 from urbit/feat/full-video

Feat/full video

commit2e05183c2db55b43983ea700d9721927a64620c1 authorMatilde Park <matilde@tlon.io> dateWed 9 Oct 2019, 18:21 (7 years ago) parent21799fa9aed7cf
2 files changed+35−8
sass/_main.scss+18 templates/index.html+17−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+17−8
@@ -11,15 +11,24 @@ 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
18+ src="https://storage.googleapis.com/media.urbit.org/site/sea30-1440.mp4"
19+ type="video/mp4">
20+ Your browser does not support the video tag.
21+ </video>
22+
23+ <div class='grid12' style='height: 100%; width:100%;'>
24+ <div class='full c4-10-lg flex items-center align-center z10 white'>
25+ Urbit is your last computer.
26+ </div>
27+ </div>
28+ <!-- VIMEO VERSION KEPT AS SHIM -->
29+ <!-- <iframe src="https://player.vimeo.com/video/365353672?background=1"
2130 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
22−"></iframe>
31+"></iframe> -->
2332</section>
2433
2534<nav class="home full c4-10-lg mt6 mb5 grid12">