SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: SebinNyshkim:45c1c27ea0f170649cecfa270f4d535d40ec9d99
Branches Tags
SebinNyshkim:main
SebinNyshkim:eleventy-toc
...
compare: SebinNyshkim:7976800fb1e2796553bd37be2b1194cb61f90e41
Branches Tags
SebinNyshkim:main
SebinNyshkim:eleventy-toc

2 commits
45c1c27ea0 ... 7976800fb1

Author SHA1 Message Date
Sebin Nyshkim
7976800fb1
fix: 💄 harmonize spacing and color of horizontal rulers 2025-07-29 18:03:35 +02:00
Sebin Nyshkim
676aa5d08b
feat: ✨ add ko-fi button at the end of blog posts 2025-07-29 18:01:46 +02:00
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/base.njk
View file

@ -60,14 +60,14 @@
</div>
</header>
<main class="mb-20 space-y-10 sm:mb-32 md:mb-40 md:space-y-14 lg:space-y-20">
<main class="mb-12 space-y-12 md:mb-14 md:space-y-14 lg:mb-16 lg:space-y-16">
{{ content | safe }}
</main>
<footer class="pb-16">
<footer class="pb-12 md:pb-14 lg:pb-16">
<div class="mx-auto max-w-(--breakpoint-xl) divide-y divide-slate-400 px-safe-offset-4 md:px-safe-offset-6 dark:divide-slate-600">
<div class="flex flex-wrap gap-6 md:flex-nowrap md:gap-0"></div>
<div class="mt-16 flex flex-wrap justify-between gap-4 pt-10 sm:flex-nowrap">
<div class="mt-12 flex flex-wrap justify-between gap-4 sm:flex-nowrap md:mt-14 lg:mt-16">
<div class="basis-full space-y-4">
<p>&copy; {% year %} Sebin Nyshkim</p>
<p>Content licensed under

14
src/layouts/blogpost.njk
View file

@ -31,7 +31,19 @@ layout: base.njk
</div>
</header>
<section class="mx-auto prose px-safe-offset-4 prose-slate md:prose-lg md:px-safe-offset-6 lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-figcaption:text-center prose-figcaption:text-balance prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl">
<section class="mx-auto prose px-safe-offset-4 prose-slate md:prose-lg md:px-safe-offset-6 lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-figcaption:text-center prose-figcaption:text-balance prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl prose-hr:my-12 prose-hr:border-slate-400 md:prose-hr:my-14 lg:prose-hr:my-16 dark:prose-hr:border-slate-600">
{{ content | safe }}
<hr>
<p class="text-center! text-balance">If you enjoy my writing and would like to show your appreciation, I set up a Ko-fi where you can donate a couple bucks to say "thanks!"</p>
<a href='https://ko-fi.com/I2I333GJJ' target='_blank'>
<img
src='https://storage.ko-fi.com/cdn/kofi5.png?v=6'
alt='Buy Me a Coffee at ko-fi.com'
class="h-12 w-auto rounded-none!"
/>
</a>
</section>
</article>