From 22cabd41ac3e5db5babc42a842a45045917e9622 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Fri, 28 Feb 2025 08:38:35 +0100
Subject: [PATCH] Now changes tab tittle on load

---
 src/routes/+page.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9015b86..8acdd37 100644
--- a/src/routes/+page.svelte
+++ b/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" />