/
index.njk
65 lines (53 loc) 路 1.69 KB
/
index.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
{% set css %}
{% include "style.css" %}
{% endset %}
<style>
{{ css | cssmin | safe }}
</style>
<head>
<title>Media-diet</title>
</head>
{% include "header.njk" %}
<main>
<h2>Books</h2>
<div class="grid">
{% for item in collections.books %}
<article class="item">
<img src="https://covers.openlibrary.org/b/isbn/{{ item.data.isbn }}-L.jpg" alt="{{ item.data.title}} book cover" />
<div>
<h3>{{ item.data.title }}</h2>
<h4>by {{ item.data.author }}</h3>
<ul>
<li>{{ item.data.tag }}</li>
<li>{{ item.data.format }}</li>
<li>{{ item.data.publishYear }}</li>
</ul>
</div>
</article>
{% endfor %}
</div>
<h2>Games</h2>
{% for item in collections.games %}
<article class="item">
<img src="https://covers.openlibrary.org/b/isbn/{{ item.data.isbn }}-L.jpg" alt="{{ item.data.title}} book cover" />
<h3>{{ item.data.title }}</h2>
<h4>{{ item.data.platform }}</h3>
</article>
{% endfor %}
<h2>Series</h2>
{% for item in collections.series %}
<article class="item">
<img src="https://covers.openlibrary.org/b/isbn/{{ item.data.isbn }}-L.jpg" alt="{{ item.data.title}} book cover" />
<h3>{{ item.data.title }}</h2>
<h4>{{ item.data.platform }}</h3>
</article>
{% endfor %}
<h2>Movies</h2>
{% for item in collections.movies %}
<article class="item">
<img src="https://covers.openlibrary.org/b/isbn/{{ item.data.isbn }}-L.jpg" alt="{{ item.data.title}} book cover" />
<h3>{{ item.data.title }}</h2>
<h4>{{ item.data.platform }}</h3>
</article>
{% endfor %}
</main>