Implement meta embeds (#251)

* Implement meta embeds

* Update description and logo

---------

Co-authored-by: Felix <[email protected]>

Author: Lauritz-Tieste

nuxt.config.ts

@@ -6,6 +6,27 @@ export default defineNuxtConfig({
     head: {
       title: "Bootstrap Academy",
       link: [{ rel: "manifest", href: "manifest.txt" }],
+      meta: [
+        { charset: "utf-8" },
+        { name: "viewport", content: "width=device-width, initial-scale=1" },
+        { name: "theme-color", content: "#000000" },
+        { hid: "description", name: "description", content: "Learn computer science online" },
+
+        { property: "name", content: "Bootstrap Academy" },
+        { property: "description", content: "Learn computer science online" },
+        { property: "image", content: "https://bootstrap.academy/images/logo.png" },
+
+        { property: "og:url", content: "https://bootstrap.academy" },
+        { property: "og:type", content: "website" },
+        { property: "og:title", content: "Bootstrap Academy" },
+        { property: "og:description", content: "Learn computer science online" },
+        { property: "og:image", content: "https://bootstrap.academy/images/logo.png" },
+
+        { name: "twitter:card", content: "summary_large_image" },
+        { name: "twitter:title", content: "Bootstrap Academy" },
+        { name: "twitter:description", content: "Learn computer science online" },
+        { name: "twitter:image", content: "https://bootstrap.academy/images/logo.png" },
+      ],
     },
     pageTransition: { name: "page", mode: "out-in" },
     layoutTransition: { name: "layout", mode: "out-in" },