Finalization

.github/workflows/publish.yml

@@ -33,6 +33,8 @@ jobs:
         with:
           fetch-depth: 0 # Not needed if lastUpdated is not enabled
       - uses: pnpm/action-setup@v2
+        with:
+          version: 8
       - name: Setup Node
         uses: actions/setup-node@v3
         with:

.vitepress/config.mts

@@ -10,7 +10,8 @@ const allCategoriesSection = [
       { text: "Sounds", link: "/sounds/" },
       { text: "Data Generation", link: "/data-generation/" },
       { text: "Events", link: "/events/" },
-      { text: "Rendering", link: "/rendering/" }
+      { text: "Rendering", link: "/rendering/" },
+      { text: "Miscellaneous Topics", link: "/misc-topics/" }
     ]
   }
 ]
@@ -19,6 +20,36 @@ const allCategoriesSection = [
 export default defineConfig({
   title: "Fabric Modding Wiki",
   description: "An open source guide-book for creating mods using Fabric.",
+
+  head: [
+    ['link', { rel: 'icon', href: '/icon.png' }],
+    ['meta', { name: 'theme-color', content: '#f0430e' }],
+    ['meta', { name: 'twitter:card', content: 'summary' }],
+    ['meta', { name: 'og:image', content: '/icon.png' }]
+  ],
+
+  transformPageData(pageData) {
+    pageData.frontmatter.head ??= []
+    pageData.frontmatter.head.push([
+      'meta',
+      {
+        name: 'og:title',
+        content:
+          pageData.frontmatter.layout === 'home'
+            ? `Fabric Modding Wiki`
+            : `${pageData.title} | Fabric Modding Wiki`
+      }
+    ])
+
+    pageData.frontmatter.head.push([
+      'meta',
+      {
+        name: 'og:description',
+        content: pageData.frontmatter.description || "An open source guide-book for creating mods using Fabric."
+      }
+    ])
+  },
+
   sitemap: {
     hostname: 'https://fabric.moddedmc.wiki/'
   },
@@ -129,6 +160,17 @@ export default defineConfig({
           ]
         }
       ],
+      '/misc-topics/': [
+        ...allCategoriesSection,
+        {
+          text: 'Miscellaneous Topics',
+          items: [
+            { text: 'About This Section', link: '/misc-topics/' },
+            { text: 'Codecs', link: '/misc-topics/codecs' },
+            { text: 'Text and Translations', link: '/misc-topics/text-and-translations' },
+          ]
+        }
+      ]
     },
 
     footer: {

.vitepress/theme/style.css

@@ -137,6 +137,12 @@
   --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
+.vp-doc table {
+  width: 100%;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
 p > img {
   margin-left: auto;
   margin-right: auto;

components/ColorSwatch.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="color-swatch" :style="`background-color: ${color}`" />
+</template>
+
+<script setup>
+const { color } = defineProps({
+  color: String,
+});
+</script>
+
+<style scoped>
+.color-swatch {
+  width: 100%;
+  padding: 50%;
+  margin: auto;
+  border-radius: 0.25rem;
+  border-color: grey;
+  border-width: 1px;
+}
+</style>

index.md

@@ -2,6 +2,9 @@
 # https://vitepress.dev/reference/default-theme-home-page
 layout: home
 
+title: "Fabric Modding Wiki"
+description: "An open source guide-book for creating mods using Fabric."
+
 hero:
   name: "Fabric Modding Wiki"
   tagline: "An open source guide-book for creating mods using Fabric."
@@ -32,6 +35,9 @@ features:
   - title: Sounds
     details: Learn how to utilize Minecraft's sound systems to add and play your own sounds.
     link: /sounds/
+  - title: Miscellaneous Topics
+    details: "Learn about other topics such as codecs, text and more."
+    link: /misc-topics/
 ---
 
 <style scoped>