@@ -2,13 +2,18 @@
22{% block title %} Understanding Urbit {% endblock title %}
33{% block content %}
44<!-- header -->
5−<nav class="mt4 full fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
5+<nav class="mt4 full fourth-1-lg mb3 mb0-m mb0-l mb0-xl absolute-xl">
66 <a class="gray3" href="/">Urbit</a>
77 <span class="gray3"> / </span>
88 <a href="/understanding-urbit/">
99 Understanding Urbit
1010 </a>
1111 {% include "partials/navigation-search.html" %}
12+ <li class="dn mw5-xl mw5-l db-xl page-indiced mv2"><a class="fw6 f6" href="/understanding-urbit/">Introduction</a></li>
13+ {% set posts = get_section(path="understanding-urbit/_index.md") %}
14+ {% for directorypage in posts.pages %}
15+ <li class="dn mw5-xl mw5-l db-xl page-indiced mv2"><a class="f6" href="{{directorypage.permalink}}">{{directorypage.title}}</a></li>
16+ {% endfor %}
1217</nav>
1318<!-- content -->
1419<h1 class="mb4 full mt3 f2 fw3 c4-10-lg">Introduction</h1>
@@ -18,68 +23,59 @@
1823 <img src="../assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
1924 </figure>
2025
21− <p class="mb0 lh-copy">This is a drawing of an Urbit.</p>
22− <p class="mt0 lh-copy">It’s a new kind of computer.</p>
23− <p class="mt6 lh-copy">This image is representative of three key (yet familiar) aspects to this new kind of computer:</p>
24− <ul class="list">
25− <li class="mt4 ml0">The <img src="../assets/intro/apps.svg" /> apps you use every day,</li>
26− <li class="mt4 ml0">the <img src="../assets/intro/arvo.svg" /> OS that makes sure everything runs smoothly,</li>
27− <li class="mt4 ml0">and your <img src="../assets/intro/id.svg" /> identity at the center of it all.</li>
28− </ul>
29− </section>
26+ <p class="mb0 lh-copy">This is a drawing of an Urbit.</p>
27+ <p class="mt0 lh-copy">It’s a new kind of computer.</p>
28+ </section>
3029
31− <section id="what-is-urbit" class=" c4-10-lg full mt6">
32− <p>So, what <em>is</em> an Urbit?</p>
30+ <section id="what-is-urbit" class=" c4-10-lg full">
3331
34− <figure class="mt6 tc lh-copy">
35− <img src="../assets/intro/social-software.svg" />
36− <figcaption class="measure home tl mt5">
37− Your Urbit is a purpose built tool for your own social software, not MEGACORP social networking.
38− On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
39− </figcaption>
40− </figure>
32+ <figure class="mt6 tc lh-copy">
33+ <img src="../assets/intro/social-software.svg" />
34+ <figcaption class="measure home tl mt5">
35+ Your Urbit is a purpose built tool for your own social software, not MEGACORP social networking.
36+ On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
37+ </figcaption>
38+ </figure>
4139
42− <figure class="tc mt6 lh-copy">
43− <img src="../assets/intro/rock.svg" />
44− <figcaption class="measure home tl mt5">
45− Your Urbit is a permanent, private archive.
46− Your Urbit can store all your data and digital assets safely, privately, forever.
47− </figcaption>
48− </figure>
40+ <figure class="tc mt6 lh-copy">
41+ <img src="../assets/intro/rock.svg" />
42+ <figcaption class="measure home tl mt5">
43+ Your Urbit is a permanent, private archive.
44+ Your Urbit can store all your data and digital assets safely, privately, forever.
45+ </figcaption>
46+ </figure>
4947
50− <figure class="tc mt6 lh-copy">
51− <img src="../assets/intro/yours-forever.svg" />
52− <figcaption class="measure home tl mt5">
53− You own your Urbit like you own Bitcoin.
54− Each Urbit is a piece of a new network that’s owned and controlled by its users.
55− </figcaption>
56− </figure>
57− <p class="mt6 mb6">Nothing quite like this has ever been done before. There’s nothing else like it.</p>
58− </section>
48+ <figure class="tc mt6 lh-copy">
49+ <img src="../assets/intro/yours-forever.svg" />
50+ <figcaption class="measure home tl mt5">
51+ You own your Urbit like you own Bitcoin.
52+ Each Urbit is a piece of a new network that’s owned and controlled by its users.
53+ </figcaption>
54+ </figure>
55+ <p class="mt6 mb6">Nothing quite like this has ever been done before. There’s nothing else like it.</p>
56+ </section>
5957
60− <section id="megacorp" class="c4-10-lg full">
61− <img class="db" src="https://media.urbit.org/site/understanding-urbit/urbit-id/urbit-id-1.svg" style="margin: 2rem auto 4rem auto;"/>
62− <p class="lh-copy">Today, technology controls us. Every MEGACORP has the same incentive:
63− To keep us hooked on their platform.</p>
64− <p class="lh-copy">We built Urbit so people can control their technology, shape their digital lives and freely build
65− their digital communities.</p>
66− <p class="lh-copy">We want to replace the internet with a foundation for computing that we can all rely on far into the future.</p>
67− <p class="lh-copy">Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
58+ <section id="megacorp" class="c4-10-lg full">
59+ <img class="db" src="https://media.urbit.org/site/understanding-urbit/urbit-id/urbit-id-1.svg" style="margin: 2rem auto 4rem auto;"/>
60+ <p class="lh-copy">Today, technology controls us. Every MEGACORP has the same incentive:
61+ To keep us hooked on their platform.</p>
62+ <p class="lh-copy">We built Urbit so people can control their technology, shape their digital lives and freely build
63+ their digital communities.</p>
64+ <p class="lh-copy">We want to replace the internet with a foundation for computing that we can all rely on far into the future.</p>
65+ <p class="lh-copy">Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
66+ </section>
6867 </section>
69−</section>
70−
71−<article class="mt4 mb6 full c4-10-lg">
72− <p class="mb5">Want to continue down this rabbit hole? If you’re new to Urbit
68+ <article class="mt4 mb6 full c4-10-lg">
69+ <p class="mb5">Want to continue down this rabbit hole? If you’re new to Urbit
7370 and want to learn more, start from the beginning. If you’re technical, start
7471 with the technical overview.</p>
7572 <ul class="posts">
7673 {% set posts = get_section(path="understanding-urbit/_index.md") %}
7774 {% for page in posts.pages %}
78− <li class="mb4 ml0">
79− <a class="bn" href="{{ page.permalink }}">
80− <h2 class="f4 dib ml0 fw4 mt0 mb0 b--black bb lh-solid">{{ page.title }}</h2>
81− <p class="mt1 db">{{ page.description }}</p>
82− </a>
75+ <li class="mb4 ml0"><a class="bn" href="{{ page.permalink }}">
76+ <h2 class="f4 dib ml0 fw4 mt0 mb0 b--black bb lh-solid">{{ page.title }}</h2>
77+ <p class="mt1 db">{{ page.description }}</p>
78+ </a>
8379 </li>
8480 {% endfor %}
8581 </ul>