@@ -2,142 +2,137 @@
22<!--External links are differentiated on home page.-->
33{% block templatestyles %}
44a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
5− content: "↗";
5+content: " ↗";
66}
77{% endblock templatestyles %}
88
99{% block title %} {{ section.title }} {% endblock title %}
10+
1011{% block content %}
12+
1113<nav class="home full c4-10-md c4-10-lg mt4 mb6 grid12">
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>
14+
15+ <h1 class="mb6 full mt2 fw4 w-50">Urbit is a new operating system
16+ designed from the ground up to be durable, simple, and yours.</h1>
17+
1418 <section class="full half-1-md half-1-lg">
15− <ul>
16− <li><a href="#introduction">Introduction ↓</a></li>
17− <li><a href="/faq/">FAQ</a></li>
18− <li class="mt4"><a href="/essays">Essays</a></li>
19− <li><a href="/updates/">Updates</a></li>
20− <li><a href="/media">Media</a></li>
21− <li class="mt4"><a href="/docs">Docs ↗</a></li>
22− <li><a class="green2" href="/install">Install ↗</a></li>
23−</ul>
24−</section>
25− <!-- TODO: Bottom footer this once IA and etc are not TBA.
26− <h3 class="mt4">Contributing</h3>
27− <ul>
28− <li><a href="/contributing/#how-can-i-help">How can I help?</a></li>
29− <li><a href="/contributing/#galaxies-and-stars">Galaxies and Stars</a></li>
30− <li><a href="/contributing/#developing-on-urbit">Developing on Urbit</a></li>
31− <li><a href="https://grants.urbit.org">Grants and Bounties</a></li>
32− </ul>
33− <ul>
34− <li><a href="/install/#using-landscape">Using Landscape</a></li>
35− <li><a href="/install/#using-the-cli">Using CLI</a></li>
36− <li><a href="/install/#using-bridge">Using Bridge</a></li>
37− <li><a href="/install/#invite-friends">Invite Friends</a></li>
38− </ul>
39− <h3 class="mt4">Operations</h3>
40− <ul>
41− <li><a href="/operations/#urbit-administration">Admin and Operations</a></li>
42− <li><a href="/operations/#creating-a-comet">Creating a Comet</a></li>
43− <li><a href="/operations/#dns-proxying">DNS Proxying</a></li>
44− <li><a href="/operations/#messaging">Messaging</a></li>
45− <li><a href="/operations/#using-the-shell">Shell</a></li>
46− <li><a href="/operations/#filesystem">Filesystem</a></li>
47− </ul>
48− <h3 class="mt4">Develop</h3>
49− <ul>
50− <li><a href="/develop/#creating-a-development-ship">Creating a Development Ship</a></li>
51− <li><a href="/develop/#community-tutorials">Community Tutorials</a></li>
52− </ul>
53− -->
54−
55−<aside class="half-2-md half-2-lg half-1 mt0-l mt0-xl mt2">
56− <p class="lh-copy mt1">We send regular updates about our project. Enter your email to get them.</p>
57− <iframe name="nothing" style="display:none;"></iframe>
58− <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2"
59− method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
60− target="_blank" novalidate>
61− <div class="input-group" id="mc_embed_signup_scroll">
62− <div class="mc-field-group w-100">
63− <input class="bg-white black b--black ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL"
64− placeholder="your@email.com">
65− </div>
66− <div id="mce-responses" class="clear">
67− <div id="mce-error-response" class="response" style="display:none"></div>
68− <div id="mce-success-response" class="response" style="display:none"></div>
69− </div>
70− <div style="position: absolute; left: -5000px;" aria-hidden="true">
71− <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value="">
72− </div>
73− <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between b--black black w-100 tl"
74− style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit"
75− name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
76− <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
77− </button>
78− </div>
79− </form>
80−</aside>
19+
20+ <ul>
21+ <li><a href="#introduction">Introduction ↓</a></li>
22+ <li><a href="/faq/">FAQ</a></li>
23+
24+ <li class="mt4"><a href="/essays">Essays</a></li>
25+ <li><a href="/updates/">Updates</a></li>
26+ <li><a href="/media">Media</a></li>
27+
28+ <li class="mt4"><a href="/docs">Docs ↗</a></li>
29+ <li><a class="green2" href="/install">Install ↗</a></li>
30+ </ul>
31+
32+ </section>
33+
34+ <aside class="half-2-md half-2-lg half-1 mt0-l mt0-xl mt2" id="newsletter-subscribe-top">
35+ <p class="lh-copy mt1">We send regular updates about our project. Enter your email to get them.</p>
36+ <iframe name="nothing" style="display:none;"></iframe>
37+ <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2"
38+ method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
39+ target="_blank" novalidate>
40+ <div class="input-group" id="mc_embed_signup_scroll">
41+ <div class="mc-field-group w-100">
42+ <input class="bg-white black b--black ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL"
43+ placeholder="your@email.com">
44+ </div>
45+ <div id="mce-responses" class="clear">
46+ <div id="mce-error-response" class="response" style="display:none"></div>
47+ <div id="mce-success-response" class="response" style="display:none"></div>
48+ </div>
49+ <div style="position: absolute; left: -5000px;" aria-hidden="true">
50+ <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value="">
51+ </div>
52+ <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between ba b--black black w-100 tl"
53+ style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit"
54+ name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
55+ <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
56+ </button>
57+ </div>
58+ </form>
59+ </aside>
8160</nav>
61+
8262<article class="full-bleed full grid12 mt6">
63+
8364 <section id="introduction" class="full tc mb4">
84− Urbit is a simple, durable computer that you own 100% and forever.
65+ Urbit is a simple, durable computer that you own 100% and forever.
8566 </section>
67+
8668 <section id="intro-drawing" class="c4-9-md c4-9-lg full">
8769 <figure class="mt4">
88− <img src="assets/intro/ship.svg" alt="A drawing of an Urbit ship."/>
70+ <img src="assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
8971 </figure>
90− <p class="mb0">This is a drawing of an Urbit.</p>
91− <p class="mt0">It’s a new kind of computer.</p>
92− <p class="mt6">This image is representative of three key (yet familiar) aspects to this new kind of computer:</p>
93− <ul class="list">
94− <li class="mt4">The <img src="assets/intro/apps.svg"/> apps you use every day,</li>
95− <li class="mt4">the <img src="assets/intro/arvo.svg"/> OS that makes sure everything runs smoothly,</li>
96− <li class="mt4">and your <img src="assets/intro/id.svg"/> identity at the center of it all.</li>
97− </ul>
72+
73+ <p class="mb0">This is a drawing of an Urbit.</p>
74+ <p class="mt0">It’s a new kind of computer.</p>
75+ <p class="mt6">This image is representative of three key (yet familiar) aspects to this new kind of computer:</p>
76+ <ul class="list">
77+ <li class="mt4">The <img src="assets/intro/apps.svg" /> apps you use every day,</li>
78+ <li class="mt4">the <img src="assets/intro/arvo.svg" /> OS that makes sure everything runs smoothly,</li>
79+ <li class="mt4">and your <img src="assets/intro/id.svg" /> identity at the center of it all.</li>
80+ </ul>
9881 </section>
82+
9983 <section id="what-is-urbit" class="c4-9-md c4-9-lg full mt6">
10084 <p>So, what <em>is</em> an Urbit?</p>
101− <figure class="mt6">
102− <img src="assets/intro/social-software.svg"/>
85+
86+ <figure class="mt6 tc">
87+ <img src="assets/intro/social-software.svg" />
88+ <figcaption class="tl mt5">
89+ Your Urbit is a calm, passive tool built for social software, not social networking.
90+ On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
91+ </figcaption>
10392 </figure>
104− <p>Your Urbit is a calm, passive tool built for social software, not social networking.
105− On Urbit, you run (or build) your own software to connect and communicate with your friends and family.</p>
93+
10694 <figure class="tc mt6">
107− <img src="assets/intro/rock.svg"/>
95+ <img src="assets/intro/rock.svg" />
96+ <figcaption class="tl mt5">
97+ Your Urbit is a permanent and completely private archive.
98+ Your Urbit can store all your data safely, privately, forever.
99+ </figcaption>
108100 </figure>
109− <p>Your Urbit is a permanent and completely private archive.
110− Your Urbit can store all your data safely, privately, forever.</p>
101+
111102 <figure class="tc mt6">
112− <img src="assets/intro/yours-forever.svg"/>
103+ <img src="assets/intro/yours-forever.svg" />
104+ <figcaption class="tl">You own your Urbit like you own Bitcoin.
105+ Each Urbit is a piece of a new global network that’s owned and controlled by its users.</figcaption>
113106 </figure>
114− <p>You own your Urbit like you own Bitcoin.
115− Each Urbit is a piece of a new global network that’s owned and controlled by its users.</p>
116107 </section>
108+
117109 <section id="vid-ocean" class="full mt6 mb6 tc">
118− <p>Nothing quite like this has ever <br/>
119− been done before, <br/>
110+ <p>Nothing quite like this has ever <br />
111+ been done before, <br />
120112 and nothing is quite like it.</p>
121113 </section>
114+
122115 <section id="megacorp" class="c4-9-md c4-9-lg full">
123116 <p>Today, technology controls us.</p>
124− <p>Every MEGACORP has the same incentive: <br/>
125− To keep us hooked on their platform.</p>
126− <p>We think that communities of people should decide their own structure,
127− which means they also have to control their own history and the means by
128− which they write into it. We think that history should be owned by the people
129− creating it, not by some external faction. Without control over the stories we tell one another,
117+ <p>Every MEGACORP has the same incentive: <br />
118+ To keep us hooked on their platform.</p>
119+ <p>We think that communities of people should decide their own structure,
120+ which means they also have to control their own history and the means by
121+ which they write into it. We think that history should be owned by the people
122+ creating it, not by some external faction. Without control over the stories we tell one another,
130123 we’re ruled by someone else. </p>
131124 </section>
125+
132126 <section id="outroduction" class="c4-10-md c4-10-lg full">
133− <p>We built Urbit so people can control their technology, shape their digital lives and freely build
127+ <p>We built Urbit so people can control their technology, shape their digital lives and freely build
134128 their digital communities.</p>
135129
136− <p>We want to replace the internet with a foundation for computing that we can rely on far into the future.</p>
137−
138− <p class="mb0">Urbit is a large, ambitious project.</p>
139− <p class="mt0">But at the core it’s durable, simple and yours.</p>
130+ <p>We want to replace the internet with a foundation for computing that we can rely on far into the future.</p>
131+
132+ <p class="mb0">Urbit is a large, ambitious project.</p>
133+ <p class="mt0">But at the core it’s durable, simple and yours.</p>
140134 </section>
135+
141136 <nav class="c4-10-md c4-10-lg full mt6 mb6">
142137 <h1 class="f2 fw3 mb3">Go Deeper</h1>
143138 <ul>
@@ -153,88 +148,93 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
153148 </ul>
154149 </nav>
155150</article>
156− <footer class="full-bleed mt4 grid12 bg-black white full">
157− <section class="full grid12 mb4">
158− <nav class="c1-3-md c1-3-lg half-1 mt4">
159− <h3>What is Urbit?</h3>
160− <li class="mt2">Project Overview</li>
161− <li class="mt2">Interface</li>
162− <li class="mt2">Infrastructure</li>
163− <li class="mt2">Azimuth</li>
164− </nav>
165− <nav class="c3-5-md c3-5-lg half-2 mt4">
166− <h3>Contributing</h3>
167− <li class="mt2">How can I help?</li>
168− <li class="mt2">Operating Galaxies and Stars</li>
169− <li class="mt2">Governance</li>
170− </nav>
171− <nav class="c5-7-md c5-7-lg half-1 mt4">
172− <h3>Learn More</h3>
173− <li class="mt2"><a href="/essays">Essays</a></li>
174− <li class="mt2"><a href="/updates">Updates</a></li>
175− <li class="mt2"><a href="/media">Media</a></li>
176− <li class="mt2"><a href="/faq">FAQ and Concerns</a></li>
177− </nav>
178− <nav class="c7-9-md c7-9-lg half-2 mt4">
179− <h3>Developers</h3>
180− <li class="mt2">Quickstart</li>
181− <li class="mt2"><a href="/docs">Documentation</a></li>
182− <li class="mt2">Core Development</li>
183− <li class="mt2">Application Development</li>
184− <li class="mt2"><a href="https://grants.urbit.org">Grants and Bounties</a></li>
185− </nav>
186− <nav class="c9-11-md c9-11-lg half-1 mt4">
187− <h3>Community</h3>
188− <li class="mt2"><a href="https://groups.google.com/a/urbit.org/forum/#!forum/dev">urbit-dev</a></li>
189− <li class="mt2"><a href="/hoonschool">Hoon School ↗</a></li>
190− <li class="mt2"><a href="https://www.meetup.com/urbit-sf/">Meetups</a></li>
191− <li class="mt2"><a href="https://www.threadless.com/discover/s/urbit">Merch</a></li>
192− </nav>
193− <nav class="c11-13-md c11-13-lg half-2 mt4">
194− <h3>Install Urbit</h3>
195− <li class="mt2">Getting an Azimuth Point</li>
196− <li class="mt2"><a href="/install">Install</a></li>
197− </nav>
198− </section>
199− <section class="full-bleed full grid12">
200− <nav class="fourth-1-md fourth-1-lg full mt4 mb4">
201− <h2 class="mb3">Company</h2>
202− <li class="mt2"><a href="/tos">Terms of Service</a></li>
203− <li class="mt2"><a href="/privacy">Privacy Policy</a></li>
204− <li class="mt2">Careers</li>
205− <li class="mt2"><a href="https://tlon.io">Tlon.io</a></li>
206−
207− <h2 class="mt4">Need Help?</h2>
208− <li class="mt2"><a href="mailto:support@urbit.org">support@urbit.org↗</a></li>
209− <li class="mt2"><a href="https://twitter.com/urbit">twitter.com/urbit</a></li>
210− <li class="mt2"><a href="https://github.com/urbit">github.com/urbit</a></li>
211− </nav>
212− <aside class="c7-11-md c7-11-lg full mt4">
213− <h2 id="updates" class="mt0">
214− Updates
215− </h2>
216− <p class="lh-copy">Every month we send an email with community events and what we're up to.</p>
217− <iframe name="nothing" style="display:none;"></iframe>
218− <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>
219− <div class="input-group" id="mc_embed_signup_scroll">
220− <div class="mc-field-group w-100">
221− <small class="mb1 dib">Receiving Email Address</small>
222− <input class="bg-black white b--white ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
223− </div>
224− <div id="mce-responses" class="clear">
225− <div id="mce-error-response" class="response" style="display:none"></div>
226− <div id="mce-success-response" class="response" style="display:none"></div>
227− </div>
228− <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value=""></div>
229− <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'])">
230− <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
231− </button>
232− </div>
233− </form>
234− </aside>
235− </section>
236− </footer>
237− </div>
238− </div>
239−</div>
240−{% endblock content %}
151+<footer class="full-bleed mt4 grid12 bg-black white full">
152+ <section class="full grid12 mb4">
153+ <nav class="c1-3-md c1-3-lg half-1 mt4">
154+ <h3>What is Urbit?</h3>
155+ <li class="mt2">Project Overview</li>
156+ <li class="mt2">Interface</li>
157+ <li class="mt2">Infrastructure</li>
158+ <li class="mt2">Azimuth</li>
159+ </nav>
160+ <nav class="c3-5-md c3-5-lg half-2 mt4">
161+ <h3>Contributing</h3>
162+ <li class="mt2">How can I help?</li>
163+ <li class="mt2">Operating Galaxies and Stars</li>
164+ <li class="mt2">Governance</li>
165+ </nav>
166+ <nav class="c5-7-md c5-7-lg half-1 mt4">
167+ <h3>Learn More</h3>
168+ <li class="mt2"><a href="/essays">Essays</a></li>
169+ <li class="mt2"><a href="/updates">Updates</a></li>
170+ <li class="mt2"><a href="/media">Media</a></li>
171+ <li class="mt2"><a href="/faq">FAQ and Concerns</a></li>
172+ </nav>
173+ <nav class="c7-9-md c7-9-lg half-2 mt4">
174+ <h3>Developers</h3>
175+ <li class="mt2">Quickstart</li>
176+ <li class="mt2"><a href="/docs">Documentation</a></li>
177+ <li class="mt2">Core Development</li>
178+ <li class="mt2">Application Development</li>
179+ <li class="mt2"><a href="https://grants.urbit.org">Grants and Bounties</a></li>
180+ </nav>
181+ <nav class="c9-11-md c9-11-lg half-1 mt4">
182+ <h3>Community</h3>
183+ <li class="mt2"><a href="https://groups.google.com/a/urbit.org/forum/#!forum/dev">urbit-dev</a></li>
184+ <li class="mt2"><a href="/hoonschool">Hoon School ↗</a></li>
185+ <li class="mt2"><a href="https://www.meetup.com/urbit-sf/">Meetups</a></li>
186+ <li class="mt2"><a href="https://www.threadless.com/discover/s/urbit">Merch</a></li>
187+ </nav>
188+ <nav class="c11-13-md c11-13-lg half-2 mt4">
189+ <h3>Install Urbit</h3>
190+ <li class="mt2">Getting an Azimuth Point</li>
191+ <li class="mt2"><a href="/install">Install</a></li>
192+ </nav>
193+ </section>
194+ <section class="full-bleed full grid12">
195+ <nav class="fourth-1-md fourth-1-lg full mt4 mb4">
196+ <h2 class="mb3">Company</h2>
197+ <li class="mt2"><a href="/tos">Terms of Service</a></li>
198+ <li class="mt2"><a href="/privacy">Privacy Policy</a></li>
199+ <li class="mt2">Careers</li>
200+ <li class="mt2"><a href="https://tlon.io">Tlon.io</a></li>
201+
202+ <h2 class="mt4">Need Help?</h2>
203+ <li class="mt2"><a href="mailto:support@urbit.org">support@urbit.org↗</a></li>
204+ <li class="mt2"><a href="https://twitter.com/urbit">twitter.com/urbit</a></li>
205+ <li class="mt2"><a href="https://github.com/urbit">github.com/urbit</a></li>
206+ </nav>
207+
208+ <aside class="c7-11-md c7-11-lg full mt4" id="newsletter-subscribe-bottom">
209+ <h2 id="updates" class="mt0">
210+ Updates
211+ </h2>
212+ <p class="lh-copy">Every month we send an email with community events and what we're up to.</p>
213+ <iframe name="nothing" style="display:none;"></iframe>
214+ <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=be143888d2"
215+ method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
216+ target="_blank" novalidate>
217+ <div class="input-group" id="mc_embed_signup_scroll">
218+ <div class="mc-field-group w-100">
219+ <small class="mb1 dib">Receiving Email Address</small>
220+ <input class="bg-black white b--white ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL"
221+ placeholder="your@email.com">
222+ </div>
223+ <div id="mce-responses" class="clear">
224+ <div id="mce-error-response" class="response" style="display:none"></div>
225+ <div id="mce-success-response" class="response" style="display:none"></div>
226+ </div>
227+ <div style="position: absolute; left: -5000px;" aria-hidden="true">
228+ <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value="">
229+ </div>
230+ <button id="mc-embedded-subscribe" class="bg-white mb4 bn justify-between black w-100 tl"
231+ style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit"
232+ name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
233+ <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
234+ </button>
235+ </div>
236+ </form>
237+ </aside>
238+ </section>
239+</footer>
240+{% endblock content %}