@@ -2,13 +2,18 @@
2{% block title %} Understanding Urbit {% endblock title %}
2{% block title %} Understanding Urbit {% endblock title %}
3{% block content %}
3{% block content %}
4<!-- header -->
4<!-- 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">
6 <a class="gray3" href="/">Urbit</a>
6 <a class="gray3" href="/">Urbit</a>
7 <span class="gray3"> / </span>
7 <span class="gray3"> / </span>
8 <a href="/understanding-urbit/">
8 <a href="/understanding-urbit/">
9 Understanding Urbit
9 Understanding Urbit
11 {% include "partials/navigation-search.html" %}
11 {% 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>
13<!-- content -->
18<!-- content -->
14<h1 class="mb4 full mt3 f2 fw3 c4-10-lg">Introduction</h1>
19<h1 class="mb4 full mt3 f2 fw3 c4-10-lg">Introduction</h1>
@@ -18,68 +23,59 @@
18 <img src="../assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
23 <img src="../assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
21− <p class="mb0 lh-copy">This is a drawing of an Urbit.</p>
26+ <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>
27+ <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>
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>
29− </section>
28+ </section>
31− <section id="what-is-urbit" class=" c4-10-lg full mt6">
30+ <section id="what-is-urbit" class=" c4-10-lg full">
32− <p>So, what <em>is</em> an Urbit?</p>
34− <figure class="mt6 tc lh-copy">
32+ <figure class="mt6 tc lh-copy">
35− <img src="../assets/intro/social-software.svg" />
33+ <img src="../assets/intro/social-software.svg" />
36− <figcaption class="measure home tl mt5">
34+ <figcaption class="measure home tl mt5">
37− Your Urbit is a purpose built tool for your own social software, not MEGACORP social networking.
35+ 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.
36+ On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
39− </figcaption>
37+ </figcaption>
40− </figure>
38+ </figure>
42− <figure class="tc mt6 lh-copy">
40+ <figure class="tc mt6 lh-copy">
43− <img src="../assets/intro/rock.svg" />
41+ <img src="../assets/intro/rock.svg" />
44− <figcaption class="measure home tl mt5">
42+ <figcaption class="measure home tl mt5">
45− Your Urbit is a permanent, private archive.
43+ Your Urbit is a permanent, private archive.
46− Your Urbit can store all your data and digital assets safely, privately, forever.
44+ Your Urbit can store all your data and digital assets safely, privately, forever.
47− </figcaption>
45+ </figcaption>
48− </figure>
46+ </figure>
50− <figure class="tc mt6 lh-copy">
48+ <figure class="tc mt6 lh-copy">
51− <img src="../assets/intro/yours-forever.svg" />
49+ <img src="../assets/intro/yours-forever.svg" />
52− <figcaption class="measure home tl mt5">
50+ <figcaption class="measure home tl mt5">
53− You own your Urbit like you own Bitcoin.
51+ 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.
52+ Each Urbit is a piece of a new network that’s owned and controlled by its users.
55− </figcaption>
53+ </figcaption>
56− </figure>
54+ </figure>
57− <p class="mt6 mb6">Nothing quite like this has ever been done before. There’s nothing else like it.</p>
55+ <p class="mt6 mb6">Nothing quite like this has ever been done before. There’s nothing else like it.</p>
58− </section>
56+ </section>
60− <section id="megacorp" class="c4-10-lg full">
58+ <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;"/>
59+ <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:
60+ <p class="lh-copy">Today, technology controls us. Every MEGACORP has the same incentive:
63− To keep us hooked on their platform.</p>
61+ 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
62+ <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>
63+ 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>
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>
67− <p class="lh-copy">Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
65+ <p class="lh-copy">Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
68 </section>
67 </section>
71−<article class="mt4 mb6 full c4-10-lg">
68+ <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
69+ <p class="mb5">Want to continue down this rabbit hole? If you’re new to Urbit
73 and want to learn more, start from the beginning. If you’re technical, start
70 and want to learn more, start from the beginning. If you’re technical, start
74 with the technical overview.</p>
71 with the technical overview.</p>
75 <ul class="posts">
72 <ul class="posts">
76 {% set posts = get_section(path="understanding-urbit/_index.md") %}
73 {% set posts = get_section(path="understanding-urbit/_index.md") %}
77 {% for page in posts.pages %}
74 {% for page in posts.pages %}
79− <a class="bn" href="{{ page.permalink }}">
75+ <li class="mb4 ml0"><a class="bn" href="{{ page.permalink }}">
80− <h2 class="f4 dib ml0 fw4 mt0 mb0 b--black bb lh-solid">{{ page.title }}</h2>
76+ <h2 class="f4 dib ml0 fw4 mt0 mb0 b--black bb lh-solid">{{ page.title }}</h2>
81− <p class="mt1 db">{{ page.description }}</p>
77+ <p class="mt1 db">{{ page.description }}</p>
84 {% endfor %}
80 {% endfor %}