chore: coffee banner

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {

src/assets/styles/components/banners.css

@@ -31,12 +31,16 @@
     }
   }
 
+  &.coffee,
   &.error,
   &.github,
   &.npm,
   &.old-post,
   &.rss,
   &.warning {
+    &.coffee {
+      --banner-accent-color: var(--brand-buy-me-a-coffee);
+    }
     &.error {
       --banner-accent-color: var(--error);
     }

src/assets/styles/defaults/vars.css

@@ -43,7 +43,7 @@
   --brand-npm: #cc3534;
   --brand-mastodon: #6364ff;
   --brand-listenbrainz: #e97941;
-  --brand-buy-me-a-coffee: #40dca5;
+  --brand-buy-me-a-coffee: #ff5f5f;
   --brand-rss: #f26522;
 
   --moon: #6a5acd;

src/includes/partials/blocks/banners/coffee.liquid

@@ -0,0 +1,7 @@
+<div class="banner coffee">
+  <p>
+    <a class="coffee plausible-event-name=Buy+Me+a+Coffee+post+footer" href="https://buymeacoffee.com/cory">
+    {% tablericon "coffee" %} If you found this post helpful, you can buy me a coffee.
+    </a>
+  </p>
+</div>

src/pages/dynamic/posts/post.html

@@ -49,4 +49,5 @@ schema: blog
     {% render "partials/blocks/associated-media.liquid", movie:post.movies %}
     {% render "partials/blocks/associated-media.liquid", shows:post.shows %}
   </div>
+  {% render "partials/blocks/banners/coffee.liquid" %}
 </article>