on master help sign in
left-aligned h1 on vid
commit1cdefd4d5a48ef8aa36c380d6afbd967447fa9db authorMatilde Park <matilde@tlon.io> dateWed 9 Oct 2019, 14:46 (7 years ago) parent4ffda70
2 files changed+4−13
sass/_responsive.scss−8 templates/index.html+4−5
sass/_responsive.scss−8
@@ -13,10 +13,6 @@
1313
1414// scaling below desktop
1515@media all and (max-width: 60em) {
16− h1#vid-header {
17− top: 32px;
18− left: 32px;
19− }
2016 body.essay {
2117 article > *:not(figure):not(picture) {
2218 grid-area: auto / 1 / auto / 12;
@@ -33,10 +29,6 @@
3329
3430// custom XL breakpoint classes
3531@media screen and (min-width: 60em) {
36− h1#vid-header {
37− top: 10%;
38− margin-left: -32px;
39− }
4032 .white-xl {
4133 color: #fff;
4234 }
templates/index.html+4−5
@@ -11,13 +11,12 @@ content: " ↗";
1111
1212{% block content %}
1313
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−
1914<section class="full video-container bg-black full-bleed relative" id="video" style="
2015">
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>
2120 <iframe src="https://player.vimeo.com/video/365181756?background=1"
2221 class="w-100 ma0 h-100" frameborder="0" allow="autoplay;fullscreen" allowfullscreen="" style="
2322"></iframe>