embeds (forgot about this)

.vitepress/config.ts

@@ -3,6 +3,7 @@ import { readdirSync, readFileSync, statSync } from "fs";
 import { join, sep } from "path";
 import { parse } from "yaml";
 import { fileURLToPath } from "url";
+import metaTags from "./meta";
 
 /**
  * Return an array of all filepaths in a directory
@@ -61,18 +62,10 @@ export default () => {
 	return defineConfig({
 		title: "Faithful Docs",
 		description: "The official site with documentation and guides related to Faithful.",
-		head: [
-			[
-				"link",
-				{
-					rel: "icon",
-					href: "https://raw.githubusercontent.com/Faithful-Resource-Pack/Branding/main/site/favicon.ico",
-				},
-			],
-		],
+		head: metaTags,
+		// https://vitepress.dev/reference/default-theme-config
 		themeConfig: {
 			logo: "https://raw.githubusercontent.com/Faithful-Resource-Pack/Branding/main/site/favicon.ico",
-			// https://vitepress.dev/reference/default-theme-config
 			nav: [
 				{ text: "Home", link: "/" },
 				...bars,

.vitepress/meta.ts

@@ -0,0 +1,72 @@
+const DESCRIPTION = "The official site with documentation and guides related to Faithful.";
+const BANNER_URL =
+	"https://database.faithfulpack.net/images/branding/site/banners/universal_banner.png";
+
+export default [
+	// html meta tags
+	[
+		"link",
+		{
+			rel: "icon",
+			href: "https://raw.githubusercontent.com/Faithful-Resource-Pack/Branding/main/site/favicon.ico",
+		},
+	],
+	[
+		"meta",
+		{
+			name: "theme-color",
+			content: "#76C945",
+		},
+	],
+	[
+		"meta",
+		{
+			name: "description",
+			content: DESCRIPTION,
+		},
+	],
+	// open graph meta tags
+	[
+		"meta",
+		{
+			property: "og:type",
+			content: "website",
+		},
+	],
+	[
+		"meta",
+		{
+			property: "og:description",
+			content: DESCRIPTION,
+		},
+	],
+	[
+		"meta",
+		{
+			property: "og:image",
+			content: BANNER_URL,
+		},
+	],
+	// twitter meta tags
+	[
+		"meta",
+		{
+			name: "twitter:card",
+			content: "summary_large_image",
+		},
+	],
+	[
+		"meta",
+		{
+			name: "twitter:description",
+			content: DESCRIPTION,
+		},
+	],
+	[
+		"meta",
+		{
+			name: "twitter:image",
+			content: BANNER_URL,
+		},
+	],
+] as [string, Record<string, string>][];