on master help sign in
Merge pull request #357 from urbit/feat/streamline-home

index.html: add latest posts, streamline landing

commit33ff837dc2b640f81cb3fd9e3bcb955acaa14089 authormatildepark <matilde@tlon.io> dateTue 18 Feb 2020, 21:49 (7 years ago) parent5901cf0f4ddd04
1 file changed+41−47
templates/index.html+41−47
templates/index.html+41−47
@@ -41,16 +41,48 @@
4141 "></iframe> -->
4242</section>
4343
44−<section class="full lh-copy c2-7-md c3-7-lg mt4">
45− <p class="mb4">
46− Urbit is two new pieces of technology:<br/>
47− Urbit OS + Urbit ID.
48− </p>
49− <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. Urbit OS is a compact system for an individual to run their own permanent personal server.</p>
44+<section class="full lh-copy c2-7-md c3-7-lg mt5">
45+ <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>
46+ <p>It's a compact system for an individual to run their own permanent personal server.</p>
5047 <p><strong>Urbit ID</strong> is a decentralized digital identity system. Your
51− Urbit ID is a username, network address and crypto wallet designed for Urbit OS.</p>
52− <p>Urbit OS + Urbit ID are designed to work together as a single system. Both are completely <a href="https://github.com/urbit/urbit">open source</a> for anyone to build on top of, play with and experiment with.</p>
53− <p>Urbit is <i>not quite</i> ready for everyday users. But if you're curious, keep going ↓</p>
48+ Urbit ID is a username, network address, and crypto wallet.</p>
49+ <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>
50+ <ul class="list mt4">
51+ <li class="mt3">
52+ <a class="b--blue2 blue2 bb" href="/using/install/">Install + Setup</a>
53+ </li>
54+ <li class="mt3">
55+ <a class="b--green2 green2 bb" href="/docs/">Documentation</a>
56+ </li>
57+ </ul>
58+</section>
59+
60+
61+<section class="full lh-copy c7-12-md c7-11-lg mt5">
62+ <p class="fw6">Latest Posts</p>
63+ {% set s = get_section(path="updates/_index.md") %}
64+ {% set e = get_section(path="blog/_index.md") %}
65+ {% set allposts = s.pages
66+ | concat (with=e.pages)
67+ | sort(attribute="date")
68+ | reverse
69+ %}
70+ {% for page in allposts | slice (end=2) %}
71+ <a class="bb-0" href="{{ page.permalink }}">
72+ <li class="mb4 list">
73+ <h2 class="f5 fw6 mt0 mb1">{{ page.title }}</h2>
74+ {% if page.extra.image %}
75+ <img class="db pv2 obj-cover h4 w-50" src="{{ page.extra.image }}" />
76+ {% endif %}
77+ <time class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
78+ <span class="mono f6">
79+ {% if page.extra.ship %}
80+ <address class="mono f6 mh2">{{ page.extra.ship }}</address>
81+ {% endif %}
82+ </span>
83+ </li>
84+ </a>
85+ {% endfor %}
5486</section>
5587
5688<section class="full c2-7-md c3-7-lg mt5">
@@ -73,44 +105,6 @@
73105 </ul>
74106</section>
75107
76−<section class="full c7-12-md c7-11-lg mt5">
77− <h1 class="mb3">Developer Resources</h1>
78− <p class="lh-copy mt1">If you're someone who likes playing with experimental software, you should dive right in. Booting an Urbit takes only a few minutes.</p>
79− <ul class="list">
80− <li class="mt3">
81− <a class="b--black bb" href="/using/install/">Install + Setup</a>
82− </li>
83− <li class="mt3">
84− <a class="b--black bb" href="/docs/">Documentation</a>
85− </li>
86− <li class="mt3">
87− <a class="b--black bb" href="/community/hoonschool">Hoon School</a>
88− </li>
89− <li class="mt3">
90− <a class="b--black bb" href="https://grants.urbit.org">Developer Grants</a>
91− </li>
92− </ul>
93−</section>
94−
95−<section class="full c2-7-md c3-7-lg mt5">
96− <h1 class="mb3">Learn More</h1>
97− <p class="lh-copy mt1">We share ongoing project developments, discuss technical considerations, and update our public roadmap as often as possible.</p>
98− <ul class="list">
99− <li class="mt3">
100− <a class="b--black bb" href="/blog">Blog</a>
101− </li>
102− <li class="mt3">
103− <a class="b--black bb" href="/updates/">Updates</a>
104− </li>
105− <li class="mt3">
106− <a class="b--black bb" href="/media">Media</a>
107− </li>
108− <li class="mt3">
109− <a class="b--black bb" href="/faq/">FAQ</a>
110− </li>
111− </ul>
112−</section>
113−
114108<section class="full c7-12-md c7-11-lg mv5">
115109 <h1 class="mb3">Stay Up to Date</h1>
116110 <p class="lh-copy mt1 mb3">