39 lines
1.9 KiB
HTML
39 lines
1.9 KiB
HTML
{% extends "base.html" %}
|
|
{% block seo_tags %}
|
|
<meta property="og:title" content="{{ metadata.title | title }} - {{ config.title | title }}" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="{{ metadata.permalink }}" />
|
|
<meta property="og:description" content="Posts on {{ config.title | title }}" />
|
|
<meta property="og:site_name" content="{{ config.title }}" />
|
|
<meta property="og:locale" content="{{ config.language }}" />
|
|
<link rel="canonical" href="{{ metadata.permalink }}" />
|
|
<meta name="robots" content="index, follow" />
|
|
{% endblock seo_tags %}
|
|
|
|
{% block title %}{{ metadata.title | title }}{% endblock title %}
|
|
{% block content %}
|
|
<h1 class="text-center">Posts</h1>
|
|
<div class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b] break-keep">
|
|
{% for post in posts | filter(attribute="draft", value=false) | sort(attribute="created") | reverse %}
|
|
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
|
|
<div class="flex flex-col">
|
|
<h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="{{ post.permalink }}">{{ post.title }}</a></h3>
|
|
<time class="text-dark-grey dark:text-grey" datetime="{{ post.created }}">{{ post.created | date(format="%B %e, %Y") }}</time>
|
|
<span class="text-sm text-grey italic">{{ post.description }}</span>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p>
|
|
{% if post.truncate_char is defined and post.truncate_char is matching("^nil$") %}
|
|
{% set truncate_char = "" %}
|
|
{% else %}
|
|
{% set truncate_char = "…" %}
|
|
{% endif %}
|
|
{{ post.raw | striptags | truncate(length=post.truncate | default(value=300), end=truncate_char) | safe }}
|
|
</p>
|
|
<a class="no-underline! text-dark-grey font-semibold" href="{{ post.permalink }}">Read more …</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock content %}
|