on master help sign in
Homepage - week 3 ver
e0e7f0aMatilde Park
static/scripts.js+1−23
@@ -388,26 +388,4 @@ window.addEventListener("scroll", event => {
388 link.classList.remove("current");
388 link.classList.remove("current");
389 }
389 }
390 });
390 });
391−})};
391+})};
392−
393−// homepage video load behaviour on mobile
394−
395−
396−if (document.body.classList.contains("index")) {
397− if( navigator.userAgent.match(/Android/i)
398− || navigator.userAgent.match(/webOS/i)
399− || navigator.userAgent.match(/iPhone/i)
400− || navigator.userAgent.match(/iPad/i)
401− || navigator.userAgent.match(/iPod/i)
402− || navigator.userAgent.match(/BlackBerry/i)
403− || navigator.userAgent.match(/Windows Phone/i)
404− ){
405− } else {
406− document.getElementById("landscapevid").innerHTML = `
407− <source src="https://media.urbit.org/site/understanding-urbit/landscape.webm" type="video/webm">
408− <source src="https://media.urbit.org/site/understanding-urbit/landscape.mp4" type="video/mp4">`;
409− document.getElementById("oceanvid").innerHTML = `
410− <source src="https://media.urbit.org/site/understanding-urbit/ocean.webm" type="video/webm">
411− <source src="https://media.urbit.org/site/understanding-urbit/ocean.mp4" type="video/mp4">`;
412− }
413− }
templates/index.html+32−57
@@ -13,8 +13,8 @@ content: " ↗";
13
13
14<nav class="home full c4-10-lg mt4 mb6 grid12">
14<nav class="home full c4-10-lg mt4 mb6 grid12">
15
15
16− <h1 class="mb6 full mt2 fw4 w-100 w-50-m w-50-l w-50-xl">Urbit is a new operating system
16+ <h1 class="mb6 full mt2 fw4 w-100 w-50-m w-50-l w-50-xl">Urbit is a simple, durable computer
17− designed from the ground up to be durable, simple, and yours.</h1>
17+ that you own 100% and forever.</h1>
18
18
19 <section class="full half-1-md half-1-lg">
19 <section class="full half-1-md half-1-lg">
20
20
@@ -62,17 +62,7 @@ content: " ↗";
62
62
63<article class="full-bleed full grid12 mt6">
63<article class="full-bleed full grid12 mt6">
64
64
65− <section id="introduction" class="full tl mt5 mb5 relative">
65+ <section id="introduction" class="c4-10-md c4-10-lg full">
66− <p class="static mb4 mb0-l mb0-xl absolute-l absolute-xl black f2 f4-l f4-xl"
67− style="top: 3%; left: 3%; z-index: 1;">So, <em>your</em> Urbit is a simple, durable computer that you own 100% and forever.</p>
68− <video loop muted autoplay
69− poster="https://media.urbit.org/site/understanding-urbit/landscape.png"
70− class="w-100 ba b--black dn db-l db-xl"
71− id="landscapevid">
72− </video>
73− </section>
74−
75− <section id="intro-drawing" class="c4-10-md c4-10-lg full">
76 <figure class="mt4">
66 <figure class="mt4">
77 <img src="assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
67 <img src="assets/intro/ship.svg" alt="A drawing of an Urbit ship." />
78 </figure>
68 </figure>
@@ -93,6 +83,7 @@ content: " ↗";
93 <figure class="mt6 tc">
83 <figure class="mt6 tc">
94 <img src="assets/intro/social-software.svg" />
84 <img src="assets/intro/social-software.svg" />
95 <figcaption class="tl mt5">
85 <figcaption class="tl mt5">
86+ <h3 class="fw6 tc mb4"><span class="fl">1.</span>It's an unremarkable computer from scratch</h3>
96 Your Urbit is a calm, passive tool built for social software, not social networking.
87 Your Urbit is a calm, passive tool built for social software, not social networking.
97 On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
88 On Urbit, you run (or build) your own software to connect and communicate with your friends and family.
98 </figcaption>
89 </figcaption>
@@ -101,6 +92,7 @@ content: " ↗";
101 <figure class="tc mt6">
92 <figure class="tc mt6">
102 <img src="assets/intro/rock.svg" />
93 <img src="assets/intro/rock.svg" />
103 <figcaption class="tl mt5">
94 <figcaption class="tl mt5">
95+ <h3 class="fw6 tc mb4"><span class="fl">2.</span>It's designed for permanence and durability</h3>
104 Your Urbit is a permanent and completely private archive.
96 Your Urbit is a permanent and completely private archive.
105 Your Urbit can store all your data safely, privately, forever.
97 Your Urbit can store all your data safely, privately, forever.
106 </figcaption>
98 </figcaption>
@@ -108,68 +100,51 @@ content: " ↗";
108
100
109 <figure class="tc mt6">
101 <figure class="tc mt6">
110 <img src="assets/intro/yours-forever.svg" />
102 <img src="assets/intro/yours-forever.svg" />
103+ <figcaption class="tl mt5">
104+ <h3 class="fw6 tc mb4"><span class="fl">3.</span>It's cryptographically yours</h3>
111− <figcaption class="tl">You own your Urbit like you own Bitcoin.
105+ You own your Urbit like you own Bitcoin.
112 Each Urbit is a piece of a new global network that’s owned and controlled by its users.</figcaption>
106 Each Urbit is a piece of a new global network that’s owned and controlled by its users.</figcaption>
113 </figure>
107 </figure>
114 </section>
108 </section>
115
109
116− <section id="vid-ocean" class="full tl mt5 mb5 relative">
117− <p class="static mb4 mb0-l mb0-xl absolute-l absolute-xl black white-l white-xl f2 f4-l f4-xl"
118− style="top: 3%; left: 3%; z-index: 1;">Nothing quite like this has ever been done before,
119− and nothing is quite like it.</p>
120− <video loop muted autoplay
121− poster="https://media.urbit.org/site/understanding-urbit/ocean.png"
122− class="w-100 ba b--black dn db-l db-xl"
123− id="oceanvid">
124− </video>
125− </section>
126−
127 <section id="megacorp" class="c4-10-md c4-10-lg full">
110 <section id="megacorp" class="c4-10-md c4-10-lg full">
128− <p>Today, technology controls us.</p>
129− <p>Every MEGACORP has the same incentive: <br />
111+ <p>Today, technology controls us. Every MEGACORP has the same incentive:
130 To keep us hooked on their platform.</p>
112 To keep us hooked on their platform.</p>
131− <p>We think that communities of people should decide their own structure,
132− which means they also have to control their own history and the means by
133− which they write into it. We think that history should be owned by the people
134− creating it, not by some external faction. Without control over the stories we tell one another,
135− we’re ruled by someone else. </p>
136− </section>
137−
138− <section id="outroduction" class="c4-10-md c4-10-lg full">
139 <p>We built Urbit so people can control their technology, shape their digital lives and freely build
113 <p>We built Urbit so people can control their technology, shape their digital lives and freely build
140− their digital communities.</p>
114+ their digital communities.</p>
141−
142− <p>We want to replace the internet with a foundation for computing that we can rely on far into the future.</p>
115+ <p>We want to replace the internet with a foundation for computing that we can all rely on far into the future.</p>
143−
144− <p class="mb0">Urbit is a large, ambitious project.</p>
145− <p class="mt0">But at the core it’s durable, simple and yours.</p>
116+ <p>Urbit is a large, ambitious project. But at the core it’s durable, simple and yours.</p>
146 </section>
117 </section>
147
118
148− <nav class="c4-10-md c4-10-lg full mt6 mb6">
119+ <nav class="full grid12 mt6 mb6">
149− <h1 class="f2 fw3 mb3">Understanding Urbit</h1>
150− <p class="lh-copy">Want to continue down this rabbit hole? If you’re new to Urbit
120+ <p class="full c4-10-lg lh-copy">Want to continue down this rabbit hole? If you’re new to Urbit
151 and want to learn more, start with the Understanding Urbit posts. If you’re technical, start
121 and want to learn more, start with the Understanding Urbit posts. If you’re technical, start
152 with the technical overview.</p>
122 with the technical overview.</p>
153− <ul>
123+ <section class="full c4-7-lg">
124+ <h1>Understanding Urbit</h1>
125+ <ul class="full c4-7-lg">
154 {% set posts = get_section(path="understanding-urbit/_index.md") %}
126 {% set posts = get_section(path="understanding-urbit/_index.md") %}
155 {% for page in posts.pages %}
127 {% for page in posts.pages %}
156 <li class="mt2"><a class="b--black bb" href="{{ page.permalink }}">{{ page.title }}</a></li>
128 <li class="mt2"><a class="b--black bb" href="{{ page.permalink }}">{{ page.title }}</a></li>
157 {% endfor %}
129 {% endfor %}
158 </ul>
130 </ul>
131+ </section>
132+ <section class="full c7-10-lg mt4 mt0-xl">
159− <h1 class="f2 fw3 mt4 mb3">Follow the Project</h1>
133+ <h1>Follow the Project</h1>
160− <p class="lh-copy mt1">Urbit is actively being built, explored, and experimented with.
134+ <p class="lh-copy">Urbit is actively being built, explored, and experimented with.
161− To follow our progress you can:
135+ To follow our progress you can:
162− </p>
136+ </p>
163− <ul>
137+ <ul>
164− <li class="mt2">Follow us on <a href="https://twitter.com/urbit">Twitter</a></li>
138+ <li class="mt2">Follow us on <a href="https://twitter.com/urbit">Twitter</a></li>
165− <li class="mt2">Explore the code on <a href="https://github.com/urbit/urbit">GitHub</a></li>
139+ <li class="mt2">Explore the code on <a href="https://github.com/urbit/urbit">GitHub</a></li>
166− <li class="mt2">Ask questions in our <a href="https://discord.gg/bkEX6EU">Discord</a></li>
140+ <li class="mt2">Ask questions in our <a href="https://discord.gg/bkEX6EU">Discord</a></li>
167− </ul>
141+ </ul>
168− <p>or boot Urbit and join <code>~dopzod/urbit-help</code></p>
142+ <p class="lh-copy">or boot Urbit and join <code class="db">~dopzod/urbit-help</code></p>
143+ </section>
169− <p class="lh-copy mt4">We additionally send regular updates about our project. Enter your email to get them.</p>
144+ <p class="full c4-10-lg mt5">We additionally send regular updates about our project. Enter your email to get them.</p>
170 <iframe name="nothing" style="display:none;"></iframe>
145 <iframe name="nothing" style="display:none;"></iframe>
171 <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
146 <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
172− method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
147+ method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form full c4-7-lg"
173 target="_blank" novalidate>
148 target="_blank" novalidate>
174 <div class="input-group" id="mc_embed_signup_scroll">
149 <div class="input-group" id="mc_embed_signup_scroll">
175 <div class="mc-field-group w-100 relative">
150 <div class="mc-field-group w-100 relative">