1
1
Fork 0
portfolio/_includes/pinned.njk
Ava Gaiety Wroten 3ac60346d4 More progress
2021-02-02 22:37:07 -06:00

39 lines
1.2 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">
{{ title }}
</h2>
<div class="mt-3 text-xl text-gray-500 sm:mt-4">
{{ content | safe }}
</div>
</div>
<div class="mt-12 grid gap-16 pt-12 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-12">
{%- for content in collections.pinned -%}
<div>
<div>
<a href="#" class="inline-block">
<span class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-indigo-100 text-indigo-800">
{{ content.data.category }}
</span>
</a>
</div>
<a href="{{ content.data.url }}" class="block mt-4">
<p class="text-xl font-semibold text-gray-900">
{{ content.data.title }}
</p>
<p class="mt-3 text-base text-gray-500">
{{ content.data.description }}
</p>
</a>
</div>
{%- endfor -%}
</div>
</div>
</main>
{% include "base-footer.html" %}