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

feat: ✨ add social icon links to footer

Browse source
This commit is contained in:
Sebin Nyshkim 2024-10-19 19:55:24 +02:00
parent 0970c95531
commit 6164c18f0d
1 changed files with 37 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/layouts/base.njk
View file

@ -54,14 +54,49 @@
<div class="mx-auto max-w-screen-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="basis-full">
<div class="basis-full space-y-4">
<p>&copy; {% year %} Sebin Nyshkim</p>
<p>Content licensed under
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
</p>
</div>
<div class="basis-full sm:text-right">
<div class="basis-full space-y-4 sm:text-right">
<p>Made with <a href="https://11ty.dev">11ty</a></p>
<ul class="flex justify-end gap-4" aria-label="Connect">
<li>
<a
class="fill-slate-700 hover:fill-[#0285FF] dark:fill-slate-300"
href="https://bsky.app/profile/sebin-nyshkim.net"
target="_blank"
rel="noopener noreferrer"
aria-label="Bluesky"
>
{% icon "simple:bluesky", { width: 24, height: 24 } %}
</a>
</li>
<li>
<a
class="fill-slate-700 hover:fill-[#6364FF] dark:fill-slate-300"
href="https://meow.social/@SebinNyshkim"
target="_blank"
rel="noopener noreferrer"
aria-label="Mastodon"
>
{% icon "simple:mastodon", { width: 24, height: 24 } %}
</a>
</li>
<li>
<a
class="fill-slate-700 hover:fill-[#FFA500] dark:fill-slate-300"
href="https://blog.sebin-nyshkim.net/feed.xml"
target="_blank"
rel="noopener noreferrer"
aria-label="RSS Feed"
>
{% icon "simple:rss", { width: 24, height: 24 } %}
</a>
</li>
</ul>
</div>
</div>
</div>