Update footer

src/assets/base.css

@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 body {
-  @apply text-slate-100;
+  @apply text-gray-100;
   @apply bg-black;
   background-image: url('@/assets/information-bg.jpg');
   background-size: 50%;

src/views/HomeView.vue

@@ -8,14 +8,23 @@
       </div>
     </div>
 
-    <div class="m-2 text-center text-sm text-slate-300">
+    <div class="m-2 text-center text-xs text-gray-500">
-      <a href="https://splatoon2.ink" target="_blank">
+      <div>
-        splatoon2.ink
+        <img src="@/assets/little-buddy.png" class="mx-auto mb-4" width="50" />
-      </a>
+      </div>
-      &ndash;
+      <div>
-      <a href="https://twitter.com/splatoon2inkbot" target="_blank">
+        This website is not affiliated with Nintendo. All product names, logos, and brands are property of their respective owners.
-        @splatoon2inkbot
+      </div>
-      </a>
+      <div class="footer-links">
+        <a href="https://twitter.com/splatoon2inkbot" target="_blank">
+          <img src="@/assets/twitter-white.png" width="20" height="20" class="inline" />
+          <span>@splatoon2inkbot</span>
+        </a>
+        &ndash;
+        <a href="https://splatoon2.ink" target="_blank">
+          <span>splatoon2.ink</span>
+        </a>
+      </div>
     </div>
   </main>
 </template>
@@ -23,3 +32,13 @@
 <script setup>
 import Splatoon3Countdown from '@/components/Splatoon3Countdown.vue'
 </script>
+
+<style scoped>
+.footer-links a span {
+  @apply text-gray-300;
+}
+
+.footer-links a:hover span {
+  @apply text-white underline;
+}
+</style>