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

fancy headings

Browse source
This commit is contained in:
Ava Gaiety W 2025-05-28 00:43:57 -06:00
parent 49dc907792
commit dcd31e17a8
6 changed files with 18 additions and 5 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> <div>
<h1 class="text-6xl tracking-tight text-pink font-serif"> <h1 class="text-5xl tracking-tight text-pink fancy-heading">
{{ 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/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-6xl tracking-tight text-pink"> <h1 class="text-5xl tracking-tight fancy-heading">
{{ 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-6xl tracking-tight text-pink contrast-more:contrast-150"> <h1 class="my-2 text-5xl tracking-tight fancy-heading">
<span class="font-serif">{{ title }}</span> <span class="font-serif">{{ title }}</span>
<small class="inline-block h-1 text-xl text-text font-light"> <small class="inline-block h-1 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"> <h1 class="font-serif mt-2 mb-8 text-4xl tracking-tight fancy-heading">
{{ title | markdown | safe }} {{ title | markdown | safe }}
</h1> </h1>
<div class="mt-3 max-w-2xl"> <div class="mt-3 max-w-2xl">

2
index.md
View file

@ -5,7 +5,7 @@ tags: []
description: Portfolio containing work experience, code, volunteering and more! description: Portfolio containing work experience, code, volunteering and more!
eleventyExcludeFromCollections: true eleventyExcludeFromCollections: true
layout: pinned.njk layout: pinned.njk
title: Ava **Gaiety** W. title: Ava Gaiety W.
--- ---

13
styles.css
View file

@ -99,6 +99,19 @@ pre {
font-style: italic; font-style: italic;
} }
.fancy-heading {
background: linear-gradient(to bottom right,
rgb(var(--ctp-peach)),
rgb(var(--ctp-mauve))
);
background-clip: text;
color: transparent;
.text-text {
color: transparent !important;
}
}
.fancy-blockquote { .fancy-blockquote {
max-width: 30rem; max-width: 30rem;
font-size: 1.4rem; font-size: 1.4rem;