on master help sign in
Merge pull request #330 from galenwp/layout-fixes

fixed spacing for media page and put title above media content

commit2e74d5d4ec235882f6cfdee9e690468d28eb2652 authormatildepark <matilde@tlon.io> dateTue 21 Jan 2020, 14:20 (7 years ago) parentf710b4ae3f8350
2 files changed+20−18
sass/_main.scss+2−2 templates/media/list.html+18−16
sass/_main.scss+2−2
@@ -255,11 +255,11 @@ ul.posts, nav ul, nav li {
255255}
256256
257257ul.posts li:not(:first-child) {
258− margin:2rem 0 2rem 0;
258+ margin:6rem 0 6rem 0;
259259}
260260
261261ul.posts li:first-child {
262− margin: 0 0 2rem 0;
262+ margin: 0 0 6rem 0;
263263}
264264
265265nav ul.docs {
templates/media/list.html+18−16
@@ -1,10 +1,10 @@
11{% extends "base.html" %}
2−{% block title %}
2+{% block title %}
33 <meta name="og:title" content="Media - {{ config.title }}">
44 <title>Media - {{ config.title }}</title>
55{% endblock title %}
66
7−{% block description %}
7+{% block description %}
88 <meta name="og:description" content="A curated list of Urbit-related media.">
99 <meta name="description" content="A curated list of Urbit-related media.">
1010{% endblock description %}
@@ -28,9 +28,11 @@
2828 <ul class="posts">
2929 {% set posts = get_section(path="media/_index.md") %}
3030 {% for page in posts.pages %}
31− <li class="mb6">
31+ <li>
32+ <h2 class="f5 fw6 mt0 mb2"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
33+
3234 {% if page.extra.youtube %}
33− <div class="video-container mb4">
35+ <div class="video-container mb2">
3436 <iframe class="w-100" height=auto
3537 src="https://www.youtube.com/embed/{{page.extra.youtube}}"
3638 webkitallowfullscreen
@@ -41,7 +43,7 @@
4143 {% endif %}
4244
4345 {% if page.extra.soundcloud %}
44− <iframe
46+ <iframe
4547 width="100%"
4648 height="300"
4749 scrolling="no"
@@ -52,20 +54,20 @@
5254 {% endif %}
5355
5456 {% if page.extra.libsyn %}
55− <iframe
56− style="border: none"
57− src="{{page.extra.libsyn}}"
58− height="90"
59− width="100%"
60− scrolling="no"
61− allowfullscreen
62− webkitallowfullscreen
63− mozallowfullscreen
64− oallowfullscreen
57+ <iframe
58+ style="border: none"
59+ src="{{page.extra.libsyn}}"
60+ height="90"
61+ width="100%"
62+ scrolling="no"
63+ allowfullscreen
64+ webkitallowfullscreen
65+ mozallowfullscreen
66+ oallowfullscreen
6567 msallowfullscreen>
6668 </iframe>
6769 {% endif %}
68− <h2 class="f5 fw6 mt0 mb1"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
70+
6971 <p class="mt0">{{ page.description }}</p>
7072 <span class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</span>
7173 <span class="mono f6">