diff options
| -rw-r--r-- | lume/src/_includes/blog.njk | 20 | ||||
| -rw-r--r-- | 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> |