-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
110 lines (106 loc) · 4.25 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
---
layout: default
title: "4DCu.be - programming, gaming, technology, ..."
show_updated: true
sitemap: true
pagination:
enabled: true
---
<div class="home">
<div class="site-header-container {% if site.cover %}has-cover{% endif %}" {% if site.cover %}style="background-image: url({{ site.cover | prepend: site.baseurl }});"{% endif %}>
<div class="scrim {% if site.cover %}has-cover{% endif %}">
<header class="site-header">
{% if site.sticker %}<img src="{{site.sticker | prepend: site.baseurl }}" srcset="{{site.sticker | prepend: site.baseurl }},
{{site.sticker-1_5x | prepend: site.baseurl }} 1.5x,
{{site.sticker-2x | prepend: site.baseurl }} 2x" alt="sticker" class="sticker" width="300" height="300"/>{% endif %}
<h1 class="title">{{ site.title }}</h1>
{% if site.subtitle %}<p class="subtitle">{{ site.subtitle }}</p>{% endif %}
</header>
</div>
</div>
<div class="wrapper">
<div class="wrapper">
<ul class="post-list" data-pagefind-ignore>
{% for post in paginator.posts %}
<li>
<div data-aos="fade-in">
<h2>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
</h2>
<section class="post-excerpt" itemprop="description">
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
<img class="post-excerpt-image" src="{{ post.thumbnail | prepend: site.baseurl }}" alt="thumbnail for {{ post.title | strip_html }}" width="{{ site.thumbnail.width }}" height="{{ site.thumbnail.height }}" loading=lazy/>
</a>
<p>{{ post.content | strip_html | truncatewords: 50 }}</p>
{% assign words = post.content | number_of_words %}
</section>
<section class="post-meta">
<div class="post-date">Reading time: <strong>{% if words < 360 %} 1 minute {% else %} {{ words | divided_by:180 }} minutes {% endif %}</strong></div>
<div class="post-categories">Posted {{ post.date | date: "%B %-d, %Y" }}
{% if post.categories.size > 0 %}in {% for cat in post.categories %}
{% if site.jekyll-archives %}
<a href="{{ site.baseurl }}/category/{{ cat }}">{{ cat | capitalize }}</a>{% if forloop.last == false %}, {% endif %}
{% else %}
<a href="{{ site.baseurl }}/posts/#{{ cat }}">{{ cat | capitalize }}</a>{% if forloop.last == false %}, {% endif %}
{% endif %}
{% endfor %}{% endif %}
</div>
</section>
</div>
{% if forloop.last == false %}
<hr>
{% endif %}
</li>
{% endfor %}
</ul>
<div class="category-wrapper">
<h3>Categories</h3>
<ul class="category-list">
{% for category in site.categories %}
{% capture cat %}{{ category | first }}{% endcapture %}
<li><a href="{{ site.baseurl }}/category/{{ cat }}">{{ cat | capitalize }}</a> <span class="post-count">({{ category[1].size }})</span></li>
{% endfor %}
</ul>
<br />
<h3>Posts from ...</h3>
<ul class="category-list">
{% assign postsByYear = site.posts | group_by_exp:"post", "post.date | date: '%Y'" %}
{% for year in postsByYear %}
<li><a href="{{ site.baseurl }}/year/{{ year.name }}">{{ year.name }}</a> <span class="post-count">({{ year.items.size }})</span></li>
{% endfor %}
</ul>
</div>
</div>
<nav class="pagination" role="navigation">
<p>
{% if paginator.previous_page %}
<a class="newer-posts" href="{{ site.baseurl }}{{ paginator.previous_page_path }}">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
</span>
</a>
{% else %}
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
</span>
{% endif %}
<span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a class="newer-posts" href="{{ site.baseurl }}{{ paginator.next_page_path }}">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
</span>
</a>
{% else %}
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
</span>
{% endif %}
</p>
</nav>
</div>
</div>