Tweak card images, dark mode text, social links, and add right sidebar

components/site-footer.tsx

@@ -4,11 +4,16 @@ export function SiteFooter() {
   const { social } = siteConfig;
 
   return (
-    <footer className="border-t py-4 text-center text-sm text-gray-500">
+    <footer className="border-t py-4 text-center text-sm text-gray-500 dark:text-slate-400">
       <div>
         © {new Date().getFullYear()} {siteConfig.author}
       </div>
-      {(social.github || social.twitter || social.linkedin || social.email) && (
+      {(social.github ||
+        social.twitter ||
+        social.linkedin ||
+        social.email ||
+        social.mastodon ||
+        social.gitea) && (
         <div className="mt-1 space-x-3">
           {social.github && (
             <a
@@ -40,6 +45,26 @@ export function SiteFooter() {
               LinkedIn
             </a>
           )}
+          {social.mastodon && (
+            <a
+              href={social.mastodon}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:underline"
+            >
+              Mastodon
+            </a>
+          )}
+          {social.gitea && (
+            <a
+              href={social.gitea}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:underline"
+            >
+              Gitea
+            </a>
+          )}
           {social.email && (
             <a
               href={`mailto:${social.email}`}