git.iko.soy/urbit.org
on master help sign in
left-aligned h1 on vid
1cdefd4Matilde Park
sass/_responsive.scss−8
compare with master
unifiedsplit
@@ -13,10 +13,6 @@
13
13
14// scaling below desktop
14// scaling below desktop
15@media all and (max-width: 60em) {
15@media all and (max-width: 60em) {
16− h1#vid-header {
17− top: 32px;
18− left: 32px;
19− }
20 body.essay {
16 body.essay {
21 article > *:not(figure):not(picture) {
17 article > *:not(figure):not(picture) {
22 grid-area: auto / 1 / auto / 12;
18 grid-area: auto / 1 / auto / 12;
@@ -33,10 +29,6 @@
33
29
34// custom XL breakpoint classes
30// custom XL breakpoint classes
35@media screen and (min-width: 60em) {
31@media screen and (min-width: 60em) {
36− h1#vid-header {
37− top: 10%;
38− margin-left: -32px;
39− }
40 .white-xl {
32 .white-xl {
41 color: #fff;
33 color: #fff;
42 }
34 }
templates/index.html+4−5
@@ -11,13 +11,12 @@ content: " ↗";
11
11
12{% block content %}
12{% block content %}
13
13
14−<h1 class="white mt0 mb0 dib db-xl tc w-100-xl fw4 absolute" id="vid-header"
15−style=" z-index: 2;">
16−Urbit is your last computer.
17−</h1>
18−
19<section class="full video-container bg-black full-bleed relative" id="video" style="
14<section class="full video-container bg-black full-bleed relative" id="video" style="
20">
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>
21 <iframe src="https://player.vimeo.com/video/365181756?background=1"
20 <iframe src="https://player.vimeo.com/video/365181756?background=1"
22 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
21 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
23"></iframe>
22"></iframe>