feat: move blog link from app header to footer

Also add some breathing room to the top of the blog post

Author: jonathanyeong

app/components/AppFooter.vue

@@ -12,6 +12,12 @@
           >
             {{ $t('footer.about') }}
           </NuxtLink>
+          <NuxtLink
+            to="/blog"
+            class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center"
+          >
+            {{ $t('footer.blog') }}
+          </NuxtLink>
           <a
             href="https://docs.npmx.dev"
             target="_blank"

app/components/AppHeader.vue

@@ -78,21 +78,6 @@ onKeyStroke('.', e => {
           <li v-if="isConnected && npmUser" class="flex items-center">
             <HeaderOrgsDropdown :username="npmUser" />
           </li>
-          <li class="flex items-center">
-            <NuxtLink
-              to="/blog"
-              class="link-subtle font-mono text-sm inline-flex items-center gap-2"
-              aria-keyshortcuts="."
-            >
-              {{ $t('nav.blog') }}
-              <kbd
-                class="hidden sm:inline-flex items-center justify-center w-5 h-5 text-xs bg-bg-muted border border-border rounded"
-                aria-hidden="true"
-              >
-                .
-              </kbd>
-            </NuxtLink>
-          </li>
         </ul>
       </div>
 

app/components/BlogPostWrapper.vue

@@ -14,7 +14,7 @@ useSeoMeta({
 })
 </script>
 <template>
-  <main class="container w-full">
+  <main class="container w-full py-8">
     <article class="prose dark:prose-invert mx-auto">
       <slot />
     </article>

i18n/locales/en.json

@@ -10,6 +10,7 @@
   "trademark_disclaimer": "npm is a registered trademark of npm, Inc. This site is not affiliated with npm, Inc.",
   "footer": {
     "about": "about",
+    "blog": "blog",
     "docs": "docs",
     "source": "source",
     "social": "social",
@@ -41,7 +42,6 @@
   "nav": {
     "main_navigation": "Main",
     "popular_packages": "Popular packages",
-    "blog": "blog",
     "search": "search",
     "settings": "settings",
     "back": "back"