cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: text color consistency

Browse source
This commit is contained in:
Cory Dransfeldt 2023-12-11 19:21:04 -08:00
parent cdf9604f99
commit ae230a99ce
No known key found for this signature in database
33 changed files with 43 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/header.liquid
View file

@ -1,6 +1,6 @@
<div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10"> <div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10">
<h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0"> <h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
<a class="text-gray-700 dark:text-gray-200" href="/">{{ meta.siteName }}</a> <a class="text-gray-700 dark:text-white" href="/">{{ meta.siteName }}</a>
</h1> </h1>
{% render "partials/nav/menu.liquid", page: page, nav: nav %} {% render "partials/nav/menu.liquid", page: page, nav: nav %}
</div> </div>

2
src/_includes/partials/nav/link.liquid
View file

@ -1,6 +1,6 @@
{%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%} {%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%}
{% if page.url != pageUrl %} {% if page.url != pageUrl %}
<a class="text-gray-700 hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 !no-underline" href="/{{ link | downcase }}"> <a class="text-gray-700 hover:text-blue-800 dark:text-white dark:hover:text-blue-200 !no-underline" href="/{{ link | downcase }}">
{% if icon %} {% if icon %}
{% tablericon icon link %} {% tablericon icon link %}
{% else %} {% else %}

2
src/_includes/partials/now/albumReleases.liquid
View file

@ -1,5 +1,5 @@
{% if albumReleases.size > 0 %} {% if albumReleases.size > 0 %}
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "calendar-time" "Anticipated albums" %} {% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums Anticipated albums
</h2> </h2>

2
src/_includes/partials/now/links.liquid
View file

@ -1,5 +1,5 @@
{% if links.size > 0 %} {% if links.size > 0 %}
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "link" "Links" %} {% tablericon "link" "Links" %}
Links Links
</h2> </h2>

2
src/_includes/partials/now/media-grid.liquid
View file

@ -1,6 +1,6 @@
{% if data.size > 0 %} {% if data.size > 0 %}
{% assign media = data | normalizeMedia %} {% assign media = data | normalizeMedia %}
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon icon title %} {% tablericon icon title %}
{{ title }} {{ title }}
</h2> </h2>

2
src/_includes/partials/now/topper.liquid
View file

@ -1,6 +1,6 @@
<div class="border-b border-gray-200 dark:border-gray-700 mb-8 pb-8"> <div class="border-b border-gray-200 dark:border-gray-700 mb-8 pb-8">
<h2 class="m-0 mb-4 inline"> <h2 class="m-0 mb-4 inline">
<a class="text-gray-700 dark:text-gray-200 text-xl font-black leading-tight tracking-normal md:text-2xl no-underline not-prose" href="/now"> <a class="text-gray-700 dark:text-white text-xl font-black leading-tight tracking-normal md:text-2xl no-underline not-prose" href="/now">
Now Now
</a> </a>
</h2> </h2>

2
src/_includes/partials/popular-posts.liquid
View file

@ -1,6 +1,6 @@
{% assign posts = posts | getPopularPosts: analytics %} {% assign posts = posts | getPopularPosts: analytics %}
<div class="not-prose"> <div class="not-prose">
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "flame" "Popular" %} {% tablericon "flame" "Popular" %}
Popular posts Popular posts
</h2> </h2>

4
src/_includes/partials/webmentions/comments.liquid
View file

@ -1,5 +1,5 @@
{% if mentions['in-reply-to'].size > 0 %} {% if mentions['in-reply-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
<div class="mt-4 mb-4 flex flex-col items-center not-prose"> <div class="mt-4 mb-4 flex flex-col items-center not-prose">
{% for mention in mentions['in-reply-to'] %} {% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full"> <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
@ -10,7 +10,7 @@
</div> </div>
</a> </a>
<div class="ml-3"> <div class="ml-3">
<a class="text-gray-700 dark:text-gray-200" href={{mention.url}}> <a class="text-gray-700 dark:text-white" href={{mention.url}}>
<p class="text-sm group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.content.text }}</p> <p class="text-sm group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.content.text }}</p>
<p class="mt-1 text-xs group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.published | isoDateOnly }}</p> <p class="mt-1 text-xs group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.published | isoDateOnly }}</p>
</a> </a>

