wip

Author: jbrooksuk

components/Breadcrumbs.vue

@@ -1,9 +1,7 @@
 <script setup>
 import { ChevronRightIcon, HomeIcon } from '@heroicons/vue/20/solid'
-import GitHubIcon from './Icons/GitHubIcon.vue'
 import TwitterIcon from './Icons/TwitterIcon.vue'
 import VersionPicker from './VersionPicker.vue'
-import ChatBubbleIcon from "./Icons/ChatBubbleIcon.vue";
 
 defineProps({
   pages: Array,
@@ -12,8 +10,8 @@ defineProps({
 
 <template>
   <nav
-    class="flex justify-between px-4 py-3 bg-gray-50 dark:bg-gray-800 sticky top-0 z-10 shadow-sm"
-    aria-label="Breadcrumb"
+    class="flex justify-between px-4 py-3 bg-gray-50 dark:bg-gray-800 sticky top-0 z-10 shadow-md"
+    aria-label="Breadcrumbs"
   >
     <ol
       role="list"

components/Sponsors.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="items-center justify-center gap-x-2 sm:gap-x-4 md:gap-x-8 hidden sm:flex">
     <a
-      href="https://github.com/jbrooksuk/artisan.page?sponsor=1"
-      title="Sponsor artisan.page"
+      href="https://github.com/sponsors/jbrooksuk"
+      title="Sponsor James Brooks"
       @click="sponsorClick"
       target="_blank"
+      class="text-artisan hover:text-artisan-light text-sm font-bold"
     >
-      <NuxtImg src="https://img.shields.io/github/sponsors/jbrooksuk?style=social&label=Sponsor%20artisan.page" class="h-6" alt="Sponsor artisan.page" />
+      Sponsor Artisan.page on GitHub
     </a>
   </div>
 </template>