Added "under construction" for some pages.

frontend/src/lib/components/under_construction.svelte

@@ -0,0 +1,12 @@
+<script>
+    import "$lib/css/base.css";
+    import "$lib/css/cover-img.css";
+</script>
+
+<div class="flex-row center" style="height:80dvh">
+    <img style="height:50dvh;" src="/under_construction.png" alt="Under Construction" />
+    <div class="flex-col section">
+        <h1>Page under construction !</h1>
+        <p style="width:auto;">please check it later!</p>
+    </div>
+</div>

frontend/src/routes/+page.svelte

@@ -68,6 +68,11 @@
 	}
 </script>
 
+<svelte:head>
+    <title>Etheryo</title> 
+</svelte:head>
+
+
 <div class="main-banner">
 	<CoverImg
 		cover={hubjson.cover}

frontend/src/routes/about/+page.svelte

@@ -1,16 +1,10 @@
 <script>
 	import "$lib/css/base.css";
 	import "$lib/css/main.css";
+	import UnderConstruction from "$lib/components/under_construction.svelte";
 </script>
 
 <div class="main-banner">
 	<div class="main-banner-gradient"></div>
-	<div class="main-banner-content">
+	<UnderConstruction/>
-		<div
-			class="flex-row center"
-			style="padding-top: 15rem;padding-bottom: 15rem;"
-		>
-			<h1>About</h1>
-		</div>
-	</div>
 </div>

frontend/src/routes/project/[project]/+page.svelte

@@ -1,19 +1,13 @@
 <script>
 	import "$lib/css/base.css";
 	import "$lib/css/main.css";
+    import UnderConstruction from "$lib/components/under_construction.svelte";
 
-    export let data;
+    // export let data;
 </script>
 
 <div class="main-banner">
     <div class="main-banner-gradient"></div>
-    <div class="main-banner-content">
+    <UnderConstruction />
-        <div
+    <!-- <p>Project Name: {data.project}</p> -->
-            class="flex-col center"
-            style="padding-top: 15rem;padding-bottom: 15rem;"
-        >
-            <h1>Project</h1>
-            <h2>{data.project}</h2>
-        </div>
-    </div>
 </div>