chore: tweak nav

src/_data/nav.js

@@ -7,7 +7,8 @@ module.exports = async function () {
       { name: 'Tags', icon: 'tags' },
       { name: 'Search', icon: 'search' },
       { name: 'Feeds', icon: 'rss' },
-      { name: 'Webrings', icon: 'heart-handshake' },
+      { name: 'Mastodon', url: 'https://social.lol/@cory', icon: 'brand-mastodon' },
+      { name: 'Buy Me a Coffee', url: 'https://www.buymeacoffee.com/cory', icon: 'cup' },
     ],
     social: [
       { name: 'Email', url: 'mailto:cory.dransfeldt@gmail.com', icon: 'brand-gmail' },
@@ -17,6 +18,7 @@ module.exports = async function () {
       { name: 'Trakt', url: 'https://trakt.tv/users/cdransf', icon: 'device-tv' },
       { name: 'The StoryGraph', url: 'https://app.thestorygraph.com/profile/coryd', icon: 'books' },
       { name: 'Buy Me a Coffee', url: 'https://www.buymeacoffee.com/cory', icon: 'cup' },
+      { name: 'Webrings', icon: 'heart-handshake' },
     ],
   }
 }

src/_includes/partials/nav/menu.liquid

@@ -1,7 +1,7 @@
 <nav>
   <ul class="flex">
     {% for link in nav.menu %}
-      <li{% if not forloop.last %} class="mr-6"{% endif %}>
+      <li{% if not forloop.last %} class="mr-4"{% endif %}>
         {% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
       </li>
     {% endfor %}

src/assets/styles/tailwind.css

@@ -1201,8 +1201,8 @@ video {
   margin-right: 0.5rem;
 }
 
-.mr-6 {
-  margin-right: 1.5rem;
+.mr-4 {
+  margin-right: 1rem;
 }
 
 .mt-0 {