git.iko.soy/urbit.org
on master help sign in
changes to hero and top nav
commit428c2b841f7c23fc5e0f5adfec96ef7c3c7fb545 authorurcades <edouard@urcad.es> dateThu 27 May 2021, 09:08 (5 years ago) parentd3120e7
2 files changed+30−10
compare with master
unifiedsplit
sass/_main.scss+16−7 templates/index.html+14−3
sass/_main.scss+16−7
@@ -694,10 +694,19 @@ h1, h2, h3, h4, h5, h6 {
694694 .gray8 {
695695 color: #bfbebd;
696696 }
697−
698− #hero {
699− background-image: url(https://media.urbit.org/hero.svg);
700− background-position: 400px 50%;
701− background-size: 50%;
702− background-repeat: no-repeat;
703− }
697+
698+ #hero {
699+ @media screen and (min-width: 60em) {
700+ background-image: url(https://media.urbit.org/hero.svg);
701+ background-position: 400px 40%;
702+ background-size: 85%;
703+ background-repeat: no-repeat;
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 @@
2222{% endblock description %}
2323{% block content %}
2424
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+
2537<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">
2739 <div class="ml0 ml6-m ml6-l ml6-xl">
2840 <div class="tc dib">
2941 <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>
3143 <div id="download" class="db">
3244 <div id="download-div" class="bg-yellow3-new white br3 pv3 ph4 dib">
3345 <a id="download-info" href="https://github.com/arthyn/port/releases/latest/download/Port.dmg">
@@ -39,7 +51,6 @@
3951 </div>
4052 </div>
4153 </div>
42− <a class="db tc f6 fw6 yellow3-new mv4" href="https://github.com/urbit/urbit">View the Urbit source</a>
4354 </section>
4455
4556<section class="full lh-copy c2-7-md c3-7-lg mb6">