on master help sign in
Merge pull request #330 from galenwp/layout-fixes
2e74d5dmatildepark
sass/_main.scss+2−2
@@ -255,11 +255,11 @@ ul.posts, nav ul, nav li {
255}
255}
256
256
257ul.posts li:not(:first-child) {
257ul.posts li:not(:first-child) {
258− margin:2rem 0 2rem 0;
258+ margin:6rem 0 6rem 0;
259}
259}
260
260
261ul.posts li:first-child {
261ul.posts li:first-child {
262− margin: 0 0 2rem 0;
262+ margin: 0 0 6rem 0;
263}
263}
264
264
265nav ul.docs {
265nav ul.docs {
templates/media/list.html+18−16
@@ -1,10 +1,10 @@
1{% extends "base.html" %}
1{% extends "base.html" %}
2−{% block title %}
2+{% block title %}
3 <meta name="og:title" content="Media - {{ config.title }}">
3 <meta name="og:title" content="Media - {{ config.title }}">
4 <title>Media - {{ config.title }}</title>
4 <title>Media - {{ config.title }}</title>
5{% endblock title %}
5{% endblock title %}
6
6
7−{% block description %}
7+{% block description %}
8 <meta name="og:description" content="A curated list of Urbit-related media.">
8 <meta name="og:description" content="A curated list of Urbit-related media.">
9 <meta name="description" content="A curated list of Urbit-related media.">
9 <meta name="description" content="A curated list of Urbit-related media.">
10{% endblock description %}
10{% endblock description %}
@@ -28,9 +28,11 @@
28 <ul class="posts">
28 <ul class="posts">
29 {% set posts = get_section(path="media/_index.md") %}
29 {% set posts = get_section(path="media/_index.md") %}
30 {% for page in posts.pages %}
30 {% 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+
32 {% if page.extra.youtube %}
34 {% if page.extra.youtube %}
33− <div class="video-container mb4">
35+ <div class="video-container mb2">
34 <iframe class="w-100" height=auto
36 <iframe class="w-100" height=auto
35 src="https://www.youtube.com/embed/{{page.extra.youtube}}"
37 src="https://www.youtube.com/embed/{{page.extra.youtube}}"
36 webkitallowfullscreen
38 webkitallowfullscreen
@@ -41,7 +43,7 @@
41 {% endif %}
43 {% endif %}
42
44
43 {% if page.extra.soundcloud %}
45 {% if page.extra.soundcloud %}
44− <iframe
46+ <iframe
45 width="100%"
47 width="100%"
46 height="300"
48 height="300"
47 scrolling="no"
49 scrolling="no"
@@ -52,20 +54,20 @@
52 {% endif %}
54 {% endif %}
53
55
54 {% if page.extra.libsyn %}
56 {% if page.extra.libsyn %}
55− <iframe
57+ <iframe
56− style="border: none"
58+ style="border: none"
57− src="{{page.extra.libsyn}}"
59+ src="{{page.extra.libsyn}}"
58− height="90"
60+ height="90"
59− width="100%"
61+ width="100%"
60− scrolling="no"
62+ scrolling="no"
61− allowfullscreen
63+ allowfullscreen
62− webkitallowfullscreen
64+ webkitallowfullscreen
63− mozallowfullscreen
65+ mozallowfullscreen
64− oallowfullscreen
66+ oallowfullscreen
65 msallowfullscreen>
67 msallowfullscreen>
66 </iframe>
68 </iframe>
67 {% endif %}
69 {% endif %}
68− <h2 class="f5 fw6 mt0 mb1"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
70+
69 <p class="mt0">{{ page.description }}</p>
71 <p class="mt0">{{ page.description }}</p>
70 <span class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</span>
72 <span class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</span>
71 <span class="mono f6">
73 <span class="mono f6">