@@ -1,10 +1,10 @@
11{% extends "base.html" %}
2−{% block title %}
2+{% block title %}
33 <meta name="og:title" content="Understanding Urbit - {{ config.title }}">
44 <title>Understanding Urbit - {{ config.title }}</title>
55{% endblock title %}
66
7−{% block description %}
7+{% block description %}
88 <meta name="og:description" content="Urbit is a new kind of computer.">
99 <meta name="description" content="Urbit is a new kind of computer.">
1010{% endblock description %}
@@ -30,7 +30,28 @@
3030<!-- content -->
3131<h1 id="introduction" class="mb4 full mt4 c4-10-lg">Introduction</h1>
3232<section class="full-bleed full grid12">
33− <p class="full c4-7-lg mt0 mb4 mb2-xl lh-copy">This is a drawing of an Urbit — <br> a new kind of computer.</p>
33+ <img class="full c4-10-lg mb4" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-6.jpg"/>
34+ <p class="full c4-10-lg mt0 mb4 mb4-xl lh-copy">
35+ Imagine that you can login from anywhere with one simple, memorable name and password.
36+ </p>
37+ <p class="full c4-10-lg mt0 mb4 mb4-xl lh-copy">
38+ And when you do, an entire OS appears for you.
39+ </p>
40+ <p class="full c4-10-lg mt0 mb4 mb4-xl lh-copy">
41+ Inside is your whole digital life. Every conversation you’ve ever had, all your biometric data — every step and heartbeat. Your personal mesh of devices: your doors, your car, your irrigation. All of your communities, every message you’ve shared with friends and family. Every connection you’ve made and every archival piece of data, in one place. Secure and private, forever.
42+ </p>
43+ <p class="full c4-10-lg mt0 mb4 mb4-xl lh-copy">
44+ You own and control this OS completely. Your system doesn’t live on someone else’s server, so there’s no risk of leaking it in a mass data breach or losing it when a service shuts down.
45+ </p>
46+ <p class="full c4-10-lg mt0 mb4 mb4-xl lh-copy">
47+ This is your Urbit. Your Urbit is a simple, durable system that belongs to you 100% and forever.
48+ </p>
49+ <p class="full c4-10-lg mt0 mb8 mb6-xl lh-copy">
50+ Let's back up and walk through what Urbit is, step by step, starting at the very beginning.
51+ </p>
52+</section>
53+<section class="full-bleed full grid12">
54+ <p class="full c4-7-lg mt0 mb4 mb2-xl lh-copy">This is a drawing of an Urbit — <br> a new kind of computer.</p>
3455 <img class="full c7-10-lg row-1 mt0 mb2 mb4-xl w-100 ba" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-1.svg" alt="A drawing of an Urbit ship." />
3556</section>
3657<section class="full-bleed full grid12">
@@ -48,27 +69,26 @@
4869 Each Urbit is a piece of a new network that’s owned and controlled by its users.</p>
4970 <img class="full c7-10-lg row-1 mt0 mb2 mb7-xl w-100 ba" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-4.svg" alt="An Urbit ship communicating with other ships" />
5071</section>
51− <section id="megacorp" class="full full-bleed grid12 bg-black">
52− <img class="full c4-10-lg mt7" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-5.jpg"/>
53− <p class="full c4-10-lg white lh-copy mt2 mt4-xl mb7">Today, technology controls us. Every MEGACORP has the same incentive: To keep us hooked on their platform.</p>
54− </section>
55− <section class="full full-bleed grid12 bg-yellow">
56− <img class="full c4-10-lg mt7" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-6.jpg"/>
57− <p class="full c4-10-lg lh-copy mt2 mt4-xl">We built Urbit so people can control their technology, shape their digital lives and freely build
58− their digital communities.</p>
59− <p class="full c4-10-lg lh-copy mt2">We want to replace the Internet with a foundation for computing that we can all rely on far into the future.</p>
60− <p class="full c4-10-lg lh-copy mt2">Urbit is a large, ambitious project. But at the core it’s simple, durable and yours.</p>
61− </section>
62− <p class="c1-10 c4-10-lg mt6 mb4 lh-copy">Nothing quite like this has ever been done before.</p>
63− <footer class="relative mt4 c4-10-lg full">
64− {% set posts = get_section(path="understanding-urbit/_index.md") %}
65− {% for directorypage in posts.pages | slice (end=1) %}
66− <a class="bb-0" href="{{directorypage.permalink}}">
67− <nav class="previous absolute right-2 t-right">
68− <p data-flat="true" class="mt5 mb6">{{directorypage.title}}</p>
69− </nav>
70− </a>
71− {% endfor %}
72− </footer>
73−</article>
72+<section id="megacorp" class="full full-bleed grid12 bg-black">
73+ <img class="full c4-10-lg mt7" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-5.jpg"/>
74+ <p class="full c4-10-lg white lh-copy mt2 mt4-xl mb7">Today, technology controls us. Every MEGACORP has the same incentive: To keep us hooked on their platform.</p>
75+</section>
76+<section class="full full-bleed grid12 bg-yellow">
77+<img class="full c4-10-lg mt7" src="https://storage.googleapis.com/media.urbit.org/site/understanding-urbit/intro/intro-6.jpg"/>
78+<p class="full c4-10-lg lh-copy mt2 mt4-xl">We built Urbit so people can control their technology, shape their digital lives and freely build
79+ their digital communities.</p>
80+<p class="full c4-10-lg lh-copy mt2">We want to replace the Internet with a foundation for computing that we can all rely on far into the future.</p>
81+<p class="full c4-10-lg lh-copy mt2">Urbit is a large, ambitious project. But at the core it’s simple, durable and yours.</p>
82+</section>
83+<p class="c1-10 c4-10-lg mt6 mb4 lh-copy">Nothing quite like this has ever been done before.</p>
84+<footer class="relative mt4 c4-10-lg full">
85+ {% set posts = get_section(path="understanding-urbit/_index.md") %}
86+ {% for directorypage in posts.pages | slice (end=1) %}
87+<a class="bb-0" href="{{directorypage.permalink}}">
88+ <nav class="previous absolute right-2 t-right">
89+ <p data-flat="true" class="mt5 mb6">{{directorypage.title}}</p>
90+ </nav>
91+</a>
92+ {% endfor %}
93+</footer>
7494{% endblock content %}