-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (66 loc) · 2.53 KB
/
index.html
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
66
67
68
69
70
71
72
73
74
---
layout: default
pagination:
enabled: true
---
<section class="previews">
<div>
{% assign sorted_posts = paginator.posts | sort | reverse %}
{% for post in sorted_posts %}
<figure class="absolute-bg preview__img" style="background-image: url('{{ post.image }}');"></figure>
{% endfor %}
<div class="previews__container">
<h1>{{ site.author }}</h1>
<span>{{ site.author_description }}</span>
</div>
</div>
<div>
<header>
<ul class="tabs">
<li class="tabs__item">Beiträge</li>
<li class="tabs__item">Kategorien</li>
</ul>
<ul class="tabs">
<li class="tabs___item"><a href="/biere">Biere</a></li>
<li class="tabs___item"><a href="/samen">Samen</a></li>
<li class="tabs___item"><a href="/vorrat">Vorrat</a></li>
</ul>
<ul class="tabs">
<li class="tabs___item"><a href="/chili_2018">Chili 2018</a></li>
<li class="tabs___item"><a href="/tomaten_2019">Tomaten 2019</a></li>
</ul>
</header>
<div class="tab">
<ul itemscope itemtype="http://schema.org/Blog">
{% for post in sorted_posts %}
<li class="preview" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<a class="preview__link" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
<span class="preview__date" itemprop="datePublished" datetime="{{ post.update | default: post.date | date_to_xmlschema }}">{{ post.update | default: post.date | date: "%b %-d, %Y" }}</span>
<h2 class="preview__header" itemprop="name">{{ post.title }}</h2>
<p class="preview__excerpt" itemprop="description">
{% if post.about %}
{{ post.about | strip_html | truncatewords: 30 }}
{% else %}
{{ post.content | strip_html | truncatewords: 30 }}
{% endif %}
</p>
<span class="preview__more">Lesen</span>
</a>
</li>
{% endfor %}
</ul>
{% if paginator.total_pages > 1 %}
<div class="pagination">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path | prepend: site.baseurl }}">Zurück</a>
{% endif %}
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path | prepend: site.baseurl }}">Vor</a>
{% endif %}
</div>
{% endif %}
{% include archive-link.html %}
</div>
{% include categories-tab.html %}
</div>
</section>