@@ -3,7 +3,7 @@
33{% block content %}
44<!-- header -->
55<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>
77 <span class="gray3"> / </span>
88 <a href="/understanding-urbit/">
99 Understanding Urbit
@@ -16,76 +16,65 @@
1616 {% endfor %}
1717</nav>
1818<!-- content -->
19− <h1 class="mb4 full mt3 f2 fw3 c4-10-lg">Introduction</h1>
20− <section class="full-bleed full grid12">
21− <section id="introduction" class=" c4-10-lg full lh-copy">
22− <figure class="mt0">
23− <img src="../assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
24− </figure>
25−
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− <p class="mt6 lh-copy">This image is representative of three key (yet familiar) aspects to this new kind of computer:</p>
29− <ul class="list">
30− <li class="mt4 ml0">The <img src="../assets/intro/apps.svg" /> apps you use every day,</li>
31− <li class="mt4 ml0">the <img src="../assets/intro/arvo.svg" /> OS that makes sure everything runs smoothly,</li>
32− <li class="mt4 ml0">and your <img src="../assets/intro/id.svg" /> identity at the center of it all.</li>
33− </ul>
34− </section>
35−
36− <section id="what-is-urbit" class=" c4-10-lg full mt6">
37− <p>So, what <em>is</em> an Urbit?</p>
38−
39− <figure class="mt6 tc lh-copy">
40− <img src="../assets/intro/social-software.svg" />
41− <figcaption class="measure home tl mt5">
42− Your Urbit is a purpose built tool for your own social software, not MEGACORP social networking.
43− On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
44− </figcaption>
45− </figure>
46−
47− <figure class="tc mt6 lh-copy">
48− <img src="../assets/intro/rock.svg" />
49− <figcaption class="measure home tl mt5">
50− Your Urbit is a permanent, private archive.
51− Your Urbit can store all your data and digital assets safely, privately, forever.
52− </figcaption>
53− </figure>
54−
55− <figure class="tc mt6 lh-copy">
56− <img src="../assets/intro/yours-forever.svg" />
57− <figcaption class="measure home tl mt5">
58− You own your Urbit like you own Bitcoin.
59− Each Urbit is a piece of a new network that’s owned and controlled by its users.
60− </figcaption>
61− </figure>
62− <p class="mt6 mb6">Nothing quite like this has ever been done before. There’s nothing else like it.</p>
63− </section>
64−
65− <section id="megacorp" class="c4-10-lg full">
66− <img class="db" src="https://media.urbit.org/site/understanding-urbit/urbit-id/urbit-id-1.svg" style="margin: 2rem auto 4rem auto;"/>
67− <p class="lh-copy">Today, technology controls us. Every MEGACORP has the same incentive:
68− To keep us hooked on their platform.</p>
69− <p class="lh-copy">We built Urbit so people can control their technology, shape their digital lives and freely build
70− their digital communities.</p>
71− <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>
72− <p class="lh-copy">Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
73− </section>
74− </section>
75− <article class="mt4 mb6 full c4-10-lg">
76− <p class="mb5">Want to continue down this rabbit hole? If you’re new to Urbit
77− and want to learn more, start from the beginning. If you’re technical, start
78− with the technical overview.</p>
79− <ul class="posts">
80− {% set posts = get_section(path="understanding-urbit/_index.md") %}
81− {% for page in posts.pages %}
82− <li class="mb4 ml0"><a class="bn" href="{{ page.permalink }}">
83− <h2 class="f4 dib ml0 fw4 mt0 mb0 b--black bb lh-solid">{{ page.title }}</h2>
84− <p class="mt1 db">{{ page.description }}</p>
85− </a>
86− </li>
87− {% endfor %}
88− </ul>
89− </article>
90−{% include "partials/footer.html" %}
19+<h1 class="mb4 full mt3 f2 fw3 c4-10-lg">Introduction</h1>
20+<section class="full-bleed full grid12">
21+ <section id="introduction" class=" c4-10-lg full lh-copy">
22+ <figure class="mt0">
23+ <img src="../assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
24+ </figure>
25+
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>
29+
30+ <section id="what-is-urbit" class=" c4-10-lg full">
31+
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>
39+
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>
47+
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>
57+
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>
67+ </section>
68+ <footer class="relative mt4 c4-10-lg full">
69+ {% set posts = get_section(path="understanding-urbit/_index.md") %}
70+ {% for directorypage in posts.pages | slice (end=1) %}
71+ <a class="bb-0" href="{{directorypage.permalink}}">
72+ <nav class="previous mv5 absolute right-2 f4 t-right">
73+ <p class="mb0 f5">Next Post:</p>
74+ <p class="fw6 f5 f4-l f4-xl mb0 mt0">{{directorypage.title}}</p>
75+ </nav>
76+ </a>
77+ {% endfor %}
78+ </footer>
79+</article>
9180{% endblock content %}