40 lines
1.5 KiB
Text
40 lines
1.5 KiB
Text
{% include "base-header.html" %}
|
|
|
|
<main class="mt-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="relative max-w-lg mx-auto divide-y-2 divide-gray-200 lg:max-w-7xl">
|
|
<div>
|
|
<h2 class="text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl">
|
|
{{ page.fileSlug | capitalize }}
|
|
</h2>
|
|
<div class="mt-3 text-xl text-gray-500 sm:mt-4">
|
|
{{ description }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 pt-10 grid gap-8 lg:grid-cols-2 lg:gap-x-5 lg:gap-y-12">
|
|
{%- for content in collections[ page.fileSlug ] | reverse -%}
|
|
<div>
|
|
<p class="text-sm text-gray-500">
|
|
<time datetime="{{ content.data.date | date('YYYY-MM-DD') }}">{{ content.data.date | date }}</time>
|
|
</p>
|
|
<a href="{{ content.url }}" class="mt-2 block focus:outline-link">
|
|
<h3 class="text-xl font-semibold text-gray-900 hover:underline">
|
|
{{ content.data.title }}
|
|
</h3>
|
|
<p class="mt-3 text-base text-gray-500">
|
|
{{ content.data.description }}
|
|
</p>
|
|
</a>
|
|
<div class="mt-3">
|
|
<a href="{{ content.url }}" class="text-base font-semibold text-pink-700 hover:underline focus:text-white focus:bg-pink-700 focus:outline-link">
|
|
Read more <span class="sr-only">about {{ content.data.title }}</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{%- endfor -%}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
{% include "base-footer.html" %}
|
|
|