feat: bold buymeacoffee link

static/css/in.css

@@ -6,7 +6,7 @@
   html {
     /* text-lg == prose-lg */
     /* text-xl == prose-xl */
-    @apply md:text-lg lg:text-xl font-texts text-rp-dawn-text dark:text-rp-moon-iris;
+    @apply text-lg md:text-lg lg:text-xl font-texts text-rp-dawn-text dark:text-rp-moon-iris;
   }
   text {
     @apply text-rp-dawn-text dark:text-rp-moon-iris;

static/css/out.css

@@ -558,6 +558,8 @@ html {
   /* text-lg == prose-lg */
   /* text-xl == prose-xl */
   font-family: Erode, serif;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
   --tw-text-opacity: 1;
   color: rgb(87 82 121 / var(--tw-text-opacity, 1));
 }
@@ -1231,6 +1233,10 @@ code {
   margin-top: -2.25rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -1239,46 +1245,6 @@ code {
   margin-left: 3.5rem;
 }
 
-.-mb-4 {
-  margin-bottom: -1rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
-.-mb-2 {
-  margin-bottom: -0.5rem;
-}
-
-.-mb-1 {
-  margin-bottom: -0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.mt-12 {
-  margin-top: 3rem;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -1320,14 +1286,14 @@ code {
   list-style-position: outside;
 }
 
-.list-none {
-  list-style-type: none;
-}
-
 .list-disc {
   list-style-type: disc;
 }
 
+.list-none {
+  list-style-type: none;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1430,14 +1396,6 @@ code {
   padding-top: 5rem;
 }
 
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -1450,6 +1408,11 @@ code {
   font-family: Stardom, sans-serif;
 }
 
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
@@ -1465,16 +1428,6 @@ code {
   line-height: 1.75rem;
 }
 
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.text-7xl {
-  font-size: 4.5rem;
-  line-height: 1;
-}
-
 .font-bold {
   font-weight: 700;
 }
@@ -2143,6 +2096,11 @@ code {
     line-height: 2rem;
   }
 
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
   .md\:text-5xl {
     font-size: 3rem;
     line-height: 1;
@@ -2157,16 +2115,6 @@ code {
     font-size: 1rem;
     line-height: 1.5rem;
   }
-
-  .md\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-
-  .md\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
 }
 
 @media (min-width: 1024px) {

templates/article.html

@@ -95,11 +95,22 @@
         {% if article.tags %}
         <p>
             {% for tag in article.tags %}
-                <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
+                <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>{{"," if not loop.last }}
             {% endfor %}
         </p>
         {% endif %}
         </div>
     </div>
+    {% if article.share_post and article.status != 'draft' %}
+    <div class="p-3 border-t-2 border-rp-dawn-overlay dark:border-rp-moon-overlay">
+      <p>
+        Share this post on
+        <a href="{{article.share_post['bluesky']}}" title="Share post on Bluesky">Bluesky</a>,
+        <a href="{{article.share_post['mastodon']}}" title="Share post on Mastodon">Mastodon</a>,
+        <a href="{{article.share_post['reddit']}}" title="Share post on Reddit">Reddit</a> or
+        <a href="{{article.share_post['twitter']}}" title="Share post on evil Twitter">Twitter</a>.
+      </p>
+    </div>
+    {% endif %}
   </article>
 {% endblock %}

templates/base.html

@@ -120,7 +120,7 @@
               <a href="https://arrakis.fly.dev/weeheavy/pelican-theme" target="_blank">bespoke</a> theme inspired by <a href="https://rosepinetheme.com" target="_blank">Rosé Pine</a>.
               </p>
               <p>
-              <a href="https://buymeacoffee.com/lugh" target="_blank">Buy me a coffee?</a>
+              <a href="https://buymeacoffee.com/lugh" target="_blank"><b>Buy me a coffee?</b></a>
               </p>
             </div>
             <div class="p-5 md:border-l-4 border-rp-dawn-overlay dark:border-rp-moon-overlay">