diff --git a/.prettierrc b/.prettierrc.json
similarity index 94%
rename from .prettierrc
rename to .prettierrc.json
index 326dec9..44a39bc 100644
--- a/.prettierrc
+++ b/.prettierrc.json
@@ -1,4 +1,5 @@
 {
+  "plugins": ["prettier-plugin-svelte"],
   "singleQuote": false,
   "tabWidth": 2,
   "useTabs": false,
diff --git a/src/component/footer.svelte b/src/component/footer.svelte
index 843484a..cbb5e5c 100644
--- a/src/component/footer.svelte
+++ b/src/component/footer.svelte
@@ -1,7 +1,8 @@
 <footer>
   <p>© 2025 Colormatic Studios, All Rights Reserved.</p>
   <p>
-    <a href="mailto:support@colormatic.org">support@colormatic.org</a> |
+    <a href="mailto:support@colormatic.org">support@colormatic.org</a>
+    |
     <a href="mailto:support@colormatic.org">contact@colormatic.org</a>
   </p>
 </footer>
diff --git a/src/component/navbar.svelte b/src/component/navbar.svelte
index 8dfc1b4..8bb9585 100644
--- a/src/component/navbar.svelte
+++ b/src/component/navbar.svelte
@@ -29,11 +29,13 @@
       class="git-icon"
       target="_blank"
       rel="noopener noreferrer"
-      aria-label="Colormatic Git"><i class="bi bi-git"></i></a
-    >
-    <button on:click={toggleModalMenu} class="menu-button" aria-label="menu"
-      ><i class="bi bi-list"></i></button
+      aria-label="Colormatic Git"
     >
+      <i class="bi bi-git"></i>
+    </a>
+    <button on:click={toggleModalMenu} class="menu-button" aria-label="menu">
+      <i class="bi bi-list"></i>
+    </button>
   </div>
 </nav>
 
@@ -46,9 +48,9 @@ Svelte modal example, https://svelte.dev/playground/modal
 <!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
 <span on:click={modalMenuProcessClick} id="pages" class="modalbg hidden">
   <div>
-    <button on:click={toggleModalMenu} class="close" aria-label="Close"
-      ><i class="bi bi-x"></i></button
-    >
+    <button on:click={toggleModalMenu} class="close" aria-label="Close">
+      <i class="bi bi-x"></i>
+    </button>
     <ul>
       <li><a href="/">Home</a></li>
       <li><a href="/zakarya">Zakarya</a></li>
@@ -57,15 +59,19 @@ Svelte modal example, https://svelte.dev/playground/modal
         <a
           href="https://git.colormatic.org"
           target="_blank"
-          rel="noopener noreferrer">Colormatic Git</a
+          rel="noopener noreferrer"
         >
+          Colormatic Git
+        </a>
       </li>
       <li>
         <a
           href="https://auth.colormatic.org"
           target="_blank"
-          rel="noopener noreferrer">Colormatic ID</a
+          rel="noopener noreferrer"
         >
+          Colormatic ID
+        </a>
       </li>
       <li><a href="/about">About</a></li>
     </ul>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2e9c86b..6b5bf95 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,6 +22,24 @@
 
 <svelte:head>
   <title>Colormatic</title>
+  <meta
+    name="description"
+    content="Colormatic is a non-profit project by Zakarya dedicated to creation."
+  />
+  <meta name="keywords" content="Open Source, Non Profit" />
+  <link rel="canonical" href="https://colormatic.org" />
+
+  <meta property="og:title" content="Colormatic" />
+  <meta
+    property="og:description"
+    content="Colormatic is a non-profit project by Zakarya dedicated to creation."
+  />
+  <meta
+    property="og:image"
+    content="https://colormatic.org/img/colormatic_logo.svg"
+  />
+  <meta property="og:url" content="https://colormatic.org" />
+  <meta property="og:type" content="website" />
 </svelte:head>
 
 <main>
@@ -41,8 +59,10 @@
       <a
         href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person"
         target="_blank"
-        rel="noopener noreferrer">Quality First Person Controller</a
+        rel="noopener noreferrer"
       >
+        Quality First Person Controller
+      </a>
     </h1>
     <p>An actually good first person controller for the Godot Engine.</p>
 
@@ -52,8 +72,10 @@
       <a
         href="https://git.colormatic.org/ColormaticStudios/godot-bson"
         target="_blank"
-        rel="noopener noreferrer">BSON for Godot</a
+        rel="noopener noreferrer"
       >
+        BSON for Godot
+      </a>
     </h1>
     <p>A BSON serializer/deserializer for the Godot Engine</p>
   </div>
@@ -69,8 +91,11 @@
       Check up on progress and changes at <a
         href="https://git.colormatic.org/ColormaticStudios/Colormatic-Website"
         target="_blank"
-        rel="noopener noreferrer">ColormaticStudios/Colormatic-Website</a
-      >.
+        rel="noopener noreferrer"
+      >
+        ColormaticStudios/Colormatic-Website
+      </a>
+      .
     </p>
   </div>
 </main>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 09f4eac..5a5a38a 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,5 +1,23 @@
 <svelte:head>
   <title>Colormatic - About</title>
+  <meta
+    name="description"
+    content="Colormatic is a non-profit project by Zakarya dedicated to creation."
+  />
+  <meta name="keywords" content="Open Source, Non Profit" />
+  <link rel="canonical" href="https://colormatic.org/about/" />
+
+  <meta property="og:title" content="Colormatic - About" />
+  <meta
+    property="og:description"
+    content="Colormatic is a non-profit project by Zakarya dedicated to creation."
+  />
+  <meta
+    property="og:image"
+    content="https://colormatic.org/img/colormatic_logo.svg"
+  />
+  <meta property="og:url" content="https://colormatic.org/about/" />
+  <meta property="og:type" content="website" />
 </svelte:head>
 
 <spacer></spacer>
diff --git a/src/routes/studios/+page.svelte b/src/routes/studios/+page.svelte
index 808a1a4..364123f 100644
--- a/src/routes/studios/+page.svelte
+++ b/src/routes/studios/+page.svelte
@@ -1,5 +1,32 @@
 <svelte:head>
   <title>Colormatic Studios</title>
+  <meta
+    name="description"
+    content="Colormatic Studios is a creative studio dedicated to giving life to
+    Colormatic's projects. We are currently just a small group of passionate
+    volunteers working to build inspiring, intuitive and innovative creative
+    works."
+  />
+  <meta
+    name="keywords"
+    content="Open Source, Not for Profit, Game Development, World Building"
+  />
+  <link rel="canonical" href="https://colormatic.org/studios/" />
+
+  <meta property="og:title" content="Colormatic Studios" />
+  <meta
+    property="og:description"
+    content="Colormatic Studios is a creative studio dedicated to giving life to
+    Colormatic's projects. We are currently just a small group of passionate
+    volunteers working to build inspiring, intuitive and innovative creative
+    works."
+  />
+  <meta
+    property="og:image"
+    content="https://colormatic.org/img/colormatic_logo.svg"
+  />
+  <meta property="og:url" content="https://colormatic.org/studios/" />
+  <meta property="og:type" content="website" />
 </svelte:head>
 
 <main>
@@ -11,8 +38,10 @@
         <a
           href="https://git.colormatic.org/ColormaticStudios/quality-godot-first-person"
           target="_blank"
-          rel="noopener noreferrer">Quality First Person Controller</a
+          rel="noopener noreferrer"
         >
+          Quality First Person Controller
+        </a>
       </h1>
       <div class="project-grid-box-contents">
         <img
@@ -27,8 +56,10 @@
         <a
           href="https://git.colormatic.org/ColormaticStudios/godot-bson"
           target="_blank"
-          rel="noopener noreferrer">BSON for Godot</a
+          rel="noopener noreferrer"
         >
+          BSON for Godot
+        </a>
       </h1>
       <div class="project-grid-box-contents">
         <img
@@ -74,22 +105,28 @@
           <a
             href="https://mastodon.social/@colormaticstudios"
             target="_blank"
-            rel="noopener noreferrer">Mastodon</a
+            rel="noopener noreferrer"
           >
+            Mastodon
+          </a>
         </li>
         <li>
           <a
             href="https://www.instagram.com/colormaticstudios/"
             target="_blank"
-            rel="noopener noreferrer">Instagram</a
+            rel="noopener noreferrer"
           >
+            Instagram
+          </a>
         </li>
         <li>
           <a
             href="https://www.youtube.com/@colormaticstudios"
             target="_blank"
-            rel="noopener noreferrer">Youtube</a
+            rel="noopener noreferrer"
           >
+            Youtube
+          </a>
         </li>
       </ul>
       <ul class="linktree">
@@ -97,22 +134,28 @@
           <a
             href="https://git.colormatic.org/ColormaticStudios"
             target="_blank"
-            rel="noopener noreferrer">Colormatic Git</a
+            rel="noopener noreferrer"
           >
+            Colormatic Git
+          </a>
         </li>
         <li>
           <a
             href="https://github.com/ColormaticStudios"
             target="_blank"
-            rel="noopener noreferrer">GitHub</a
+            rel="noopener noreferrer"
           >
+            GitHub
+          </a>
         </li>
         <li>
           <a
             href="https://bsky.app/profile/colormaticstudios.bsky.social"
             target="_blank"
-            rel="noopener noreferrer">Bluesky</a
+            rel="noopener noreferrer"
           >
+            Bluesky
+          </a>
         </li>
       </ul>
     </div>
diff --git a/src/routes/video/+page.svelte b/src/routes/video/+page.svelte
index b0ddb62..ebca137 100644
--- a/src/routes/video/+page.svelte
+++ b/src/routes/video/+page.svelte
@@ -100,6 +100,7 @@
 
 <svelte:head>
   <title>Video Player</title>
+  <meta property="og:type" content="video" />
 </svelte:head>
 
 <spacer></spacer>
diff --git a/src/routes/zakarya/+page.svelte b/src/routes/zakarya/+page.svelte
index 5c1ec5b..6fa6157 100644
--- a/src/routes/zakarya/+page.svelte
+++ b/src/routes/zakarya/+page.svelte
@@ -1,5 +1,26 @@
 <svelte:head>
   <title>Colormatic - Zakarya</title>
+  <meta
+    name="description"
+    content="I am a software and game developer, I run Colormatic and Colormatic
+  Studios, and I primarily study computer science, psychology, and
+  linguistics."
+  />
+  <link rel="canonical" href="https://colormatic.org/zakarya/" />
+
+  <meta property="og:title" content="Colormatic - Zakarya" />
+  <meta
+    property="og:description"
+    content="I am a software and game developer, I run Colormatic and Colormatic
+  Studios, and I primarily study computer science, psychology, and
+  linguistics."
+  />
+  <meta
+    property="og:image"
+    content="https://colormatic.org/img/zakarya-icon.svg"
+  />
+  <meta property="og:url" content="https://colormatic.org/zakarya/" />
+  <meta property="og:type" content="website" />
 </svelte:head>
 
 <main>
@@ -30,29 +51,37 @@
           <a
             href="https://mstdn.party/@zakarya"
             target="_blank"
-            rel="noopener noreferrer">Mastodon</a
+            rel="noopener noreferrer"
           >
+            Mastodon
+          </a>
         </li>
         <li>
           <a
             href="https://ko-fi.com/zakarya"
             target="_blank"
-            rel="noopener noreferrer">Ko-fi</a
+            rel="noopener noreferrer"
           >
+            Ko-fi
+          </a>
         </li>
         <li>
           <a
             href="https://www.youtube.com/@czakarya"
             target="_blank"
-            rel="noopener noreferrer">Youtube</a
+            rel="noopener noreferrer"
           >
+            Youtube
+          </a>
         </li>
         <li>
           <a
             href="https://github.com/CZakarya"
             target="_blank"
-            rel="noopener noreferrer">GitHub</a
+            rel="noopener noreferrer"
           >
+            GitHub
+          </a>
         </li>
         <!--<li><a href="https://www.reddit.com/user/CZakarya/" target="_blank" rel="noopener noreferrer">Reddit</a></li>-->
       </ul>