git.iko.soy/urbit.org
on master help sign in
index.html: hero tweak
8714ec9Matilde Park
sass/_main.scss−9
compare with master
unifiedsplit
@@ -699,17 +699,8 @@ h1, h2, h3, h4, h5, h6 {
699 }
699 }
700
700
701 #hero {
701 #hero {
702− @media screen and (min-width: 60em) {
703 background-image: url(https://media.urbit.org/hero.svg);
702 background-image: url(https://media.urbit.org/hero.svg);
704 background-position: center;
703 background-position: center;
705 background-size: 85%;
704 background-size: 85%;
706 background-repeat: no-repeat;
705 background-repeat: no-repeat;
707− }
708− @media screen and (max-width: 60em) and (min-width: 40em) {
709− background-image: url(https://media.urbit.org/hero.svg);
710− background-position: 400px 40%;
711− background-size: 100%;
712− background-repeat: no-repeat;
713− }
714 }
706 }
715−
sass/_responsive.scss−3
@@ -16,9 +16,6 @@
16 grid-template-columns: 1fr;
16 grid-template-columns: 1fr;
17 grid-template-rows: repeat(1fr);
17 grid-template-rows: repeat(1fr);
18 }
18 }
19− #hero {
20− background-blend-mode: soft-light;
21− }
22}
19}
23
20
24// custom L breakpoint classes
21// custom L breakpoint classes
templates/index.html+14−11
@@ -40,20 +40,23 @@
40</section>
40</section>
41
41
42<section class="full c2-12-md c2-12-lg mb6">
42<section class="full c2-12-md c2-12-lg mb6">
43− <img class='w-100' src="https://media.urbit.org/hero.svg" />
43+ <div id="hero" class="tc tl-m tl-l tl-xl bg-white bw2 w-100 pv6 br4">
44−
45− <div class="w-100 mt5 tc dib">
44+ <div class="w-100 tc">
45+ <div class="tc dib bg-white br4 ph4">
46− <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
46+ <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
47− <p class="f6 fw6 gray2 mt0 mb5">The Urbit client.</p>
47+ <p class="f6 fw6 gray6 mt0">The Urbit client.</p>
48− <div id="download" class="db">
48+ <div id="download" class="db">
49− <div id="download-div" class="fw5 bg-yellow3-new white br3 pv3 ph4 dib">
49+ <div id="download-div" class="bg-yellow3-new white br3 pv3 ph4 dib">
50− <a id="download-info" href="https://github.com/arthyn/port/releases/latest/download/Port.dmg">
50+ <a id="download-info" href="https://github.com/arthyn/port/releases/latest/download/Port.dmg">
51− Download for macOS
51+ Download for macOS
52− </a>
52+ </a>
53+ </div>
54+ <a class="f6 db mv3 fw6 gray6" href="/getting-started/cli">Other platforms (CLI)</a>
55+ </div>
53 </div>
56 </div>
54− <a class="f6 db mv3 fw6 gray6" href="/getting-started/cli">Other platforms (CLI)</a>
55 </div>
57 </div>
56 </div>
58 </div>
59+ <a class="db tc f6 fw6 yellow3-new mv3" href="https://github.com/urbit/urbit">View the Urbit source</a>
57</section>
60</section>
58
61
59<section class="full lh-copy c2-7-md c3-7-lg mb6">
62<section class="full lh-copy c2-7-md c3-7-lg mb6">