src/blog.njk


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

---
layout = "base.njk"
extraHeadContent = "<link rel=alternate type=application/atom+xml title=Atom href=feed.xml>"

[pagination]
data = "collections.post"
alias = "posts"
size = 20
reverse = true

[eleventyNavigation]
key = "Blog"
order = 1
---
<style>
.feed-icon {
	display: block;
	float: right;
	height: 1em;
	width: 1em;
	background: url('/img/feed-icon.svg') center/contain, var(--fg);
	background-blend-mode: luminosity;
	mask: url('/img/feed-icon.svg') 0 0/100% 100%;
}
</style>
<a href=feed.xml alt="Atom feed" class=feed-icon></a>
{% for post in posts %}
<article class=blogpost>
	<h2><a href="{{ post.url | url }}">{{ post.data.title }}</a></h2>
	<time datetime="{{ post.date | rfc3339_datetime }}" title="{{ post.date | rfc3339_datetime}}">
		{{ post.date | local_date }}
	</time>
	{%- if post.data.page.excerpt -%}
		<p>{{ post.data.page.excerpt | safe }}
	{%- endif -%}
</article>
{% endfor %}