git.iko.soy/urbit.org
on master help sign in
Merge pull request #337 from urbit/feat/blog-directory-img

essays/list.html: add images

commitf63d61f573c70d4da110cecfe5e12895b7491745 authormatildepark <matilde@tlon.io> dateMon 27 Jan 2020, 14:40 (7 years ago) parentf008898930ec96
3 files changed+26−16
compare with master
unifiedsplit
content/blog/landscape-a-portrait.md−1 sass/_main.scss+6 templates/essays/list.html+20−15
content/blog/landscape-a-portrait.md−1
@@ -6,7 +6,6 @@ aliases = ["/posts/essays/landscape-a-portrait/", "/posts/landscape-a-portrait"]
66[extra]
77author = "Matilde Park"
88ship = "~haddef-sigwen"
9−image = "https://media.urbit.org/site/posts/essays/landscape-a-portrait-1.png"
109+++
1110
1211![](https://media.urbit.org/site/posts/essays/landscape-a-portrait-1.png)
sass/_main.scss+6
@@ -97,6 +97,12 @@ figcaption.home {
9797 margin: 0 auto;
9898}
9999
100+// obj-fit contain util
101+
102+.obj-cover {
103+ object-fit: cover;
104+}
105+
100106a {
101107 color: inherit;
102108 text-decoration: none;
templates/essays/list.html+20−15
@@ -1,17 +1,17 @@
11{% extends "base.html" %}
22
3−{% block title %}
4− <meta name="og:title" content="Blog - {{ config.title }}">
5− <title>Blog - {{ config.title }}</title>
3+{% block title %}
4+<meta name="og:title" content="Blog - {{ config.title }}">
5+<title>Blog - {{ config.title }}</title>
66{% endblock title %}
77
8−{% block description %}
9− <meta name="og:description" content="Directory for the Urbit Blog.">
10− <meta name="description" content="Directory for the Urbit Blog.">
8+{% block description %}
9+<meta name="og:description" content="Directory for the Urbit Blog.">
10+<meta name="description" content="Directory for the Urbit Blog.">
1111{% endblock description %}
1212
1313{% block image %}
14− <meta name="twitter:image" content="https://media.urbit.org/logo/urbit-logo-card.png">
14+<meta name="twitter:image" content="https://media.urbit.org/logo/urbit-logo-card.png">
1515{% endblock image %}
1616
1717{% block content %}
@@ -29,14 +29,19 @@
2929 <ul class="posts measure-wide">
3030 {% set posts = get_section(path="blog/_index.md") %}
3131 {% for page in posts.pages %}
32− <li class="mb4">
33− <h2 class="f5 fw6 mt0 mb1"><a class="bb-0" href="{{ page.permalink }}">{{ page.title }}</a></h2>
34− <p class="mt0">{{ page.description }}</p>
35− <time class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
36− <span class="mono f6">
37− {% if page.extra.ship %}<address class="mono f6 ml2">{{ page.extra.ship }}</address> {% endif %}
38− </span>
39− </li>
32+ <a class="bb-0" href="{{ page.permalink }}">
33+ <li class="mb4">
34+ <h2 class="f5 fw6 mt0 mb1">{{ page.title }}</h2>
35+ <p class="mt0">{{ page.description }}</p>
36+ {% if page.extra.image %}
37+ <img class="pv2 obj-cover h5 w-100" src="{{ page.extra.image }}"/>
38+ {% endif %}
39+ <time class="mono f6">{{ page.date | date(format="~%Y.%-m.%-d") }}</time>
40+ <span class="mono f6">
41+ {% if page.extra.ship %}<address class="mono f6 ml2">{{ page.extra.ship }}</address> {% endif %}
42+ </span>
43+ </li>
44+ </a>
4045 {% endfor %}
4146 </ul>
4247</article>