From 30aaeb2598504912dc99445dfd1c1bd84efa676e Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Fri, 18 Apr 2025 18:19:36 -0400
Subject: add GitHub sponsors to the site

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 lume/src/_includes/blog.njk | 20 ++++++++++++++------
 lume/src/index.jsx          |  4 ++--
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/lume/src/_includes/blog.njk b/lume/src/_includes/blog.njk
index 9ee7986..ff82e69 100644
--- a/lume/src/_includes/blog.njk
+++ b/lume/src/_includes/blog.njk
@@ -11,13 +11,21 @@ layout: base.njk
         }
     </style>
     <h1 class="mb-2">{{title}}</h1>
-    <p class="text-sm text-fg-3 dark:text-fgDark-3 my-1 lg:mx-16">
-        Published on <time datetime={{date | date("DATE")}}>{{date | date("DATE_US")}}</time>, {{ readingInfo.words }} words, {{ readingInfo.minutes }} minutes to read
-    </p>
 
-    {% if desc %}
-        <p class="max-w-[60ch] lg:mx-auto text-sm font-sans text-fg-3 dark:text-fgDark-3 my-1">{{desc}}</p>
-    {% endif %}
+    <div class="max-w-[80ch] flex items-stretch mx-auto gap-4 lg:gap-12">
+        <div>
+            <p class="text-sm text-fg-3 dark:text-fgDark-3 my-1 lg:mx-16">
+                Published on <time datetime={{date | date("DATE")}}>{{date | date("DATE_US")}}</time>, {{ readingInfo.words }} words, {{ readingInfo.minutes }} minutes to read
+            </p>
+
+            {% if desc %}
+                <p class="text-sm font-sans text-fg-3 dark:text-fgDark-3 my-1">{{desc}}</p>
+            {% endif %}
+        </div>
+        <div>
+            <iframe src="https://github.com/sponsors/Xe/button" title="Sponsor Xe" height="32" width="114" style="border: 0; border-radius: 6px;"></iframe>
+        </div>
+    </div>
 
     {% if patronExclusive %}
         <div class="bg-yellow-50 border-l-4 border-yellow-400 py-1 px-4 mb-4">
diff --git a/lume/src/index.jsx b/lume/src/index.jsx
index 606e007..9158c29 100644
--- a/lume/src/index.jsx
+++ b/lume/src/index.jsx
@@ -37,6 +37,8 @@ export default ({ search, resume, notableProjects, contactLinks }, { date }) =>
                 })}
             </ul>
 
+            <iframe src="https://github.com/sponsors/Xe/card" title="Sponsor Xe" height="225" width="600" style="border: 0;" className="mx-auto" />
+
             <h2 class="text-2xl mb-4">Notable Publications</h2>
             <ul class="list-disc ml-4 mb-4">
                 {resume.notablePublications.map((publication) => (
@@ -66,8 +68,6 @@ export default ({ search, resume, notableProjects, contactLinks }, { date }) =>
 
             <p class="mb-4">Looking for someone for your team? Check <a href="/signalboost">here</a>.</p>
 
-            <iframe src="https://github.com/sponsors/Xe/card" title="Sponsor Xe" height="225" width="600" style="border: 0;" />
-
             <div class="flex flex-wrap items-start justify-center p-5">
                 {resume.buzzwords.map((buzzword) => (
                     <span class="m-2 p-2 text-sm bg-bg-1 dark:bg-bgDark-1 text-fg-1 dark:text-fgDark-1 rounded-lg">{buzzword}</span>
-- 
cgit v1.2.3