git.iko.soy/urbit.org
on master help sign in
index.html: amend hero, colours
89afc85Matilde Park
sass/_main.scss+19
compare with master
unifiedsplit
@@ -714,10 +714,29 @@ h1, h2, h3, h4, h5, h6 {
714 color: #FFC700;
714 color: #FFC700;
715}
715}
716
716
717+.bg-yellow3-new {
718+ background-color: #D7AC14;
719+}
720+
721+.yellow3-new {
722+ color: #D7AC14;
723+}
724+
725+.bg-yellow3-faded {
726+ background-color: rgba(#D7AC14,0.05);
727+}
728+
717.bg-gray7 {
729.bg-gray7 {
718 background-color: #EFEEEC;
730 background-color: #EFEEEC;
719}
731}
720
732
721.gray8 {
733.gray8 {
722 color: #bfbebd;
734 color: #bfbebd;
735+}
736+
737+#hero {
738+ background-image: url('https://storage.googleapis.com/media.urbit.org/Illustration.png');
739+ background-position: right;
740+ background-size: contain;
741+ background-repeat: no-repeat;
723}
742}
sass/_responsive.scss+2−2
@@ -16,8 +16,8 @@
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− footer.full-bleed {
19+ #hero {
20− padding: 8rem 2rem;
20+ background-blend-mode: soft-light;
21 }
21 }
22}
22}
23
23
templates/index.html+12−7
@@ -26,7 +26,7 @@
26 <div class="flex flex-row justify-between mv5">
26 <div class="flex flex-row justify-between mv5">
27 <h1 class="f3">Urbit</h1>
27 <h1 class="f3">Urbit</h1>
28 <nav class="flex flex-row dib-m dib-l dib-xl">
28 <nav class="flex flex-row dib-m dib-l dib-xl">
29− <a href="/install" class="dn di-m di-l di-xl f3 pv1 ph3 tc fw6 bg-blue0-new blue2-new br3 ">Download Port</a>
29+ <a href="/install" class="dn di-m di-l di-xl f3 pv1 ph3 tc fw6 bg-yellow3-faded yellow3-new br3 ">Download Port</a>
30 <a href="/docs" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
30 <a href="/docs" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
31 <a href="/blog" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
31 <a href="/blog" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
32 </nav>
32 </nav>
@@ -35,14 +35,17 @@
35</section>
35</section>
36
36
37<section class="full c2-12-md c2-12-lg mb5">
37<section class="full c2-12-md c2-12-lg mb5">
38−<div class="tc tl-m tl-l tl-xl bg-white ba b--gray5 bw2 w-100 pv6 br4">
38+<div id="hero" class="tc tl-m tl-l tl-xl bg-gray7 ba b--gray5 bw2 w-100 pv6 br4">
39 <div class="ml0 ml6-m ml6-l ml6-xl">
39 <div class="ml0 ml6-m ml6-l ml6-xl">
40+ <div class="tc dib">
40− <h1 class="tracked-tight" style="font-size: 100px;">Port</h1>
41+ <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
42+ <p class="f6 fw6 gray6 mt0">The Urbit client.</p>
41 <div id="download" class="db">
43 <div id="download" class="db">
42− <div id="download-div" class="bg-blue3-new white br3 pv3 ph4 dib">
44+ <div id="download-div" class="bg-yellow3-new white br3 pv3 ph4 dib">
43 <a id="download-info" href="https://github.com/arthyn/taisho/releases/latest/download/taisho.dmg">
45 <a id="download-info" href="https://github.com/arthyn/taisho/releases/latest/download/taisho.dmg">
44− Download for macOS
46+ Download for macOS
45− </a>
47+ </a>
48+ </div>
46 </div>
49 </div>
47 </div>
50 </div>
48 </div>
51 </div>
@@ -93,7 +96,9 @@
93 </li>
96 </li>
94 {% endfor %}
97 {% endfor %}
95 </div>
98 </div>
96− <h1 class="mv4 gray6 f3">Check out other <a href="/blog" class="green2-new">posts</a> or <a href="/events" class="green2-new">events</a>.</h1>
99+ <h1 class="mv5 f3">Check out other <a href="/blog" class="green2-new">posts</a> or <a href="/events" class="green2-new">events</a>.</h1>
100+ <h1 class="mb6 f3">
101+ <a href="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2" class="blue2-new">Subscribe to the Urbit Newsletter</a> to receive monthly updates.</h1>
97</section>
102</section>
98{% include "partials/footer.html" %}
103{% include "partials/footer.html" %}
99{% endblock content %}
104{% endblock content %}
templates/partials/footer.html+1−1
@@ -76,7 +76,7 @@
76 </li>
76 </li>
77 </nav>
77 </nav>
78 <a class="gray6 full c1-5-lg c1-5-md f3 fw6" href="/privacy">Privacy Policy</a>
78 <a class="gray6 full c1-5-lg c1-5-md f3 fw6" href="/privacy">Privacy Policy</a>
79− <a class="gray6 f3 full c5-9-lg c5-9-md fw6" href="/terms-of-use">Terms of Service</a>
79+ <a class="gray6 f3 full c5-9-lg c5-9-md fw6 mv3 mv0-l mv0-xl" href="/terms-of-use">Terms of Service</a>
80 <a class="gray6 f3 full c9-13-lg c9-13-md fw6 mb6" href="mailto:support@urbit.org">support@urbit.org</a>
80 <a class="gray6 f3 full c9-13-lg c9-13-md fw6 mb6" href="mailto:support@urbit.org">support@urbit.org</a>
81 </section>
81 </section>
82</footer>
82</footer>