on master help sign in
mini reorg
e82d536Galen Wolfe-Pauly
sass/_main.scss−3
@@ -633,9 +633,6 @@ hr {
633}
633}
634
634
635.vid-insert {
635.vid-insert {
636− position: absolute;
637− right: 0;
638− bottom: 0;
639 // Use .vid-insert-wrap to control height + width
636 // Use .vid-insert-wrap to control height + width
640 width: 100%;
637 width: 100%;
641 height: 100%;
638 height: 100%;
templates/essays/post.html+34
@@ -64,4 +64,38 @@
64
64
65 {% include "partials/pagination.html" %}
65 {% include "partials/pagination.html" %}
66</article>
66</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>
67{% endblock content %}
101{% endblock content %}
templates/index.html+86−66
@@ -19,74 +19,50 @@
19 <meta name="description" content="Urbit is a simple, durable system for running a personal server that you own 100% and forever.">
19 <meta name="description" content="Urbit is a simple, durable system for running a personal server that you own 100% and forever.">
20{% endblock description %}
20{% endblock description %}
21{% block content %}
21{% block content %}
22−<header class="mt7 mb7 c1-12 c2-11-md c3-11-lg">
22+
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">
23+<section class="full lh-copy c2-11-md c3-11-lg mt4 f6">
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
24+ <strong>Urbit</strong>
29− Urbit ID is a username, network address, and crypto wallet.</p>
25+ <a class="ml4" href="/understanding-urbit">Introduction</a>
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>
26+ <a class="ml3" href="/blog">Blog</a>
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>
27+ <a class="ml3" href="/docs">Documentation</a>
37− </li>
38− </ul>
39</section>
28</section>
40
29
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>
41
38
42−<section class="full lh-copy c7-12-md c7-11-lg mt4">
39+<section class="full lh-copy c7-12-md c7-11-lg mt4 mb6">
43− <p class="fw6">Latest Posts</p>
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">
44− {% set s = get_section(path="updates/_index.md") %}
41+ Your browser does not support the video tag.
45− {% set e = get_section(path="blog/_index.md") %}
42+ </video>
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 %}
67</section>
43</section>
68
44
45+
46+
69−<section class="full c2-7-md c3-7-lg mt5">
47+<section class="full lh-copy c2-7-md c3-7-lg">
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">
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>
73 <li class="mt3">
53 <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.
75 </li>
56 </li>
76− {% set posts = get_section(path="understanding-urbit/_index.md") %} {%
77− for page in posts.pages %}
78 <li class="mt3">
57 <li class="mt3">
79− <a
58+ <a class="b--green2 green2 bb" href="/docs/">Documentation</a><br />
80− class="b--black bb"
59+ To learn more about the technology, head to the docs.
81− href="{{ page.permalink }}">
82− {{ page.title }}
83− </a>
84 </li>
60 </li>
85− {% endfor %}
86 </ul>
61 </ul>
87</section>
62</section>
88
63
64+
89−<section class="full c7-12-md c7-11-lg mv5">
65+<section class="full lh-copy c7-12-md c7-11-lg" id="follow">
90 <h1 class="mb3">Stay Up to Date</h1>
66 <h1 class="mb3">Stay Up to Date</h1>
91 <p class="lh-copy mt1 mb3">
67 <p class="lh-copy mt1 mb3">
92 We send regular updates about our project. Enter your email to get them.
68 We send regular updates about our project. Enter your email to get them.
@@ -120,22 +96,66 @@
120 </div>
96 </div>
121 </div>
97 </div>
122 </form>
98 </form>
123− <p>You can also:</p>
124− <ul class="list">
125− <li class="mt3">
99+ <p class="lh-copy">
126 Follow us on <a class="b--black bb" href="https://twitter.com/urbit">Twitter</a>
100 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">
128 <li class="mt3">
117 <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>
131 </li>
119 </li>
120+ {% set posts = get_section(path="understanding-urbit/_index.md") %} {%
121+ for page in posts.pages %}
132 <li class="mt3">
122 <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>
134 </li>
128 </li>
129+ {% endfor %}
135 </ul>
130 </ul>
136− <p class="lh-copy">
131+</section>
137− Or, boot Urbit and join the <code>~bitbet-bolbel/urbit-community</code>
132+
138− </p>
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 %}
139</section>
159</section>
140
160
141{% include "partials/footer.html" %}
161{% include "partials/footer.html" %}
templates/understanding-urbit/post.html+1−1
@@ -105,6 +105,6 @@
105 </div>
105 </div>
106 </form>
106 </form>
107 <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>
107 <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>
109 </section>
109 </section>
110{% endblock content %}
110{% endblock content %}