git.iko.soy/urbit.org
on master help sign in
index.html: amend hero, colours
commit89afc85c6d98b6a4568c1ed358d54fb9a2bee238 authorMatilde Park <matilde@tlon.io> dateMon 24 May 2021, 21:25 (5 years ago) parentd6f3fd5
4 files changed+34−10
compare with master
unifiedsplit
sass/_main.scss+19 sass/_responsive.scss+2−2 templates/index.html+12−7 templates/partials/footer.html+1−1
sass/_main.scss+19
@@ -714,10 +714,29 @@ h1, h2, h3, h4, h5, h6 {
714714 color: #FFC700;
715715}
716716
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+
717729.bg-gray7 {
718730 background-color: #EFEEEC;
719731}
720732
721733.gray8 {
722734 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;
723742}
sass/_responsive.scss+2−2
@@ -16,8 +16,8 @@
1616 grid-template-columns: 1fr;
1717 grid-template-rows: repeat(1fr);
1818 }
19− footer.full-bleed {
20− padding: 8rem 2rem;
19+ #hero {
20+ background-blend-mode: soft-light;
2121 }
2222}
2323
templates/index.html+12−7
@@ -26,7 +26,7 @@
2626 <div class="flex flex-row justify-between mv5">
2727 <h1 class="f3">Urbit</h1>
2828 <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>
3030 <a href="/docs" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
3131 <a href="/blog" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
3232 </nav>
@@ -35,14 +35,17 @@
3535</section>
3636
3737<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">
3939 <div class="ml0 ml6-m ml6-l ml6-xl">
40− <h1 class="tracked-tight" style="font-size: 100px;">Port</h1>
40+ <div class="tc dib">
41+ <h1 class="tracked-tight dib" style="font-size: 100px;">Port</h1>
42+ <p class="f6 fw6 gray6 mt0">The Urbit client.</p>
4143 <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">
4345 <a id="download-info" href="https://github.com/arthyn/taisho/releases/latest/download/taisho.dmg">
44− Download for macOS
45− </a>
46+ Download for macOS
47+ </a>
48+ </div>
4649 </div>
4750 </div>
4851 </div>
@@ -93,7 +96,9 @@
9396 </li>
9497 {% endfor %}
9598 </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>
97102</section>
98103{% include "partials/footer.html" %}
99104{% endblock content %}
templates/partials/footer.html+1−1
@@ -76,7 +76,7 @@
7676 </li>
7777 </nav>
7878 <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>
8080 <a class="gray6 f3 full c9-13-lg c9-13-md fw6 mb6" href="mailto:support@urbit.org">support@urbit.org</a>
8181 </section>
8282</footer>