on master help sign in
mini reorg
commite82d536b400cf64c0d15ec896fd57d28d43caffa authorGalen Wolfe-Pauly <galen@tlon.io> dateFri 11 Sep 2020, 16:50 (6 years ago) parent91ae17e
4 files changed+121−70
sass/_main.scss−3 templates/essays/post.html+34 templates/index.html+86−66 templates/understanding-urbit/post.html+1−1
sass/_main.scss−3
@@ -633,9 +633,6 @@ hr {
633633}
634634
635635.vid-insert {
636− position: absolute;
637− right: 0;
638− bottom: 0;
639636 // Use .vid-insert-wrap to control height + width
640637 width: 100%;
641638 height: 100%;
templates/essays/post.html+34
@@ -64,4 +64,38 @@
6464
6565 {% include "partials/pagination.html" %}
6666</article>
67+<section class="full c4-12-lg lh-copy mt6 mb4 measure-wide">
68+ <iframe name="nothing" style="display:none;"></iframe>
69+ <p class="mt5">If you’d like to follow our progress, we send monthly updates via email:</p>
70+ <form
71+ action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
72+ method="post"
73+ id="mc-embedded-subscribe-form"
74+ name="mc-embedded-subscribe-form"
75+ class="validate form"
76+ target="_blank"
77+ novalidate>
78+ <div class="input-group" id="mc_embed_signup_scroll">
79+ <div class="mc-field-group w-100 relative">
80+ <input
81+ class="bg-white black b--black ba pa3 w-100 mb2 br0 wk-appearance-none"
82+ type="email"
83+ name="EMAIL"
84+ id="mce-EMAIL"
85+ placeholder="your@email.com"/>
86+ <button
87+ id="mc-embedded-subscribe"
88+ class="dib bn absolute bg-transparent"
89+ style="font-family: 'Inter UI', san-serif; right: 3px; top: 15px; -webkit-appearance: none;"
90+ type="submit"
91+ name="subscribe"
92+ onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
93+ <span class="fr pr1">-></span>
94+ </button>
95+ </div>
96+ </div>
97+ </form>
98+ <p class="mt3 mb3 mb3-xl lh-copy">You can also follow us on <a class="bb" href="https://twitter.com/urbit">Twitter</a> or <a class="bb" href="https://github.com/urbit">Github</a>.</p>
99+ <p class="mt0 mb3 mb4-xl lh-copy">Or talk to us on Urbit: <code>~bitbet-bolbel/urbit-community</code></p>
100+</section>
67101{% endblock content %}
templates/index.html+86−66
@@ -19,74 +19,50 @@
1919 <meta name="description" content="Urbit is a simple, durable system for running a personal server that you own 100% and forever.">
2020{% endblock description %}
2121{% block content %}
22−<header class="mt7 mb7 c1-12 c2-11-md c3-11-lg">
23− Urbit is a clean-slate OS and network for the 21st century.
24−</header>
25−<section class="full lh-copy c2-7-md c3-7-lg mt4">
26− <p><strong>Urbit OS</strong> is a clean slate reimagining of the operating system as an 'overlay OS.' It runs on any Unix machine with an internet connection.</p>
27− <p>It's a compact system for an individual to run their own permanent personal server.</p>
28− <p><strong>Urbit ID</strong> is a decentralized digital identity system. Your
29− Urbit ID is a username, network address, and crypto wallet.</p>
30− <p>Both are designed to work together as a single system, completely <a class="b--black bb" href="https://github.com/urbit/urbit">open source</a>.</p>
31− <ul class="list mt4">
32− <li class="mt3">
33− <a class="b--blue2 blue2 bb" href="/using/install/">Install + Setup</a>
34− </li>
35− <li class="mt3">
36− <a class="b--green2 green2 bb" href="/docs/">Documentation</a>
37− </li>
38− </ul>
22+
23+<section class="full lh-copy c2-11-md c3-11-lg mt4 f6">
24+ <strong>Urbit</strong>
25+ <a class="ml4" href="/understanding-urbit">Introduction</a>
26+ <a class="ml3" href="/blog">Blog</a>
27+ <a class="ml3" href="/docs">Documentation</a>
3928</section>
4029
30+<section class="full lh-copy c2-7-md c3-7-lg mt4 mb6">
31+ <p class="mt0 mb4"><strong>Urbit</strong> is a clean-slate OS and network for the 21st century.</p>
32+ <p><strong>Urbit OS</strong> is a clean slate reimagining of the operating system as an 'overlay OS.'</p>
33+ <p class="mb4">It's a compact system for an individual to run their own permanent personal server on any Unix machine with an internet connection.</p>
34+ <p class="mb4"><strong>Urbit ID</strong> is a decentralized digital identity system. Your
35+ Urbit ID is a username, network address, and crypto wallet.</p>
36+ <p><strong>Urbit OS + Urbit ID</strong> are designed to work together as a single system, are completely open source and 100% owned by the people who use them.</p>
37+</section>
4138
42−<section class="full lh-copy c7-12-md c7-11-lg mt4">
43− <p class="fw6">Latest Posts</p>
44− {% set s = get_section(path="updates/_index.md") %}
45− {% set e = get_section(path="blog/_index.md") %}
46− {% set allposts = s.pages
47− | concat (with=e.pages)
48− | sort(attribute="date")
49− | reverse
50− %}
51− {% for page in allposts | slice (end=2) %}
52− <a class="bb-0" href="{{ page.permalink }}">
53− <li class="mb4 list">
54− <h2 class="f5 fw6 mt0 mb1">{{ page.title }}</h2>
55− {% if page.extra.image %}
56− <img class="db pv2 obj-cover h4 w-50" src="{{ page.extra.image }}" />
57− {% endif %}
58− <time class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
59− <span class="mono f6">
60− {% if page.extra.ship %}
61− <address class="mono f6 mh2">{{ page.extra.ship }}</address>
62− {% endif %}
63− </span>
64− </li>
65− </a>
66− {% endfor %}
39+<section class="full lh-copy c7-12-md c7-11-lg mt4 mb6">
40+ <video class="vid-insert bg-black" id="ocean" autoplay="" muted="" loop="" poster="https://media.urbit.org/site/sea30-poster.jpg"><source src="https://storage.googleapis.com/media.urbit.org/site/sea30-1440.mp4" type="video/mp4">
41+ Your browser does not support the video tag.
42+ </video>
6743</section>
6844
69−<section class="full c2-7-md c3-7-lg mt5">
70− <h1 class="mb3">Understanding Urbit</h1>
71− <p class="lh-copy mt1">This sequence of posts will give you a high-level overview of Urbit. They take about 20 minutes to read.</p>
72− <ul class="list">
45+
46+
47+<section class="full lh-copy c2-7-md c3-7-lg">
48+ <ul class="list mt0">
49+ <li class="mt0">
50+ <a class="bb" href="/understanding-urbit">Introduction</a><br />
51+ Never heard of Urbit before? Start here to read a bit about the project.
52+ </li>
7353 <li class="mt3">
74− <a class="b--black bb" href="/understanding-urbit/">Introduction</a>
54+ <a class="b--blue2 blue2 bb" href="/using/install/">Install + Setup</a><br />
55+ If you're comfortable in the command-line, feel free to boot a node and try Urbit.
7556 </li>
76− {% set posts = get_section(path="understanding-urbit/_index.md") %} {%
77− for page in posts.pages %}
7857 <li class="mt3">
79− <a
80− class="b--black bb"
81− href="{{ page.permalink }}">
82− {{ page.title }}
83− </a>
58+ <a class="b--green2 green2 bb" href="/docs/">Documentation</a><br />
59+ To learn more about the technology, head to the docs.
8460 </li>
85− {% endfor %}
8661 </ul>
8762</section>
8863
89−<section class="full c7-12-md c7-11-lg mv5">
64+
65+<section class="full lh-copy c7-12-md c7-11-lg" id="follow">
9066 <h1 class="mb3">Stay Up to Date</h1>
9167 <p class="lh-copy mt1 mb3">
9268 We send regular updates about our project. Enter your email to get them.
@@ -120,22 +96,66 @@
12096 </div>
12197 </div>
12298 </form>
123− <p>You can also:</p>
124− <ul class="list">
125− <li class="mt3">
99+ <p class="lh-copy">
126100 Follow us on <a class="b--black bb" href="https://twitter.com/urbit">Twitter</a>
127− </li>
101+ </p>
102+ <p class="lh-copy">
103+ Explore the code on <a class="b--black bb" href="https://github.com/urbit/urbit">GitHub</a>
104+ </p>
105+ <p class="lh-copy">
106+ Ask questions in our <a class="b--black bb" href="https://discord.gg/Mae2bk7">Discord</a>
107+ </p>
108+ <p class="lh-copy">
109+ Boot Urbit and join:<br /> <code>~bitbet-bolbel/urbit-community</code><br /> (That's where we hang out.)
110+ </p>
111+</section>
112+
113+<section class="full c2-7-md c3-7-lg mt5">
114+ <h1 class="mb3">Understanding Urbit</h1>
115+ <p class="lh-copy mt1">This sequence of posts will give you a high-level overview of Urbit. They take about 20 minutes to read.</p>
116+ <ul class="list">
128117 <li class="mt3">
129− Explore the code on
130− <a class="b--black bb" href="https://github.com/urbit/urbit">GitHub</a>
118+ <a class="b--black bb" href="/understanding-urbit/">Introduction</a>
131119 </li>
120+ {% set posts = get_section(path="understanding-urbit/_index.md") %} {%
121+ for page in posts.pages %}
132122 <li class="mt3">
133− Ask questions in our <a class="b--black bb" href="https://discord.gg/Mae2bk7">Discord</a>
123+ <a
124+ class="b--black bb"
125+ href="{{ page.permalink }}">
126+ {{ page.title }}
127+ </a>
134128 </li>
129+ {% endfor %}
135130 </ul>
136− <p class="lh-copy">
137− Or, boot Urbit and join the <code>~bitbet-bolbel/urbit-community</code>
138− </p>
131+</section>
132+
133+<section class="full c7-12-md c7-11-lg mv5">
134+ <h1 class="mb3">Latest Posts</h1>
135+ <p class="lh-copy mt1">We regularly write posts on our <a class="bb" href="/blog">blog</a> about what we're working on.</p>
136+ {% set s = get_section(path="updates/_index.md") %}
137+ {% set e = get_section(path="blog/_index.md") %}
138+ {% set allposts = s.pages
139+ | concat (with=e.pages)
140+ | sort(attribute="date")
141+ | reverse
142+ %}
143+ {% for page in allposts | slice (end=2) %}
144+ <a class="bb-0" href="{{ page.permalink }}">
145+ <li class="mb4 list">
146+ <h2 class="f5 fw6 mt0 mb1">{{ page.title }}</h2>
147+ {% if page.extra.image %}
148+ <img class="db pv2 obj-cover h4 w-50 ba" src="{{ page.extra.image }}" />
149+ {% endif %}
150+ <time class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
151+ <span class="mono f6">
152+ {% if page.extra.ship %}
153+ <address class="mono f6 mh2">{{ page.extra.ship }}</address>
154+ {% endif %}
155+ </span>
156+ </li>
157+ </a>
158+ {% endfor %}
139159</section>
140160
141161{% include "partials/footer.html" %}
templates/understanding-urbit/post.html+1−1
@@ -105,6 +105,6 @@
105105 </div>
106106 </form>
107107 <p class="mt3 mb3 mb3-xl lh-copy">You can also follow us on <a class="bb" href="https://twitter.com/urbit">Twitter</a> or <a class="bb" href="https://github.com/urbit">Github</a>.</p>
108− <p class="mt0 mb3 mb4-xl lh-copy">Or, preferably, on Urbit itself in the <code>~bitbet-bolbel/urbit-community</code></p>
108+ <p class="mt0 mb3 mb4-xl lh-copy">Or talk to us on Urbit: <code>~bitbet-bolbel/urbit-community</code></p>
109109 </section>
110110{% endblock content %}