chore: text color consistency
This commit is contained in:
parent
cdf9604f99
commit
ae230a99ce
33 changed files with 43 additions and 48 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Reference in a new issue