From c27d9ae7678caaf4a73ad82a86e3ebe7c06179fb Mon Sep 17 00:00:00 2001 From: Yohan Boujon Date: Wed, 2 Apr 2025 23:24:32 +0200 Subject: [PATCH] Projects now renamed to Project. Each project has a distinct url. now has a click to the given url. --- src/lib/components/navbar.svelte | 23 +++++++++++++++----- src/lib/components/project.svelte | 8 +++++++ src/lib/json/hub.json | 3 +++ src/routes/+page.svelte | 1 + src/routes/project/+page.ts | 10 +++++++++ src/routes/project/[project]/+page.server.js | 10 +++++++++ src/routes/project/[project]/+page.svelte | 19 ++++++++++++++++ src/routes/projects/+page.svelte | 16 -------------- 8 files changed, 68 insertions(+), 22 deletions(-) create mode 100644 src/routes/project/+page.ts create mode 100644 src/routes/project/[project]/+page.server.js create mode 100644 src/routes/project/[project]/+page.svelte delete mode 100644 src/routes/projects/+page.svelte diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte index 8a13830..f194673 100644 --- a/src/lib/components/navbar.svelte +++ b/src/lib/components/navbar.svelte @@ -4,7 +4,7 @@ import "$lib/css/navbar.css"; import { page } from "$app/stores"; import anime from "animejs"; - import mainjson from "$lib/json/main.json" + import mainjson from "$lib/json/main.json"; import Search from "$lib/components/search.svelte"; @@ -19,8 +19,15 @@ let navbar_category; function isActive(str, url) { - if (url === str) return "navbar-active"; - else return ""; + const path = url.split("/"); + for (const p of path) { + if (p === str) return "navbar-active"; + } + return ""; + } + + function isActiveHome(url) { + return url === "/" ? "navbar-active" : ""; } function isActiveMultiple(strArray, url) { @@ -96,13 +103,17 @@ >
- {mainjson.tab.hub} + {mainjson.tab.hub}
- {mainjson.tab.projects} + {mainjson.tab.projects}
- {mainjson.tab.about} + {mainjson.tab.about}
{mainjson.tab.blog} diff --git a/src/lib/components/project.svelte b/src/lib/components/project.svelte index 1e82263..6ecbed3 100644 --- a/src/lib/components/project.svelte +++ b/src/lib/components/project.svelte @@ -13,6 +13,7 @@ export let cover = "https://share.etheryo.fr/rando/2024.07.28/IMG20240728142327.jpg"; export let title = "Title"; + export let url = "" export let description = "This is a description, you can add some explaination to your project in here! It can always be interesting to talk about some subtext before going into the subject!"; export let topic = topics.embedded; @@ -61,11 +62,16 @@ easing: "easeOutQuad", }); } + + function handleClick() { + window.location.href = "/project/"+url; + }
{ update_gradient(event, post_div); @@ -80,6 +86,8 @@ animateChevron(false); title_h1.style.textDecoration = ""; }} + on:click={handleClick} + on:keydown={(e) => e.key === "Enter" && handleClick()} >
diff --git a/src/routes/project/+page.ts b/src/routes/project/+page.ts new file mode 100644 index 0000000..d4c529b --- /dev/null +++ b/src/routes/project/+page.ts @@ -0,0 +1,10 @@ +import type { PageLoad } from "./$types"; +import hubjson from "$lib/json/hub.json"; +import { redirect } from "@sveltejs/kit"; + +export const load: PageLoad = () => { + if (hubjson.projects.length > 0) { + throw redirect(302, `/project/${hubjson.projects[0].url}`); + } + throw redirect(302, "/404"); +}; \ No newline at end of file diff --git a/src/routes/project/[project]/+page.server.js b/src/routes/project/[project]/+page.server.js new file mode 100644 index 0000000..d70a3b6 --- /dev/null +++ b/src/routes/project/[project]/+page.server.js @@ -0,0 +1,10 @@ +import { error } from '@sveltejs/kit'; + +export function load({ params }) { + const project = params.project; + + return { + status: 0, + project: project + }; +} diff --git a/src/routes/project/[project]/+page.svelte b/src/routes/project/[project]/+page.svelte new file mode 100644 index 0000000..728b5ce --- /dev/null +++ b/src/routes/project/[project]/+page.svelte @@ -0,0 +1,19 @@ + + +
+
+
+
+

Project

+

{data.project}

+
+
+
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte deleted file mode 100644 index ec254f4..0000000 --- a/src/routes/projects/+page.svelte +++ /dev/null @@ -1,16 +0,0 @@ - - -
-
-
-
-

Projects

-
-
-