leilukin-site/src/pages/blog.njk

66 lines
1.5 KiB
Plaintext
Raw Normal View History

2024-04-15 17:39:56 +00:00
---
layout: main/content
title: Blog
2024-04-16 07:47:30 +00:00
desc: Blog hosted on Leilukin's personal website.
2024-04-15 17:39:56 +00:00
tags: blog pages
2024-04-16 07:47:30 +00:00
pageTitle: Welcome to Leilukin's Hub Blog!
2024-04-17 18:08:32 +00:00
navTitle: Blog Home
2024-04-16 08:56:15 +00:00
pagination:
data: collections.posts
size: 5
alias: postList
reverse: true
permalink: "/{{ page.fileSlug }}{% if pagination.pageNumber > 0 %}/page/{{ pagination.pageNumber + 1 }}{% endif %}/"
eleventyNavigation:
order: 4
2024-04-16 08:56:15 +00:00
---
2024-04-17 12:11:14 +00:00
<ul class="blog__posts">
2024-04-16 08:56:15 +00:00
{% for post in postList %}
2024-04-17 12:11:14 +00:00
<li class="blog__post">
<h2 class="blog__post--title">
2024-04-16 08:56:15 +00:00
<a href="{{ post.url }}">
{% if post.data.title %}{{ post.data.articleTitle }}
{% else %}
<code>{{ post.url }}</code>
{% endif %}
</a>
</h2>
<time>{{ post.date | niceDate }}</time>
<p>{{ post.data.desc }}</p>
</li>
{% endfor %}
</ul>
{% include "global/pagination-oldnew.njk" %}
2024-04-17 12:11:14 +00:00
<style>
.blog__posts,
.blog__post {
display: grid;
}
.blog__posts {
list-style-type: none;
padding: 0;
margin: 0;
gap: 1.5em;
}
.blog__post {
gap: 0.6em;
padding-bottom: 1.5em;
border-bottom: 0.2em solid var(--clr-quote-border);
}
.blog__post--title {
font-size: clamp(1.55rem, 1rem + 3vw, 1.8rem);
line-height: 1.3;
}
.blog__post time {
color: var(--clr-sub-heading);
font-weight: 600;
}
</style>