Now changes tab tittle on load

src/routes/+page.svelte

@@ -7,7 +7,7 @@
     import { ButtonType } from '$lib/IO/ButtonType.ts';
     import Timeline from '../comps/timeline/timeline.svelte';
     import { Parallax, ParallaxLayer, StickyLayer } from "svelte-parallax";
-    import { tick } from 'svelte'
+    import { onMount, tick } from 'svelte'
 
     import PreviewDeprivedLogo from "$lib/images/DeprivedLogo-NoBackground.png";
 
@@ -35,13 +35,19 @@
     
     const mobileThreshold : string = '600px'; // was 1000px. zhen testing
     let mobile : boolean;
+
+    onMount(()=> {
+        let tabTittleElement = window.document.getElementById("TabTittle");
+            if (tabTittleElement) // Not null
+        tabTittleElement.innerHTML = "Deprived devs";
+    });
 </script>
 
 
 <!-- Detect mobile -->
 <MediaQuery query='(max-width: {mobileThreshold})' bind:matches={mobile} />
 
-<title>We are the DEPRIVED DEVS</title>
+<title id="TabTittle">We are the DEPRIVED DEVS</title>
 <meta content="We are the deprived devs" property="og:title" />
 <meta content="We collaborate to create game, and hopefully more in the future! Wanna join? Hit us up." property="og:description" />
 <meta content={PreviewDeprivedLogo} property="og:image" />