2
src/_includes/partials/webmentions/interaction.liquid
View file

@ -6,7 +6,7 @@
{% endif %} {% endif %}
{% endcapture -%} {% endcapture -%}
{% if mentions[type].size > 0 %} {% if mentions[type].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">{{ title }}</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">{{ title }}</h2>
<div class="flex flex-row items-center mt-4 mb-6"> <div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row flex-wrap"> <ul class="ml-3 flex flex-row flex-wrap">
{% for mention in mentions[type] %} {% for mention in mentions[type] %}

2
src/_includes/partials/webmentions/links.liquid
View file

@ -1,5 +1,5 @@
{% if mentions['link-to'].size > 0 %} {% if mentions['link-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Links</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Links</h2>
<div class="mt-2.5 flex flex-col not-prose"> <div class="mt-2.5 flex flex-col not-prose">
<ul class="list-inside list-disc pl-5 md:pl-10"> <ul class="list-inside list-disc pl-5 md:pl-10">
{% for mention in mentions['link-to'] %} {% for mention in mentions['link-to'] %}

4
src/_includes/post.liquid
View file

@ -6,13 +6,13 @@ schema: blog
<article class="h-entry" data-pagefind-body> <article class="h-entry" data-pagefind-body>
{% if link %} {% if link %}
<a class="no-underline" href="{{ link }}"> <a class="no-underline" href="{{ link }}">
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 text-gray-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300 pt-8" data-pagefind-meta="title"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 text-gray-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300 pt-8" data-pagefind-meta="title">
{% tablericon 'link' title %} {% tablericon 'link' title %}
{{ title }} {{ title }}
</h2> </h2>
</a> </a>
{% else %} {% else %}
<h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2> <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-white pt-8" data-pagefind-meta="title">{{ title }}</h2>
{% endif %} {% endif %}
<span class="p-author h-card hidden">{{ meta.author }}</span> <span class="p-author h-card hidden">{{ meta.author }}</span>
<time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time> <time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>

2
src/_includes/webrings/css-joy.liquid
View file

@ -1,6 +1,6 @@
<div class="mb-4"> <div class="mb-4">
<a class="no-underline" href="https://cs.sjoy.lol"> <a class="no-underline" href="https://cs.sjoy.lol">
<h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6 text-center"> <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6 text-center">
CSS JOY Webring CSS JOY Webring
</h3> </h3>
</a> </a>

2
src/_includes/webrings/the-claw.liquid
View file

@ -2,7 +2,7 @@
<div class="w-full flex justify-center"> <div class="w-full flex justify-center">
{% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %} {% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
</div> </div>
<h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6 text-center"> <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6 text-center">
The Claw Webring The Claw Webring
</h3> </h3>
<div class="flex justify-center"> <div class="flex justify-center">

5
src/assets/styles/tailwind.css
View file

@ -2355,11 +2355,6 @@ pre {
color: rgb(243 244 246 / var(--tw-text-opacity)); color: rgb(243 244 246 / var(--tw-text-opacity));
} }
.dark\:text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.dark\:text-gray-900 { .dark\:text-gray-900 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity)); color: rgb(17 24 39 / var(--tw-text-opacity));

4
src/index.html
View file

@ -29,13 +29,13 @@ meta:
> >
<a class="no-underline" href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url }}{% endif %}"> <a class="no-underline" href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url }}{% endif %}">
{% if post.data.link %} {% if post.data.link %}
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300">
{% tablericon 'link' post.data.title %} {% tablericon 'link' post.data.title %}
{{ post.data.title }} {{ post.data.title }}
</h2> </h2>
{% else %} {% else %}
<h2 <h2
class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300" class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300"
> >
{{ post.data.title }} {{ post.data.title }}
</h2> </h2>

