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