diff --git a/layouts/default.vue b/layouts/default.vue
index 4b58db5..7c9e010 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,23 +4,30 @@
       <nuxt-link to="/" class="h-12 w-12">
         <img src="/Logo48.png" class="h-12 w-12" />
       </nuxt-link>
-      <nuxt-link to="/" class="text-2xl pl-2 sm:pl-4 font-book hover:underline hidden md:block">audiobookshelf</nuxt-link>
+      <nuxt-link to="/" class="text-2xl pl-2 sm:pl-4 font-book hover:underline hidden lg:block">audiobookshelf</nuxt-link>
       <!-- <div class="flex-grow" /> -->
-      <nuxt-link to="/install" class="h-full px-3 md:px-5 flex items-center ml-2 md:ml-12 cursor-pointer" :class="routeName === 'install' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
+      <nuxt-link to="/install" class="h-full px-3 lg:px-5 flex items-center ml-2 lg:ml-12 cursor-pointer" :class="routeName === 'install' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
         <p class="text-base md:text-lg">Install</p>
       </nuxt-link>
-      <nuxt-link to="/docs" class="h-full px-3 md:px-5 flex items-center cursor-pointer" :class="routeName === 'docs' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
+      <nuxt-link to="/docs" class="h-full px-3 lg:px-5 flex items-center cursor-pointer" :class="routeName === 'docs' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
         <p class="text-base md:text-lg hidden md:block">Documentation</p>
         <p class="text-base md:text-lg md:hidden">Docs</p>
       </nuxt-link>
-      <nuxt-link to="/support" class="h-full px-3 md:px-5 items-center cursor-pointer flex" :class="routeName === 'support' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
-        <p class="text-base md:text-lg">How to Support</p>
+      <nuxt-link to="/support" class="h-full px-3 lg:px-5 items-center cursor-pointer flex" :class="routeName === 'support' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
+        <!-- <p class="text-base md:text-lg">How to Support</p> -->
+        <p class="text-base md:text-lg hidden md:block">How to Support</p>
+        <p class="text-base md:text-lg md:hidden">Support</p>
       </nuxt-link>
-      <nuxt-link to="/showcase" class="h-full px-3 md:px-5 items-center cursor-pointer flex" :class="routeName === 'showcase' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
+      <nuxt-link to="/showcase" class="h-full px-3 lg:px-5 items-center cursor-pointer hidden md:flex" :class="routeName === 'showcase' ? 'bg-bg bg-opacity-50 text-white' : 'hover:text-white hover:bg-bg hover:bg-opacity-50 text-gray-300'">
         <p class="text-base md:text-lg">Showcase</p>
       </nuxt-link>
 
       <div class="flex-grow" />
+
+      <div class="pr-4 pt-1 hidden lg:inline-block">
+        <a class="github-button" href="https://github.com/advplyr/audiobookshelf" data-color-scheme="no-preference: dark_high_contrast; light: light; dark: dark;" data-size="large" data-show-count="true" aria-label="Star advplyr/audiobookshelf on GitHub">Star</a>
+      </div>
+
       <a :href="dockerHubUrl">
         <img src="/docker.svg" class="h-8 text-white" />
       </a>
diff --git a/nuxt.config.js b/nuxt.config.js
index c88002d..0602c26 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -54,6 +54,11 @@ export default {
     script: [
       {
         src: '/prism.js'
+      },
+      {
+        src: 'https://buttons.github.io/buttons.js',
+        defer: true,
+        async: true
       }
     ]
   },
diff --git a/pages/index.vue b/pages/index.vue
index 00ef29a..ef96bb7 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -28,7 +28,7 @@
       <div class="absolute bottom-6 right-6 md:bottom-12 md:right-12 text-right">
         <nuxt-link to="/install" class="text-gray-200 text-lg md:text-3xl font-book py-1 md:py-2 hover:underline block">Install Guides</nuxt-link>
         <nuxt-link to="/docs" class="text-gray-200 text-lg md:text-3xl font-book py-1 md:py-2 hover:underline block">Documentation</nuxt-link>