4
src/pages/404.html
View file

@ -7,12 +7,12 @@ permalink: /404.html
{% image './src/assets/img/404.jpg', title, 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} {% image './src/assets/img/404.jpg', title, 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %}
<div class="text-center w-full"> <div class="text-center w-full">
<h2 <h2
class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-6xl mb-4" class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
> >
{{ title }} {{ title }}
</h2> </h2>
<h3 <h3
class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6" class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
> >
What kind of idiots do you have working here? What kind of idiots do you have working here?
</h3> </h3>

2
src/pages/about.md
View file

@ -10,7 +10,7 @@ permalink: /about.html
{% image './src/assets/img/avatar.webp', about_alt %} {% image './src/assets/img/avatar.webp', about_alt %}
</div> </div>
</div> </div>
<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-gray-200 md:text-3xl text-center">Hi, I'm Cory</h1> <h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-white md:text-3xl text-center">Hi, I'm Cory</h1>
I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, [music](https://last.fm/user/coryd_), writing, [reading](https://app.thestorygraph.com/profile/coryd), [tv](https://trakt.tv/users/cdransf) and [movies](https://trakt.tv/users/cdransf). I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, [music](https://last.fm/user/coryd_), writing, [reading](https://app.thestorygraph.com/profile/coryd), [tv](https://trakt.tv/users/cdransf) and [movies](https://trakt.tv/users/cdransf).

2
src/pages/blogroll.md
View file

@ -6,7 +6,7 @@ description: 'These are awesome blogs that I enjoy and you may enjoy too.'
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

4
src/pages/contact-success.html
View file

@ -6,12 +6,12 @@ permalink: /contact/success.html
<div class="text-center w-full"> <div class="text-center w-full">
<h2 <h2
class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-6xl mb-4" class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
> >
{{ title }} {{ title }}
</h2> </h2>
<h3 <h3
class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6" class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
> >
I'll be in touch soon! I'll be in touch soon!
</h3> </h3>

2
src/pages/contact.md
View file

@ -6,7 +6,7 @@ description: 'How to contact me.'
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

2
src/pages/feeds.md
View file

@ -6,7 +6,7 @@ description: 'Content feeds exposed by and generated from my site.'
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

4
src/pages/now.html
View file

@ -4,7 +4,7 @@ layout: now
permalink: /now.html permalink: /now.html
description: "See what I'm doing now." description: "See what I'm doing now."
--- ---
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "clock-heart" "Currently" %} {% tablericon "clock-heart" "Currently" %}
Currently Currently
</h2> </h2>
@ -19,7 +19,7 @@ description: "See what I'm doing now."
Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛 Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
</p> </p>
</div> </div>
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "terminal-2" "Making" %} {% tablericon "terminal-2" "Making" %}
Making Making
</h2> </h2>

2
src/pages/referrals.md
View file

@ -6,7 +6,7 @@ description: 'Referral links for services that I use.'
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

2
src/pages/tagList.md
View file

@ -14,7 +14,7 @@ templateEngineOverride: liquid,md
<div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700"> <div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
<a class="!no-underline" href="{{ post.url }}"> <a class="!no-underline" href="{{ post.url }}">
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl"
> >
{{ post.data.title }} {{ post.data.title }}
</h2> </h2>

2
src/pages/uses.md
View file

@ -7,7 +7,7 @@ image: https://coryd.dev/assets/img/pages/uses.jpg
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

2
src/pages/webrings.md
View file

@ -6,7 +6,7 @@ description: "Webrings are awesome! These are the ones I'm a member of."
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>

6
src/posts/2023/building-my-now-page-using-eleventy.md
View file

