35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
---
|
|
layout: default
|
|
title: Blog Posts
|
|
---
|
|
|
|
<div class="w-full flex flex-row justify-center mt-2">
|
|
<div class="w-full lg:w-1/2 px-8 flex flex-col items-start">
|
|
<div class="flex flex-row items-center gap-x-3">
|
|
<h1 class="text-3xl">Blog posts</h1>
|
|
|
|
<a href="/feed.xml">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="divide-y divide-blue-200">
|
|
{% for post in site.posts %}
|
|
<div class="mb-2">
|
|
<a href="{{ post.url }}" class="text-2xl text-sky-400">{{ post.title }}</a>
|
|
|
|
<div class="flex flex-row pl-2">
|
|
<span>By <span>{{ post.author }}</span></span>
|
|
</div>
|
|
|
|
<p class="mt-2 pl-2 text-slate-600">
|
|
{{ post.excerpt | markdownify | strip_html | truncatewords: 100 }}
|
|
</p>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|