-        <nuxt-link to="/showcase" class="text-gray-200 text-lg md:text-3xl font-book py-1 md:py-2 hover:underline block">Showcase</nuxt-link>
+        <nuxt-link to="/support" class="text-gray-200 text-lg md:text-3xl font-book py-1 md:py-2 hover:underline block">How to Support</nuxt-link>
 
         <div class="flex pt-4 md:pt-8 text-gray-300">
           <a :href="dockerHubUrl" class="mx-2">
diff --git a/pages/showcase.vue b/pages/showcase.vue
index ba978dd..8c7b677 100644
--- a/pages/showcase.vue
+++ b/pages/showcase.vue
@@ -1,5 +1,12 @@
 <template>
   <div class="w-full max-w-5xl mx-auto px-2 py-8">
+    <div class="flex -ml-8 mb-12">
+      <div>
+        <span class="material-icons text-warning text-2xl">priority_high</span>
+      </div>
+      <p class="pl-2 text-base md:text-lg">Screenshots are out of date! You can help by emailing some screenshots of your bookshelf to <a href="mailto:advplyr@protonmail.com" class="text-blue-500 underline">advplyr@protonmail.com</a> (or <a href="https://github.com/advplyr/audiobookshelf-web" target="_blank" class="text-blue-500 underline">submit a PR</a>).</p>
+    </div>
+
     <div class="flex justify-between items-center mb-8">
       <h1 class="text-3xl">Showcase</h1>
       <a href="https://github.com/advplyr/audiobookshelf/discussions/60" class="text-lg text-blue-500 hover:underline hover:text-blue-300">courtesy of Budlyte</a>
diff --git a/pages/support.vue b/pages/support.vue
index 056e8fc..8632c58 100644
--- a/pages/support.vue
+++ b/pages/support.vue
@@ -1,18 +1,32 @@
 <template>
   <div class="w-full max-w-5xl mx-auto h-full px-2 py-8">
+    <div class="flex -ml-8 mb-4">
+      <div>
+        <span class="material-icons text-success text-2xl">star</span>
+      </div>
+      <p class="pl-2 text-base md:text-lg">
+        The best way that <u>everyone</u> can show support is to follow/star the <a href="https://github.com/advplyr/audiobookshelf" target="_blank" class="text-blue-500 underline">github repo</a>, test new features, and open a <a href="https://github.com/advplyr/audiobookshelf/discussions" target="_blank" class="text-blue-500 underline">discussion</a> with ideas on how to improve the project.
+      </p>
+    </div>
     <div class="flex -ml-8">
       <div>
-        <span class="material-icons text-warning text-2xl">priority_high</span>
+        <span class="material-icons text-gray-400 text-2xl">email</span>
       </div>
-      <p class="pl-2 text-base md:text-lg">Default username is "root" with no password.</p>
+      <p class="pl-2 text-base md:text-lg"><a href="mailto:advplyr@protonmail.com" class="text-blue-500 underline">advplyr@protonmail.com</a></p>
     </div>
 
     <div class="w-full bg-white bg-opacity-20 h-px my-8" />
 
+    <p>As you can see, this documentation could really use some support.</p>
+
+    <div class="w-full bg-white bg-opacity-20 h-px my-8" />
+
     <h1 id="docker" class="text-3xl mb-4 -ml-8">
       <nuxt-link to="#docker"><span class="material-icons text-xl text-gray-400 hover:text-white cursor-pointer mr-2">tag</span></nuxt-link
-      >Docker Install
+      >Developers
     </h1>
+    <p class="mb-2">This section will eventually give info on how to run the project locally.</p>
+    <p class="mb-2">PRs welcome and highly encouraged. Before working on an issue/feature you should post about it so we don't overlap.</p>
   </div>
 </template>