@ -48,7 +48,7 @@ The **Listening: albums** call is quite similar, swapping the `user.gettopartist
```liquid ```liquid
{% if artists %} {% if artists %}
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
> >
Listening: artists Listening: artists
</h2> </h2>
@ -98,7 +98,7 @@ These images are all cropped to `350x350` and hosted over on <a href="https://bu
```liquid ```liquid
{% if albums %} {% if albums %}
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
> >
Listening: albums Listening: albums
</h2> </h2>
@ -167,7 +167,7 @@ Rather than dealing with an API that returns JSON, I'm transforming the RSS feed
```liquid ```liquid
{% if books %} {% if books %}
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4"
> >
Reading Reading
</h2> </h2>

4
src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
View file

@ -153,7 +153,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
```liquid ```liquid
{% if recentTracks.size > 0 %} {% if recentTracks.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7"> <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "microphone" "Artists" %} {% tablericon "microphone" "Artists" %}
<div class="ml-1">Artists</div> <div class="ml-1">Artists</div>
</h2> </h2>
@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
</div> </div>
{% endif %} {% endif %}
{% if recentTracks.size > 0 %} {% if recentTracks.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7"> <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "musical-note" "Albums" %} {% tablericon "musical-note" "Albums" %}
<div class="ml-1">Albums</div> <div class="ml-1">Albums</div>
</h2> </h2>

2
src/posts/2023/drying-up-now-page-templates-eleventy.md
View file

@ -18,7 +18,7 @@ If you want to skip all the reading, the diff for this [is here](https://github.
```liquid ```liquid
{% if data.size > 0 %} {% if data.size > 0 %}
{% assign media = data | normalizeMedia %} {% assign media = data | normalizeMedia %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7"> <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon icon title %} {% tablericon icon title %}
<div class="ml-1">{{ title }}</div> <div class="ml-1">{{ title }}</div>
</h2> </h2>

2
src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
View file

@ -47,7 +47,7 @@ Rendering the output is as simple as:
```liquid ```liquid
{% if albumReleases.size > 0 %} {% if albumReleases.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7"> <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "calendar" "Albums I'm looking forward to" %} {% tablericon "calendar" "Albums I'm looking forward to" %}
<div class="ml-1">Albums I'm looking forward to</div> <div class="ml-1">Albums I'm looking forward to</div>
</h2> </h2>

2
src/posts/2023/now-page-update-matter-favorites.md
View file

@ -34,7 +34,7 @@ By following Federico's steps we can obtain a bearer token to access the API whi
```liquid ```liquid
{% if articles %} {% if articles %}
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4"> <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4">
Reading: favorite articles Reading: favorite articles
</h2> </h2>
<div> <div>

2
src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
View file

@ -53,7 +53,7 @@ And rendered using a liquid template:
```liquid ```liquid
{% assign posts = posts | getPopularPosts: analytics %} {% assign posts = posts | getPopularPosts: analytics %}
<div class="not-prose"> <div class="not-prose">
<h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"> <h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "fire" "Popular" %} {% tablericon "fire" "Popular" %}
Popular posts Popular posts
</h2> </h2>

6
src/posts/2023/webmentions-in-eleventy.md
View file

@ -71,7 +71,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
%} %}
{% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %} {% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
{% if mentions['repost-of'].size > 0 %} {% if mentions['repost-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Reposts</h2>
<div class="flex flex-row items-center mt-4 mb-6"> <div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row"> <ul class="ml-3 flex flex-row">
{% for mention in mentions['repost-of'] %} {% for mention in mentions['repost-of'] %}
@ -90,7 +90,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
</div> </div>
{% endif %} {% endif %}
{% if mentions['like-of'].size > 0 %} {% if mentions['like-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Likes</h2>
<div class="flex flex-row items-center mt-4 mb-6"> <div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row"> <ul class="ml-3 flex flex-row">
{% for mention in mentions['like-of'] %} {% for mention in mentions['like-of'] %}
@ -109,7 +109,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
</div> </div>
{% endif %} {% endif %}
{% if mentions['in-reply-to'].size > 0 %} {% if mentions['in-reply-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
<div class="mt-4 flex flex-col items-center not-prose"> <div class="mt-4 flex flex-col items-center not-prose">
{% for mention in mentions['in-reply-to'] %} {% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full"> <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">