Done!

Create-Technomancy · Nov 20, 2024 · 27e89f2 · 27e89f2
1 parent 8453f34
commit 27e89f2
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 2 deletions.
diff --git a/src/app.html b/src/app.html
@@ -4,6 +4,7 @@
         <meta charset="utf-8" />
         <link rel="icon" href="%sveltekit.assets%/favicon.png" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="robots" content="index, follow" />
         %unocss-svelte-scoped.global% %sveltekit.head%
     </head>
     <body

diff --git a/src/components/MetaTags.svelte b/src/components/MetaTags.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import logo from "../assets/logo.gif";
+
+    const { title, desc }: { title: string; desc: string } = $props();
+</script>
+
+<meta name="description" content={desc} />
+
+<meta property="og:title" content={title} />
+<meta property="og:type" content="website" />
+<meta property="og:image" content={logo} />
+
+<meta name="twitter:title" content={title} />
+<meta name="twitter:description" content={desc} />
+<meta name="twitter:image" content={logo} />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,9 +1,14 @@
 <script lang="ts">
+    import MetaTags from "../components/MetaTags.svelte";
 </script>
 
 <svelte:head>
     <title>Create Technomancy</title>
-    <meta name="description" content="A Create addon blending the themes of magic and technology into one!" />
+
+    <MetaTags
+        title="Create Technomancy"
+        desc="A Create addon blending the themes of magic and technology into one!"
+    />
 </svelte:head>
 
 <div class="w-full min-h-screen flex flex-col items-center justify-start bg-img-technomancy">

diff --git a/src/routes/blogs/+page.svelte b/src/routes/blogs/+page.svelte
@@ -1,8 +1,14 @@
 <script lang="ts">
+    import MetaTags from "../../components/MetaTags.svelte";
 </script>
 
 <svelte:head>
-    <title>Blogs | Create Technomancy</title>
+    <title>Blog Posts | Create Technomancy</title>
+
+    <MetaTags
+        title="Blog Posts"
+        desc="Blog posts, sneak peeks, and status updates for Create Technomancy!"
+    />
 </svelte:head>
 
 <div class="w-full min-h-screen flex flex-col items-center justify-start bg-img-technomancy">

diff --git a/src/routes/blogs/2024-11-19/+page.svelte b/src/routes/blogs/2024-11-19/+page.svelte
@@ -2,6 +2,7 @@
     import moment from "moment";
     import BlogHead from "../../../components/blogs/BlogHead.svelte";
     import BlogSection from "../../../components/blogs/BlogSection.svelte";
+    import MetaTags from "../../../components/MetaTags.svelte";
 
     const blogInfo = {
         title: "We are so back!",
@@ -12,6 +13,11 @@
 
 <svelte:head>
     <title>We are so back | Create Technomancy</title>
+
+    <MetaTags
+        title="We are so back"
+        desc="We're back! After what seems like forever with this mod being dead, we're finally back!"
+    />
 </svelte:head>
 
 <div class="w-full min-h-screen flex flex-col items-center justify-center bg-img-technomancy mt-16">

diff --git a/src/routes/team/+page.svelte b/src/routes/team/+page.svelte
@@ -17,6 +17,8 @@
         emma,
         happyg,
     } from "$lib/team";
+
+    import MetaTags from "../../components/MetaTags.svelte";
     import Person from "../../components/Person.svelte";
 
     const team = [
@@ -44,6 +46,7 @@
 
 <svelte:head>
     <title>Our Team | Create Technomancy</title>
+    <MetaTags title="Our Team" desc="A list of the incredible members of our team!" />
 
     {#each [...team, ...contributors] as people}
         <link rel="preload" as="image" href={people.avatar} />