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

header animations

Browse source
This commit is contained in:
Ava Gaiety W 2025-05-29 15:50:42 -06:00
parent 35303b5513
commit f84f99341b
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/blog-list.njk
View file

@ -3,7 +3,7 @@
<main class="max-w-4xl mx-auto sm:px-6 lg:px-8"> <main class="max-w-4xl mx-auto sm:px-6 lg:px-8">
<div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base"> <div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<h1 class="text-5xl tracking-tight text-pink fancy-heading"> <h1 class="text-5xl tracking-tight text-pink fancy-heading inline-block motion-safe:animate-fade-right">
{{ page.fileSlug | capitalize }} {{ page.fileSlug | capitalize }}
</h1> </h1>
<div class="mt-0 text-xl text-subtext1"> <div class="mt-0 text-xl text-subtext1">

2
_includes/category.njk
View file

@ -3,7 +3,7 @@
<main class="mt-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <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-yellow lg:max-w-7xl"> <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
<div> <div>
<h1 class="text-5xl tracking-tight fancy-heading"> <h1 class="text-5xl tracking-tight fancy-heading inline-block motion-safe:animate-fade-right">
{{ page.fileSlug | capitalize }} {{ page.fileSlug | capitalize }}
</h1> </h1>
<div class="mt-3 text-xl text-subtext1 sm:mt-4"> <div class="mt-3 text-xl text-subtext1 sm:mt-4">

2
_includes/content.njk
View file

@ -3,7 +3,7 @@
<main class="max-w-4xl mx-auto sm:px-6 lg:px-8"> <main class="max-w-4xl mx-auto sm:px-6 lg:px-8">
<div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base"> <div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base">
<div class="flex flex-wrap items-baseline"> <div class="flex flex-wrap items-baseline">
<h1 class="my-2 text-5xl tracking-tight fancy-heading"> <h1 class="my-2 text-5xl tracking-tight fancy-heading inline-block motion-safe:animate-fade-right">
<span class="font-serif">{{ title }}</span> <span class="font-serif">{{ title }}</span>
<small class="inline-block h-1 mt-0 text-xl text-text font-light"> <small class="inline-block h-1 mt-0 text-xl text-text font-light">
in <a href="/{{tags[0]}}" class="link">{{ tags[0] | capitalize }}</a> in <a href="/{{tags[0]}}" class="link">{{ tags[0] | capitalize }}</a>

2
_includes/pinned.njk
View file

@ -3,7 +3,7 @@
<main class="max-w-7xl mx-auto px-2"> <main class="max-w-7xl mx-auto px-2">
<div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl"> <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
<div class="p-2 bg-base/75 shadow-lg shadow-yellow/50 rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none"> <div class="p-2 bg-base/75 shadow-lg shadow-yellow/50 rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none">
<h1 class="font-serif mt-2 mb-8 text-4xl tracking-tight fancy-heading"> <h1 class="font-serif mt-2 mb-8 text-4xl tracking-tight fancy-heading inline-block motion-safe:animate-fade">
{{ title | markdown | safe }} {{ title | markdown | safe }}
</h1> </h1>
<div class="mt-3 max-w-2xl"> <div class="mt-3 max-w-2xl">