@@ -8,18 +8,20 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
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 mb5">
11+<nav class="home full c4-10-md c4-10-lg mt4 mb5 grid12">
12− <h1 class="mb4 mt2 fw4">Urbit is a new operating system
12+ <h1 class="mb6 full mt2 fw4 w-50">Urbit is a new operating system
13− designed from the ground up to be durable, simple, and yours.</h1>
13+ designed from the ground up to be durable, simple, and yours.</h1>
14+ <section class="full half-1-md half-1-lg">
15 <li><a href="#introduction">Introduction ↓</a></li>
16 <li><a href="#introduction">Introduction ↓</a></li>
16 <li><a href="/faq/">FAQ</a></li>
17 <li><a href="/faq/">FAQ</a></li>
18 <li class="mt4"><a href="/essays">Essays</a></li>
18 <li class="mt4"><a href="/essays">Essays</a></li>
19 <li><a href="/updates/">Updates</a></li>
19 <li><a href="/updates/">Updates</a></li>
20 <li><a href="/media">Media</a></li>
20 <li><a href="/media">Media</a></li>
21− <li class="mt4"><a href="/docs">Docs</a></li>
21+ <li class="mt4"><a href="/docs">Docs ↗</a></li>
22− <li><a href="/install">Install</a></li>
22+ <li><a class="green2" href="/install">Install ↗</a></li>
23 <!-- TODO: Bottom footer this once IA and etc are not TBA.
25 <!-- TODO: Bottom footer this once IA and etc are not TBA.
24 <h3 class="mt4">Contributing</h3>
26 <h3 class="mt4">Contributing</h3>
@@ -49,32 +51,34 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
49 <li><a href="/develop/#community-tutorials">Community Tutorials</a></li>
51 <li><a href="/develop/#community-tutorials">Community Tutorials</a></li>
53−<!-- "Latest posts" sidebar. Latest mockups don't have this. Delete if entering production.
54−<aside class="mt4 fourth-3-md fourth-3-lg full">
55+<aside class="half-2-md half-2-lg full">
55− <section class="mt2 mb2"><h3>Latest Posts</h3>
56+ <p class="lh-copy mt1">We send regular updates about our project. Enter your email to get them.</p>
56− {% set s = get_section(path="updates/_index.md") %}
57+ <iframe name="nothing" style="display:none;"></iframe>
57− {% set e = get_section(path="essays/_index.md") %}
58+ <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2"
58− {% set allposts = s.pages
59+ method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
59− | concat (with=e.pages)
60+ target="_blank" novalidate>
60− | sort(attribute="date")
61+ <div class="input-group" id="mc_embed_signup_scroll">
61− | reverse
62+ <div class="mc-field-group w-100">
62− %}
63+ <input class="bg-white black b--black ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL"
63− {% for page in allposts
64+ placeholder="your@email.com">
64− | slice (end=2)
65+ </div>
65− %}
66+ <div id="mce-responses" class="clear">
66− <a class="db fw6 mt3 mb1" href="{{ page.permalink }}">{{ page.title }}</a>
67+ <div id="mce-error-response" class="response" style="display:none"></div>
67− <address class="mono db mv1">{{ page.extra.ship }}</address>
68+ <div id="mce-success-response" class="response" style="display:none"></div>
68− <time class="mono mv1 mr3">{{ page.date
69+ </div>
69− | date(format="~%Y.%-m.%-d") }}</time>
70+ <div style="position: absolute; left: -5000px;" aria-hidden="true">
70− <a class="mono mv2" href="/{{page.components[0] | lower}}">
71+ <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value="">
71− {{ page.components[0] | lower}}
72+ </div>
72− </a>
73+ <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between b--black black w-100 tl"
73− {% endfor %}
74+ style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit"
74− </section>
75+ name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
76+ <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
78 <footer class="full-bleed mt4 grid12 bg-black white full">
82 <footer class="full-bleed mt4 grid12 bg-black white full">
79 <nav class="home mt4 mb4 full fourth-1-md fourth-1-lg">
83 <nav class="home mt4 mb4 full fourth-1-md fourth-1-lg">
80 <p class="mt5 mb5">Urbit is built by Tlon</p>
84 <p class="mt5 mb5">Urbit is built by Tlon</p>
@@ -89,29 +93,6 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
89 <li><a href="https://twitter.com/urbit">twitter.com/urbit</a></li>
93 <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>
94 <li><a href="https://github.com/urbit">github.com/urbit</a></li>
92− <aside class="fourth-3-md fourth-3-lg full mt4">
93− <h2 id="updates" class="mt2">
96− <p class="lh-copy">Every month we send an email with community events and what we're up to.</p>
97− <iframe name="nothing" style="display:none;"></iframe>
98− <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form" target="_blank" novalidate>
99− <div class="input-group" id="mc_embed_signup_scroll">
100− <div class="mc-field-group w-100">
101− <small class="mb1 dib">Receiving Email Address</small>
102− <input class="bg-black white b--white ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
104− <div id="mce-responses" class="clear">
105− <div id="mce-error-response" class="response" style="display:none"></div>
106− <div id="mce-success-response" class="response" style="display:none"></div>
108− <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value=""></div>
109− <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between black w-100 tl" style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit" name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
110− <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
115 </footer>
96 </footer>