diff --git a/src/404.html b/src/404.html index cd58430a..48122610 100644 --- a/src/404.html +++ b/src/404.html @@ -4,7 +4,7 @@ layout: default permalink: 404.html --- -{% image './src/assets/img/404.jpg', title, 'border border-blue-500 dark:border-blue-200 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' %}

{% tablericon "receipt-2" "Receipt" %} Skip out on the room service bill diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid index 88e512e5..13c4a9b3 100644 --- a/src/_includes/base.liquid +++ b/src/_includes/base.liquid @@ -1,7 +1,7 @@ {%- capture fullUrl %} {{ site.url }}{{ page.url }}{% endcapture -%} - + {% if title %} @@ -66,7 +66,7 @@ </style> </noscript> </head> - <body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-blue-500 scrollbar-track-blue-100"> + <body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-blue-600 dark:scrollbar-thumb-blue-400 scrollbar-track-blue-100"> {{ content }} {% capture js %} {% render "../assets/scripts/script.js" %} diff --git a/src/_includes/default.liquid b/src/_includes/default.liquid index fff9a115..d3448b93 100644 --- a/src/_includes/default.liquid +++ b/src/_includes/default.liquid @@ -2,6 +2,6 @@ layout: main --- {% render "partials/header.liquid", site: site, page: page, nav: nav %} -<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full"> +<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-800 dark:hover:prose-a:text-blue-200 max-w-full"> {{ content }} </div> \ No newline at end of file diff --git a/src/_includes/partials/author.liquid b/src/_includes/partials/author.liquid index f7c03040..2189388d 100644 --- a/src/_includes/partials/author.liquid +++ b/src/_includes/partials/author.liquid @@ -1,6 +1,6 @@ <div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center"> <div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1"> - <div class="border border-blue-500 dark:border-blue-200 bg-white rounded-full overflow-hidden mb-4 md:mb-0 md:mr-4 [&>*]:h-20 [&>*]:w-20 flex flex-col items-center"> + <div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden mb-4 md:mb-0 md:mr-4 [&>*]:h-20 [&>*]:w-20 flex flex-col items-center"> {% image './src/assets/img/avatar.webp', site.name, 'inline-block' %} </div> <span class="text-lg font-medium">{{ site.name }}</span> diff --git a/src/_includes/partials/webmentions/links.liquid b/src/_includes/partials/webmentions/links.liquid index fbe80ca6..06988c10 100644 --- a/src/_includes/partials/webmentions/links.liquid +++ b/src/_includes/partials/webmentions/links.liquid @@ -4,7 +4,7 @@ <ul class="list-inside list-disc pl-5 md:pl-10"> {% for mention in mentions['link-to'] %} <li class="mt-1.5 mb-2"> - <a href="{{ mention.url }}" class="text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-200"> + <a href="{{ mention.url }}" class="text-blue-600 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-200"> {{ mention.name }} </a> </li> diff --git a/src/_includes/post.liquid b/src/_includes/post.liquid index 52c4f09e..cb5f3127 100644 --- a/src/_includes/post.liquid +++ b/src/_includes/post.liquid @@ -16,7 +16,7 @@ layout: main <span class="p-author h-card hidden">{{ site.title }}</span> <time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time> <div class="p-summary hidden">{{ post_excerpt | markdown }}</div> - <div class="e-content prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full text-gray-800 dark:text-white"> + <div class="e-content prose dark:prose-invert hover:prose-a:text-blue-800 dark:hover:prose-a:text-blue-200 max-w-full text-gray-800 dark:text-white"> {{ content }} </div> </article> diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid index e6b57d35..0c31bed1 100644 --- a/src/_includes/webrings/css-joy.liquid +++ b/src/_includes/webrings/css-joy.liquid @@ -9,7 +9,7 @@ {% tablericon "arrow-left" "Previous site" %} </a> <div class="flex justify-center"> - <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 hover:bg-pink-500"> + <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200"> {% tablericon "dice-3" "Random site" %} </a> </div> diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid index a6860fe9..ae6f5138 100644 --- a/src/_includes/webrings/the-claw.liquid +++ b/src/_includes/webrings/the-claw.liquid @@ -6,7 +6,7 @@ The Claw Webring </h3> <div class="flex justify-center"> - <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 hover:bg-pink-500"> + <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200"> <span class="[&>svg]:h-5 [&>svg]:w-5 icon--bold pt-1 md:pt-0 mr-1"> {% tablericon "user-plus" "Join!" %} </span> diff --git a/src/about.md b/src/about.md index 522c8b21..7ea82f7f 100644 --- a/src/about.md +++ b/src/about.md @@ -19,7 +19,7 @@ meta: --- <div class="flex items-center justify-center w-full not-prose mb-6"> - <div class="border border-blue-500 dark:border-blue-200 bg-white rounded-full overflow-hidden p-4 [&>*]:max-w-xs"> + <div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden p-4 [&>*]:max-w-xs"> {% capture about_alt %}{{ site.name }} - image by David Neal / @reverentgeek{% endcapture %} {% image './src/assets/img/avatar.webp', about_alt, 'w-full h-auto' %} </div> diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md index a034eae0..9a29308c 100644 --- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md +++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md @@ -204,7 +204,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity. -{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/albums-artists.jpg>', 'Albums and artists', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} [^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here. [^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file. diff --git a/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md b/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md index 31b4dc3d..79ee2b22 100644 --- a/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md +++ b/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md @@ -10,7 +10,7 @@ I've been using Fastmail for years now and have explored a number of different a For now, I've approached filtering my mail by applying regular expressions to reasonably broad categories of incoming mail[^2]. My thinking with this approach is that will scale better over the long term by applying heuristics to common phrases and patterns in incoming mail without the need to apply rules to senders on a per address or domain basis. -{% image 'https://cdn.coryd.dev/blog/fastmail-workflow.jpg', 'A diagram of my Fastmail workflow', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/fastmail-workflow.jpg>', 'A diagram of my Fastmail workflow', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} ## Alias-specific rules diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md index c3e34525..a8fbebcf 100644 --- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md +++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md @@ -65,6 +65,6 @@ Rendering the output is as simple as: {% endraw %} Leaving us with: -{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/album-releases.jpg>', 'Albums I\'m looking forward to', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} [^1]: At this point, a dev playground. diff --git a/src/posts/2023/now-page-grouping-episodes-of-same-show.md b/src/posts/2023/now-page-grouping-episodes-of-same-show.md index 9452f13a..1f3f8188 100644 --- a/src/posts/2023/now-page-grouping-episodes-of-same-show.md +++ b/src/posts/2023/now-page-grouping-episodes-of-same-show.md @@ -13,7 +13,7 @@ I made a minor update to how I'm normalizing TV data for display on my now page. By _minor_ I mean one of those things that may well break inexplicably depending on where the data lands. Instead of returning a normalized array based directly off the data returned by [Trakt](https://trakt.tv)'s API I'm instead collecting episodes in an array, checking as I iterate through the response to see if an episode of the same show exists and replacing that object with a mutated object designed to display the range of episodes watched for the show. -{% image 'https://cdn.coryd.dev/blog/grouped-tv.jpg', 'Grouped TV episodes', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/grouped-tv.jpg>', 'Grouped TV episodes', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} {% raw %} diff --git a/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md b/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md index 0f984739..18c4307a 100644 --- a/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md +++ b/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md @@ -168,6 +168,6 @@ Finally, if the page this all lives on is loaded by a client without JavaScript All of this, yields the single line at the bottom of this image — updated on each visit. -{% image 'https://cdn.coryd.dev/blog/now-playing.jpg', 'Now playing', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/now-playing.jpg>', 'Now playing', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} [^1]: Plus explicit conditions matching David Bowie and Minor Threat. diff --git a/src/posts/2023/optimizing-for-performance-with-eleventy.md b/src/posts/2023/optimizing-for-performance-with-eleventy.md index 497e8017..a05aed90 100644 --- a/src/posts/2023/optimizing-for-performance-with-eleventy.md +++ b/src/posts/2023/optimizing-for-performance-with-eleventy.md @@ -140,6 +140,6 @@ For this page in particular, the images that are rendered above the fold are set All of these boilerplate steps leave us with a quick to load, accessible and resilient site: -{% image 'https://cdn.coryd.dev/blog/page-speed.jpg', 'Pagespeed scores for coryd.dev/now', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/page-speed.jpg>', 'Pagespeed scores for coryd.dev/now', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} [^1]: It's easy, flexible and helps mitigate my lack of an eye for design by providing safe baselines. diff --git a/src/posts/2023/road-to-madness-apple-music-charts.md b/src/posts/2023/road-to-madness-apple-music-charts.md index ba94116e..b3e90c3b 100644 --- a/src/posts/2023/road-to-madness-apple-music-charts.md +++ b/src/posts/2023/road-to-madness-apple-music-charts.md @@ -133,7 +133,7 @@ _Cool_[^4]. GitHub triggers a rebuild of the site every hour, Netlify builds it, There are some significant issues with this approach: it doesn't capture listens to an album in a loop (like me playing the new Outer Heaven record today — hails 🤘). It can get wonky when my diff function hits a track order that elicits a false positive return value. -{% image 'https://cdn.coryd.dev/blog/charlie.jpg', 'Charlie Day standing in front of charts', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full' %} +{% image '<https://cdn.coryd.dev/blog/charlie.jpg>', 'Charlie Day standing in front of charts', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %} "But Cory there's last.fm." I hear this, I love last.fm, but I've got concerns about its age, ownership and maintenance. I don't want to be on the wrong end of a scream test when the wrong (right?) server rack gets decommissioned. diff --git a/src/uses.md b/src/uses.md index bf270678..64237392 100644 --- a/src/uses.md +++ b/src/uses.md @@ -26,7 +26,7 @@ meta: Software and services that I use for work and my own enjoyment. -{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'border border-blue-500 dark:border-blue-200 rounded-lg overflow-hidden [&>*]:w-full', 'eager' %} +{% image '<https://coryd.dev/assets/img/pages/uses.jpg>', 'My desk', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full', 'eager' %} <h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Computer setup</h3> diff --git a/tailwind.css b/tailwind.css index 6e0547e7..cadfb754 100644 --- a/tailwind.css +++ b/tailwind.css @@ -3,7 +3,7 @@ @tailwind utilities; body { - --pagefind-ui-primary: theme(colors.blue.500); + --pagefind-ui-primary: theme(colors.blue.600); --pagefind-ui-text: theme(colors.gray.800); --pagefind-ui-background: theme(colors.white); --pagefind-ui-border: theme(colors.gray.200); @@ -23,11 +23,11 @@ html { .pagefind-ui__form mark { color: theme(colors.white) !important; - background: theme(colors.blue.500) !important; + background: theme(colors.blue.600) !important; } .pagefind-ui__form .pagefind-ui__result-link { - color: theme(colors.blue.500) !important; + color: theme(colors.blue.600) !important; @apply !ease-in-out; @apply !duration-300; } @@ -35,22 +35,22 @@ html { .pagefind-ui__form .pagefind-ui__result-link:hover, .pagefind-ui__form .pagefind-ui__result-link:focus, .pagefind-ui__form .pagefind-ui__result-link:active { - color: theme(colors.blue.500) !important; + color: theme(colors.blue.600) !important; } ::-moz-selection { color: theme(colors.white); - background: theme(colors.blue.500); + background: theme(colors.blue.600); } ::selection { color: theme(colors.white); - background: theme(colors.blue.500); + background: theme(colors.blue.600); } .active, .active svg { - color: theme(colors.blue.500); + color: theme(colors.blue.600); } .header-anchor { @@ -67,7 +67,7 @@ h2 > a.header-anchor { a, .prose a { - color: theme(colors.blue.500); + color: theme(colors.blue.600); @apply ease-in-out; @apply duration-300; } @@ -97,7 +97,7 @@ pre { border: 1px solid theme(colors.gray.700); border-radius: 0 !important; @apply scrollbar-thin; - @apply scrollbar-thumb-blue-500; + @apply scrollbar-thumb-blue-600; @apply scrollbar-track-blue-100; } @@ -111,7 +111,7 @@ pre { @apply text-white; @apply ease-in-out; @apply duration-300; - background: theme(colors.blue.500); + background: theme(colors.blue.600); } .tag--button.tag--button__small { @@ -150,7 +150,7 @@ pre[class*='language-'] { } .link--icon:hover > svg { - color: theme(colors.blue.500); + color: theme(colors.blue.600); } .icon--spin > svg { @@ -170,8 +170,9 @@ pre[class*='language-'] { --pagefind-ui-tag: theme(colors.gray.700); } - .pagefind-ui__form .pagefind-ui__result-link { - color: theme(colors.blue.400) !important; + a, + .prose a { + color: theme(colors.blue.400); } a:hover, @@ -191,8 +192,40 @@ pre[class*='language-'] { color: theme(colors.blue.200); } + .pagefind-ui__form mark { + background: theme(colors.blue.400) !important; + } + + .pagefind-ui__form .pagefind-ui__result-link { + color: theme(colors.blue.400) !important; + } + + .pagefind-ui__form .pagefind-ui__result-link:hover, + .pagefind-ui__form .pagefind-ui__result-link:focus, + .pagefind-ui__form .pagefind-ui__result-link:active { + color: theme(colors.blue.600) !important; + } + + ::-moz-selection { + background: theme(colors.blue.400); + } + + ::selection { + background: theme(colors.blue.400); + } + + .active, + .active svg { + color: theme(colors.blue.400); + } + + pre { + @apply scrollbar-thumb-blue-400; + } + .tag--button { color: theme(colors.gray.900); + background: theme(colors.blue.400); } .tag--button:hover,