gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

Better link styling

Browse source
This commit is contained in:
Ava Gaiety Wroten 2021-02-15 09:35:39 -06:00
parent ddcc7773d5
commit 7d160730d2
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_includes/category.njk
View file

@ -11,16 +11,16 @@
</div>
</div>
<div class="mt-6 pt-10 grid gap-16 lg:grid-cols-2 lg:gap-x-5 lg:gap-y-12">
<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">
<p class="text-xl font-semibold text-gray-900">
<h3 class="text-xl font-semibold text-gray-900 hover:underline">
{{ content.data.title }}
</p>
</h3>
<p class="mt-3 text-base text-gray-500">
{{ content.data.description }}
</p>

2
_includes/content.njk
View file

@ -2,7 +2,7 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3x1 mx-auto mb-4">
<div class="-ml-2 mt-8 flex flex-wrap items-baseline">
<div class="-ml-2 mt-4 flex flex-wrap items-baseline">
<h1 class="ml-8 mt-2 mb-2 sm:mb-0 text-lg font-medium text-gray-900">
{{ title }}
<span class="inline-block h-1 text-sm text-gray-500">

10
_includes/pinned.njk
View file

@ -11,20 +11,20 @@
</div>
</div>
<div class="mt-12 grid gap-16 pt-12 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-12">
<div class="mt-12 grid gap-8 pt-12 lg:grid-cols-3 lg:gap-x-5 lg:gap-y-12">
{%- for content in collections.pinned | reverse -%}
<div>
<div>
<a href="/{{ content.data.tags[0] }}/" 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">
<a href="/{{ content.data.tags[0] }}/" class="inline-block focus:outline-link">
<span class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-pink-100 text-pink-700 hover:underline">
{{ content.data.tags[0] | capitalize }}
</span>
</a>
</div>
<a href="{{ content.url }}" class="block mt-4">
<p class="text-xl font-semibold text-gray-900">
<h3 class="text-xl font-semibold text-gray-900 hover:underline">
{{ content.data.title }}
</p>
</h3>
<p class="mt-3 text-base text-gray-500">
{{ content.data.description }}
</p>