on master help sign in
Homepage
7c127daMatilde Park
sass/_main.scss+6−2
@@ -63,11 +63,15 @@ nav {
63 &.no-break {
63 &.no-break {
64 min-width: 168px;
64 min-width: 168px;
65 }
65 }
66− &.home ul li {
66+ &.home li:not(.mt4):not(.mt3) {
67 margin-top: 8px;
67 margin-top: 8px;
68 margin-bottom: 8px;
68 margin-bottom: 8px;
69 }
69 }
70}
70}
71+.full-bleed {
72+ margin: 0 -32px 0 -32px;
73+ padding: 0 32px 0 32px;
74+}
71
75
72a {
76a {
73 color: inherit;
77 color: inherit;
@@ -386,7 +390,7 @@ body.page-indiced {
386 @extend .gray2;
390 @extend .gray2;
387 }
391 }
388 nav:not(.search-overlay) {
392 nav:not(.search-overlay) {
389− max-height: 100vh;
393+ max-height: 100%;
390 overflow-y: scroll;
394 overflow-y: scroll;
391 }
395 }
392 a.current {
396 a.current {
sass/_responsive.scss+6
@@ -10,4 +10,10 @@
10 nav.next {
10 nav.next {
11 left: 16px !important;
11 left: 16px !important;
12 }
12 }
13+}
14+
15+@media all and (min-width: 46.875rem) {
16+ h2#updates {
17+ margin-top: 9.3rem;
18+ }
13}
19}
templates/index.html+71−14
@@ -8,32 +8,49 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
8
8
9{% block title %} {{ section.title }} {% endblock title %}
9{% block title %} {{ section.title }} {% endblock title %}
10{% block content %}
10{% block content %}
11−<nav class="home full fourth-1-md fourth-1-lg mt4">
11+<nav class="home full fourth-1-md fourth-1-lg mt4 mb5">
12− <h1 class="mb2 mt2 fw4">Urbit is your last computer</h1>
12+ <h1 class="mb4 mt2 fw4">Urbit is your last computer</h1>
13 <h3>What is Urbit?</h3>
13 <h3>What is Urbit?</h3>
14 <ul>
14 <ul>
15− <li>Project Overview</li>
15+ <li>Introduction</li>
16 <li>Interface</li>
16 <li>Interface</li>
17 <li>Infrastructure</li>
17 <li>Infrastructure</li>
18− <li><a href="https://azimuth.network">Azimuth</a></li>
19 </ul>
18 </ul>
19+ <li class="mt4"><a class="fw6" href="/faq/">FAQ</a></li>
20+ <li class="mt3"><a class="fw6" href="/updates/">Updates</a></li>
21+ <li class="mt3"><a class="fw6" href="/essays">Essays</a></li>
22+ <li class="mt3"><a class="fw6" href="/media">Media</a></li>
20− <h3 class="mt2">Contributing</h3>
23+ <h3 class="mt4">Contributing</h3>
21 <ul>
24 <ul>
22 <li>How can I help?</li>
25 <li>How can I help?</li>
23− <li>Operating Galaxies and Stars</li>
26+ <li>Galaxies and Stars</li>
24− <li>Governance</li>
27+ <li>Developing on Urbit</li>
28+ <li><a href="https://grants.urbit.org">Grants and Bounties</a></li>
25 </ul>
29 </ul>
26− <h3 class="mt2">Learn</h3>
30+ <h3 class="mt4">Try Urbit</h3>
27 <ul>
31 <ul>
28− <li><a href="/essays">Essays</a></li>
32+ <li>Install</li>
29− <li><a href="/media">Media</a></li>
33+ <li>Using Landscape</li>
30− <li><a href="/faq/">FAQ</a></li>
34+ <li>Using CLI</li>
35+ <li>Using Bridge</li>
36+ <li>Invite Friends</li>
31 </ul>
37 </ul>
32− <h3 class="mt2">Developers</h3>
38+ <h3 class="mt4">Operations</h3>
33 <ul>
39 <ul>
34− <li><a href="/docs">Documentation</a></li>
40+ <li>Urbit Administration</li>
41+ <li>Creating a Comet</li>
42+ <li>DNS Proxying</li>
43+ <li>Messaging</li>
44+ <li>Shell</li>
45+ <li>Filesystem</li>
46+ </ul>
47+ <h3 class="mt4">Develop</h3>
48+ <ul>
49+ <li>Creating a Development Ship</li>
50+ <li>Community Tutorials</li>
35 </ul>
51 </ul>
36</nav>
52</nav>
53+<!-- "Latest posts" sidebar. Latest mockups don't have this. Delete if entering production.
37<aside class="mt4 fourth-3-md fourth-3-lg full">
54<aside class="mt4 fourth-3-md fourth-3-lg full">
38 <section class="mt2 mb2"><h3>Latest Posts</h3>
55 <section class="mt2 mb2"><h3>Latest Posts</h3>
39 {% set s = get_section(path="updates/_index.md") %}
56 {% set s = get_section(path="updates/_index.md") %}
@@ -56,8 +73,48 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
56 {% endfor %}
73 {% endfor %}
57 </section>
74 </section>
58</aside>
75</aside>
76+-->
59 <!-- footer -->
77 <!-- footer -->
60− {% include "partials/footer.html" %}
78+ <footer class="full-bleed mt4 grid12 bg-black white full">
79+ <nav class="home mt4 mb4 full fourth-1-md fourth-1-lg">
80+ <p class="mt5 mb5">Urbit is built by Tlon</p>
81+ <h2 class="mb3">Company</h2>
82+ <li><a href="/tos">Terms of Service</a></li>
83+ <li><a href="/privacy">Privacy Policy</a></li>
84+ <li>Careers</li>
85+ <li><a href="https://tlon.io">Tlon.io</a></li>
86+
87+ <h2 class="mt4">Need Help?</h2>
88+ <li><a href="mailto:support@urbit.org">support@urbit.org↗</a></li>
89+ <li><a href="https://twitter.com/urbit">twitter.com/urbit</a></li>
90+ <li><a href="https://github.com/urbit">github.com/urbit</a></li>
91+ </nav>
92+ <aside class="fourth-3-md fourth-3-lg full mt4">
93+ <!-- In the name of lining it up with "Company", gotta break the
94+ powers of two. -->
95+ <h2 id="updates" class="mt2">
96+ Updates
97+ </h2>
98+ <p class="lh-copy">Every month we send an email with community events and what we're up to.</p>
99+ <iframe name="nothing" style="display:none;"></iframe>
100+ <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form" target="_blank" novalidate>
101+ <div class="input-group" id="mc_embed_signup_scroll">
102+ <div class="mc-field-group">
103+ <small class="mb1 dib">Receiving Email Address</small>
104+ <input class="bg-black white b--white ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
105+ </div>
106+ <div id="mce-responses" class="clear">
107+ <div id="mce-error-response" class="response" style="display:none"></div>
108+ <div id="mce-success-response" class="response" style="display:none"></div>
109+ </div>
110+ <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value=""></div>
111+ <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between black w-100 tl" style="font-family: 'Inter', san-serif; padding: 16px; -webkit-appearance: none;" type="submit" name="subscribe">
112+ <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
113+ </button>
114+ </div>
115+ </form>
116+ </aside>
117+ </footer>
61 </div>
118 </div>
62 </div>
119 </div>
63</div>
120</div>