git.iko.soy/urbit.org
on master help sign in
changes to hero and top nav
428c2b8urcades
sass/_main.scss+16−7
compare with master
unifiedsplit
@@ -694,10 +694,19 @@ h1, h2, h3, h4, h5, h6 {
694 .gray8 {
694 .gray8 {
695 color: #bfbebd;
695 color: #bfbebd;
696 }
696 }
697−
697+
698− #hero {
698+ #hero {
699+ @media screen and (min-width: 60em) {
699− background-image: url(https://media.urbit.org/hero.svg);
700+ background-image: url(https://media.urbit.org/hero.svg);
700− background-position: 400px 50%;
701+ background-position: 400px 40%;
701− background-size: 50%;
702+ background-size: 85%;
702− background-repeat: no-repeat;
703+ background-repeat: no-repeat;
703− }
704+ }
705+ @media screen and (max-width: 60em) and (min-width: 40em) {
706+ background-image: url(https://media.urbit.org/hero.svg);
707+ background-position: 400px 40%;
708+ background-size: 100%;
709+ background-repeat: no-repeat;
710+ }
711+ }
712+
templates/index.html+14−3
@@ -22,12 +22,24 @@
22{% endblock description %}
22{% endblock description %}
23{% block content %}
23{% block content %}
24
24
25+<section class="full c2-12-md c3-11-lg">
26+ <div class="flex flex-row justify-between mt6 mb5">
27+ <h1 class="f4 fw4">Urbit</h1>
28+ <nav class="flex flex-row dib-m dib-l dib-xl">
29+ <a href="/install" class="dn di-m di-l di-xl f4 fw4 pv1 ph3 tc bg-yellow3-faded yellow3-new br3">Download Port</a>
30+ <a href="/docs" class="f4 fw4 pv1 ph3 tc gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
31+ <a href="/blog" class="f4 fw4 pv1 ph3 tc gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
32+ </nav>
33+ </div>
34+ <h2 class="f4 fw4 mv6">A <span class="tooltip" title="Able to do anything you can imagine a computer can do.">general purpose</span>, <span class="tooltip" title="Built from scratch for direct communication between machines - no intermediate platforms required.">peer-to-peer</span>, personal computing system.</h2>
35+</section>
36+
25<section class="full c2-12-md c2-12-lg mb6">
37<section class="full c2-12-md c2-12-lg mb6">
26− <div id="hero" class="tc tl-m tl-l tl-xl bg-white ba b--black w-100 pv6 br0">
38+ <div id="hero" class="tc tl-m tl-l tl-xl bg-white ba b--black w-100 br4 pv6 br0">
27 <div class="ml0 ml6-m ml6-l ml6-xl">
39 <div class="ml0 ml6-m ml6-l ml6-xl">
28 <div class="tc dib">
40 <div class="tc dib">
29 <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
41 <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
30− <p class="f6 fw6 gray6 mt0">The Urbit client.</p>
42+ <p class="f6 fw6 gray2 mt0 mb5">The Urbit client.</p>
31 <div id="download" class="db">
43 <div id="download" class="db">
32 <div id="download-div" class="bg-yellow3-new white br3 pv3 ph4 dib">
44 <div id="download-div" class="bg-yellow3-new white br3 pv3 ph4 dib">
33 <a id="download-info" href="https://github.com/arthyn/port/releases/latest/download/Port.dmg">
45 <a id="download-info" href="https://github.com/arthyn/port/releases/latest/download/Port.dmg">
@@ -39,7 +51,6 @@
39 </div>
51 </div>
40 </div>
52 </div>
41 </div>
53 </div>
42− <a class="db tc f6 fw6 yellow3-new mv4" href="https://github.com/urbit/urbit">View the Urbit source</a>
43 </section>
54 </section>
44
55
45<section class="full lh-copy c2-7-md c3-7-lg mb6">
56<section class="full lh-copy c2-7-md c3-7-lg mb6">