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">
<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>
{% render "partials/nav/menu.liquid", page: page, nav: nav %}
</div>

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

@ -1,6 +1,6 @@
{%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%}
{% 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 %}
{% tablericon icon link %}
{% else %}

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

@ -1,5 +1,5 @@
{% 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" %}
Anticipated albums
</h2>

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

@ -1,5 +1,5 @@
{% 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" %}
Links
</h2>

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

@ -1,6 +1,6 @@
{% if data.size > 0 %}
{% 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 %}
{{ title }}
</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">
<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
</a>
</h2>

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

@ -1,6 +1,6 @@
{% assign posts = posts | getPopularPosts: analytics %}
<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" %}
Popular posts
</h2>

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

@ -1,5 +1,5 @@
{% 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">
{% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
@ -10,7 +10,7 @@
</div>
</a>
<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="mt-1 text-xs group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.published | isoDateOnly }}</p>
</a>

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

@ -6,7 +6,7 @@
{% endif %}
{% endcapture -%}
{% 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">
<ul class="ml-3 flex flex-row flex-wrap">
{% for mention in mentions[type] %}

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

@ -1,5 +1,5 @@
{% 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">
<ul class="list-inside list-disc pl-5 md:pl-10">
{% 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>
{% if 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 %}
{{ title }}
</h2>
</a>
{% 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 %}
<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>

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

@ -1,6 +1,6 @@
<div class="mb-4">
<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
</h3>
</a>

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

@ -2,7 +2,7 @@
<div class="w-full flex justify-center">
{% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
</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
</h3>
<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));
}
.dark\:text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.dark\:text-gray-900 {
--tw-text-opacity: 1;
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 %}">
{% 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 %}
{{ post.data.title }}
</h2>
{% else %}
<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 }}
</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' %}
<div class="text-center w-full">
<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 }}
</h2>
<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?
</h3>

2
src/pages/about.md
View file

@ -10,7 +10,7 @@ permalink: /about.html
{% image './src/assets/img/avatar.webp', about_alt %}
</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).

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
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 }}
</h2>

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

@ -6,12 +6,12 @@ permalink: /contact/success.html
<div class="text-center w-full">
<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 }}
</h2>
<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!
</h3>

2
src/pages/contact.md
View file

@ -6,7 +6,7 @@ description: 'How to contact me.'
---
<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 }}
</h2>

2
src/pages/feeds.md
View file

@ -6,7 +6,7 @@ description: 'Content feeds exposed by and generated from my site.'
---
<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 }}
</h2>

4
src/pages/now.html
View file

@ -4,7 +4,7 @@ layout: now
permalink: /now.html
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" %}
Currently
</h2>
@ -19,7 +19,7 @@ description: "See what I'm doing now."
Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
</p>
</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" %}
Making
</h2>

2
src/pages/referrals.md
View file

@ -6,7 +6,7 @@ description: 'Referral links for services that I use.'
---
<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 }}
</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">
<a class="!no-underline" href="{{ post.url }}">
<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 }}
</h2>

2
src/pages/uses.md
View file

@ -7,7 +7,7 @@ image: https://coryd.dev/assets/img/pages/uses.jpg
---
<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 }}
</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
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 }}
</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
{% if artists %}
<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
</h2>
@ -98,7 +98,7 @@ These images are all cropped to `350x350` and hosted over on <a href="https://bu
```liquid
{% if albums %}
<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
</h2>
@ -167,7 +167,7 @@ Rather than dealing with an API that returns JSON, I'm transforming the RSS feed
```liquid
{% if books %}
<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
</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
{% 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" %}
<div class="ml-1">Artists</div>
</h2>
@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
</div>
{% endif %}
{% 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" %}
<div class="ml-1">Albums</div>
</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
{% if data.size > 0 %}
{% 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 %}
<div class="ml-1">{{ title }}</div>
</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
{% 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" %}
<div class="ml-1">Albums I'm looking forward to</div>
</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
{% 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
</h2>
<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
{% assign posts = posts | getPopularPosts: analytics %}
<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" %}
Popular posts
</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 %}
{% 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">
<ul class="ml-3 flex flex-row">
{% 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>
{% endif %}
{% 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">
<ul class="ml-3 flex flex-row">
{% 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>
{% endif %}
{% 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">
{% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">