on master help sign in
Starter homepage
commit60d44e17990bd7975963f7bc485ddb167c5adfff authorMatilde Park <matilde@tlon.io> dateTue 1 Oct 2019, 19:23 (7 years ago) parent92b48df
3 files changed+35−65
sass/_main.scss−5 sass/_responsive.scss−6 templates/index.html+35−54
sass/_main.scss−5
@@ -78,11 +78,6 @@ a {
7878 text-decoration: none;
7979}
8080
81−// homepage links
82−nav.home li a {
83− @extend .bb, .b--black;
84−}
85−
8681article {
8782 // default
8883 // links on body text
sass/_responsive.scss−6
@@ -10,10 +10,4 @@
1010 nav.next {
1111 left: 16px !important;
1212 }
13−}
14−
15−@media all and (min-width: 46.875rem) {
16− h2#updates {
17− margin-top: 9.3rem;
18− }
1913}
templates/index.html+35−54
@@ -8,18 +8,20 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
88
99{% block title %} {{ section.title }} {% endblock title %}
1010{% block content %}
11−<nav class="home full fourth-1-md fourth-1-lg mt4 mb5">
12− <h1 class="mb4 mt2 fw4">Urbit is a new operating system
13− designed from the ground up to be durable, simple, and yours.</h1>
11+<nav class="home full c4-10-md c4-10-lg mt4 mb5 grid12">
12+ <h1 class="mb6 full mt2 fw4 w-50">Urbit is a new operating system
13+ designed from the ground up to be durable, simple, and yours.</h1>
14+ <section class="full half-1-md half-1-lg">
1415 <ul>
1516 <li><a href="#introduction">Introduction ↓</a></li>
1617 <li><a href="/faq/">FAQ</a></li>
17− </ul>
1818 <li class="mt4"><a href="/essays">Essays</a></li>
1919 <li><a href="/updates/">Updates</a></li>
2020 <li><a href="/media">Media</a></li>
21− <li class="mt4"><a href="/docs">Docs</a></li>
22− <li><a href="/install">Install</a></li>
21+ <li class="mt4"><a href="/docs">Docs ↗</a></li>
22+ <li><a class="green2" href="/install">Install ↗</a></li>
23+</ul>
24+</section>
2325 <!-- TODO: Bottom footer this once IA and etc are not TBA.
2426 <h3 class="mt4">Contributing</h3>
2527 <ul>
@@ -49,32 +51,34 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
4951 <li><a href="/develop/#community-tutorials">Community Tutorials</a></li>
5052 </ul>
5153 -->
52−</nav>
53−<!-- "Latest posts" sidebar. Latest mockups don't have this. Delete if entering production.
54−<aside class="mt4 fourth-3-md fourth-3-lg full">
55− <section class="mt2 mb2"><h3>Latest Posts</h3>
56− {% set s = get_section(path="updates/_index.md") %}
57− {% set e = get_section(path="essays/_index.md") %}
58− {% set allposts = s.pages
59− | concat (with=e.pages)
60− | sort(attribute="date")
61− | reverse
62− %}
63− {% for page in allposts
64− | slice (end=2)
65− %}
66− <a class="db fw6 mt3 mb1" href="{{ page.permalink }}">{{ page.title }}</a>
67− <address class="mono db mv1">{{ page.extra.ship }}</address>
68− <time class="mono mv1 mr3">{{ page.date
69− | date(format="~%Y.%-m.%-d") }}</time>
70− <a class="mono mv2" href="/{{page.components[0] | lower}}">
71− {{ page.components[0] | lower}}
72− </a>
73− {% endfor %}
74− </section>
54+
55+<aside class="half-2-md half-2-lg full">
56+ <p class="lh-copy mt1">We send regular updates about our project. Enter your email to get them.</p>
57+ <iframe name="nothing" style="display:none;"></iframe>
58+ <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2"
59+ method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form"
60+ target="_blank" novalidate>
61+ <div class="input-group" id="mc_embed_signup_scroll">
62+ <div class="mc-field-group w-100">
63+ <input class="bg-white black b--black ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL"
64+ placeholder="your@email.com">
65+ </div>
66+ <div id="mce-responses" class="clear">
67+ <div id="mce-error-response" class="response" style="display:none"></div>
68+ <div id="mce-success-response" class="response" style="display:none"></div>
69+ </div>
70+ <div style="position: absolute; left: -5000px;" aria-hidden="true">
71+ <input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value="">
72+ </div>
73+ <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between b--black black w-100 tl"
74+ style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit"
75+ name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
76+ <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
77+ </button>
78+ </div>
79+ </form>
7580</aside>
76−-->
77− <!-- footer -->
81+</nav>
7882 <footer class="full-bleed mt4 grid12 bg-black white full">
7983 <nav class="home mt4 mb4 full fourth-1-md fourth-1-lg">
8084 <p class="mt5 mb5">Urbit is built by Tlon</p>
@@ -89,29 +93,6 @@ a[href*="//"]:not([href*="{{config.base_url | safe}}"])::after {
8993 <li><a href="https://twitter.com/urbit">twitter.com/urbit</a></li>
9094 <li><a href="https://github.com/urbit">github.com/urbit</a></li>
9195 </nav>
92− <aside class="fourth-3-md fourth-3-lg full mt4">
93− <h2 id="updates" class="mt2">
94− Updates
95− </h2>
96− <p class="lh-copy">Every month we send an email with community events and what we're up to.</p>
97− <iframe name="nothing" style="display:none;"></iframe>
98− <form action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;amp;id=be143888d2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form" target="_blank" novalidate>
99− <div class="input-group" id="mc_embed_signup_scroll">
100− <div class="mc-field-group w-100">
101− <small class="mb1 dib">Receiving Email Address</small>
102− <input class="bg-black white b--white ba pa3 w-100 mb2" type="email" name="EMAIL" id="mce-EMAIL" placeholder="your@email.com">
103− </div>
104− <div id="mce-responses" class="clear">
105− <div id="mce-error-response" class="response" style="display:none"></div>
106− <div id="mce-success-response" class="response" style="display:none"></div>
107− </div>
108− <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_972a03db9e0c6c25bb58de8c8_be143888d2" tabindex="-1" value=""></div>
109− <button id="mc-embedded-subscribe" class="bg-white mb4 justify-between black w-100 tl" style="font-family: 'Inter UI', san-serif; padding: 16px; -webkit-appearance: none;" type="submit" name="subscribe" onclick="_paq.push(['trackEvent', 'Mailing List', 'Subscribe'])">
110− <span class="text-500">Subscribe</span> <span class="fr pr1">-></span>
111− </button>
112− </div>
113− </form>
114− </aside>
11596 </footer>
11697 </div>
11798 </div>