From e425fec7ce4923675d53e9aee799a29cc8abd328 Mon Sep 17 00:00:00 2001
From: Yohan Boujon <yo.boujon@gmail.com>
Date: Sat, 29 Mar 2025 16:44:42 +0100
Subject: [PATCH] Correcr links for navbar.

---
 src/lib/components/footer/page3.svelte |  4 --
 src/lib/components/navbar.svelte       | 53 ++++++++++++++------------
 src/routes/+page.svelte                |  3 --
 src/routes/projects/+page.svelte       | 16 ++++++++
 4 files changed, 44 insertions(+), 32 deletions(-)
 create mode 100644 src/routes/projects/+page.svelte

diff --git a/src/lib/components/footer/page3.svelte b/src/lib/components/footer/page3.svelte
index 3a31dd0..c8c8d48 100644
--- a/src/lib/components/footer/page3.svelte
+++ b/src/lib/components/footer/page3.svelte
@@ -10,7 +10,3 @@
 	<SvgIcon type="mdi" path={mdiEmailFast} />
 	<a href="mailto:contact@etheryo.fr">Envoyez nous un mail</a>
 </div>
-<div class="page-icon-text">
-	<SvgIcon type="mdi" path={mdiHelp} />
-	<a href="https://duckduckgo.com/">Besoin d'aide</a>
-</div>
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index 834698e..3f8df4b 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -1,16 +1,16 @@
 <!-- svelte-ignore a11y-missing-content -->
 <script>
-	import '$lib/css/base.css';
-	import '$lib/css/navbar.css';
-	import { page } from '$app/stores';
-	import anime from 'animejs';
+	import "$lib/css/base.css";
+	import "$lib/css/navbar.css";
+	import { page } from "$app/stores";
+	import anime from "animejs";
 
-	import Search from '$lib/components/search.svelte';
+	import Search from "$lib/components/search.svelte";
 
 	const SCROLL = 150;
 
 	$: pageUrl = $page.url.pathname;
-	let scrollY=0;
+	let scrollY = 0;
 	let cursorX;
 	let cursorY;
 
@@ -18,16 +18,16 @@
 	let navbar_category;
 
 	function isActive(str, url) {
-		if (url === str) return 'navbar-active';
-		else return '';
+		if (url === str) return "navbar-active";
+		else return "";
 	}
 
 	function isActiveMultiple(strArray, url) {
 		for (const str of strArray) {
 			const returnVal = isActive(str, url);
-			if (returnVal != '') return returnVal;
+			if (returnVal != "") return returnVal;
 		}
-		return '';
+		return "";
 	}
 
 	function update_gradient(event, div) {
@@ -44,14 +44,14 @@
 			targets: div_back,
 			opacity: [1 - targetOpacity, targetOpacity],
 			duration: 400,
-			easing: 'easeInOutQuad'
+			easing: "easeInOutQuad",
 		});
 	}
 
 	function changeScroll() {
 		document.documentElement.style.setProperty(
-			'--navbar-height',
-			scrollY < SCROLL ? '6rem' : '5rem'
+			"--navbar-height",
+			scrollY < SCROLL ? "6rem" : "5rem",
 		);
 	}
 </script>
@@ -59,10 +59,12 @@
 <svelte:window bind:scrollY on:scroll={changeScroll} />
 
 <!-- Navbar -->
-<nav class={scrollY < SCROLL ? 'flex-row' : 'flex-row floating'}>
+<nav class={scrollY < SCROLL ? "flex-row" : "flex-row floating"}>
 	<div
 		role="banner"
-		class="{scrollY < SCROLL ? 'disabled' : 'navbar-height flex-row container'}"
+		class={scrollY < SCROLL
+			? "disabled"
+			: "navbar-height flex-row container"}
 		on:mousemove={(event) => {
 			update_gradient(event, navbar_title);
 		}}
@@ -93,21 +95,22 @@
 	>
 		<div class="content navbar-categories">
 			<div>
-				<a class={isActiveMultiple(['/', '/articles', '/style'], pageUrl)} href="/articles"
-					>Articles</a
-				>
+				<a class={isActive("/", pageUrl)} href="/">Hub</a>
 			</div>
 			<div>
-				<a class={isActive('/authors', pageUrl)} href="/authors">Auteurs</a>
+				<a class={isActive("/projects", pageUrl)} href="/projects">Projets</a>
 			</div>
 			<div>
-				<a class={isActive('/categories', pageUrl)} href="/categories">Catégories</a>
+				<a href="https://blog.etheryo.fr">Blog</a>
+			</div>
+			<div>
+				<a href="https://git.etheryo.fr">Labo</a>
 			</div>
-			<Search width="15rem" font_size="0.8rem" padding="0rem" logo_size=25 />
-		</div>
-		<div class={scrollY < SCROLL ? 'navbar-overlay-front' : ''}>
-		</div>
-		<div class={scrollY < SCROLL ? 'navbar-overlay-back' : ''} bind:this={navbar_category}>
 		</div>
+		<div class={scrollY < SCROLL ? "navbar-overlay-front" : ""}></div>
+		<div
+			class={scrollY < SCROLL ? "navbar-overlay-back" : ""}
+			bind:this={navbar_category}
+		></div>
 	</div>
 </nav>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4074a73..2bb2950 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,6 @@
 <script>
 	import "$lib/css/base.css";
 	import "$lib/css/main.css";
-	import Link from "$lib/components/link.svelte";
-
-	let img = "placeholder.png";
 </script>
 
 <div class="main-banner">
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
new file mode 100644
index 0000000..ec254f4
--- /dev/null
+++ b/src/routes/projects/+page.svelte
@@ -0,0 +1,16 @@
+<script>
+	import "$lib/css/base.css";
+	import "$lib/css/main.css";
+</script>
+
+<div class="main-banner">
+	<div class="main-banner-gradient"></div>
+	<div class="main-banner-content">
+		<div
+			class="flex-row center"
+			style="padding-top: 15rem;padding-bottom: 15rem;"
+		>
+			<h1>Projects</h1>
+		</div>
+	</div>
+</div>