@@ -0,0 +1,50 @@
1+{% extends "base.html" %}
2+{% block title %} Media {% endblock title %}
3+{% block content %}
4+<!-- header -->
5+<nav class="mt4 full fourth-1-md fourth-1-lg">
6+ <a class="gray3" href="/">Urbit</a>
7+ <span class="gray3"> / </span>
8+ <a href="/media">
9+ Media
10+ </a>
11+ {% include "partials/navigation-search.html" %}
12+</nav>
13+<!-- content -->
14+ <article class="mt4-l mt4-xl mb2 full c4-10-lg">
15+ <ul class="posts">
16+ {% set posts = get_section(path="media/_index.md") %}
17+ {% for page in posts.pages %}
18+ <li class="mb6">
19+ {% if page.extra.youtube %}
20+ <div class="video-container mb4">
21+ <iframe class="w-100" height=auto
22+ src="https://www.youtube.com/embed/{{page.extra.youtube}}"
23+ webkitallowfullscreen
24+ mozallowfullscreen
25+ allowfullscreen>
26+ </iframe>
27+ </div>
28+ {% endif %}
29+
30+ {% if page.extra.soundcloud %}
31+ <iframe
32+ width="100%"
33+ height="300"
34+ scrolling="no"
35+ frameborder="no"
36+ allow="autoplay"
37+ src="{{page.extra.soundcloud}}">
38+ </iframe>
39+ {% endif %}
40+ <h2 class="f4 fw4"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
41+ <p class="mt0">{{ page.description }}</p>
42+ <span class="mono f5">{{ page.date | date(format="~%Y.%-m.%-d") }}</span>
43+ <span class="mono f5">
44+ {% if page.extra.ship %}<span class="mono f5 ml2">{{ page.extra.ship }}</span> {% endif %}
45+ </span>
46+ </li>
47+ {% endfor %}
48+ </ul>
49+ </article>
50+{% endblock content %}