From 057efb848cec801ddbc3b697e2273b8cd68558de Mon Sep 17 00:00:00 2001
From: Peaceultime <clem31470@gmail.com>
Date: Sun, 10 Nov 2024 17:44:42 +0100
Subject: [PATCH] Several fixes to CSS, better responsive overall, improved
 security and error page

---
 app.vue                            |   2 +-
 components/base/Tree.vue           |   4 +-
 components/prose/ProseA.vue        |   2 +-
 components/prose/ProseH1.vue       |   2 +-
 components/prose/ProseTag.vue      |   4 +-
 db.sqlite                          | Bin 450560 -> 450560 bytes
 db.sqlite-shm                      | Bin 32768 -> 32768 bytes
 db.sqlite-wal                      | Bin 8272 -> 74192 bytes
 error.vue                          |  22 +++++++++++
 layouts/default.vue                |  17 ++++++---
 pages/admin/index.vue              |   2 +-
 pages/explore/[...path].vue        |  33 +++++++++++++----
 pages/explore/edit/[...path].vue   |  57 +++++++++++++++++------------
 pages/index.vue                    |  23 ++----------
 pages/user/login.vue               |   2 +-
 pages/user/profile.vue             |   2 +-
 pages/user/register.vue            |   2 +-
 public/{logo.svg => logo.dark.svg} |   0
 public/logo.light.svg              |  20 ++++++++++
 server/api/admin/jobs/[id].post.ts |   7 ++++
 20 files changed, 135 insertions(+), 66 deletions(-)
 create mode 100644 error.vue
 rename public/{logo.svg => logo.dark.svg} (100%)
 create mode 100644 public/logo.light.svg

diff --git a/app.vue b/app.vue
index 034fb67..2604735 100644
--- a/app.vue
+++ b/app.vue
@@ -3,7 +3,7 @@
 		<NuxtRouteAnnouncer/>
 		<TooltipProvider>
 			<NuxtLayout>
-				<div class="px-12 flex flex-1 justify-center overflow-auto max-h-full">
+				<div class="xl:ps-12 xl:pe-12 ps-6 pe-4 flex flex-1 justify-center overflow-auto max-h-full">
 					<NuxtPage></NuxtPage>
 				</div>
 			</NuxtLayout>
diff --git a/components/base/Tree.vue b/components/base/Tree.vue
index 611fd9c..ffc8c6d 100644
--- a/components/base/Tree.vue
+++ b/components/base/Tree.vue
@@ -1,6 +1,6 @@
 <template>
-    <TreeRoot v-slot="{ flattenItems }" class="list-none select-none text-light-100 dark:text-dark-100 p-2 font-medium xl:text-base text-sm cursor-pointer" :items="model" :get-key="(item) => item.link ?? item.label">
-        <TreeItem v-for="item in flattenItems" v-slot="{ isExpanded }" :key="item._id" :style="{ 'padding-left': `${item.level - 0.5}em` }" v-bind="item.bind" class="flex items-center px-2 outline-none relative">
+    <TreeRoot v-slot="{ flattenItems }" class="list-none select-none text-light-100 dark:text-dark-100 p-2 font-medium xl:text-base text-sm" :items="model" :get-key="(item) => item.link ?? item.label">
+        <TreeItem v-for="item in flattenItems" v-slot="{ isExpanded }" :key="item._id" :style="{ 'padding-left': `${item.level - 0.5}em` }" v-bind="item.bind" class="flex items-center px-2 outline-none relative cursor-pointer">
             <NuxtLink :href="item.value.link && !item.hasChildren ? { name: 'explore-path', params: { path: item.value.link } } : undefined" no-prefetch class="flex flex-1 items-center" active-class="text-accent-blue">
                 <Icon v-if="item.hasChildren" icon="radix-icons:chevron-right" :class="{ 'rotate-90': isExpanded }" class="h-4 w-4 transition-transform absolute" :style="{ 'left': `${item.level - 1}em` }" />
                 <div class="pl-3 py-1 flex-1 truncate border-light-35 dark:border-dark-35 hover:border-accent-blue" :class="{ 'border-s': !item.hasChildren }" :data-tag="item.value.tag">
diff --git a/components/prose/ProseA.vue b/components/prose/ProseA.vue
index e790bd8..be11614 100644
--- a/components/prose/ProseA.vue
+++ b/components/prose/ProseA.vue
@@ -1,5 +1,5 @@
 <template>
-    <slot v-bind="$attrs"></slot>
+    <span class="text-accent-blue inline-flex items-center cursor-pointer hover:text-opacity-85"><slot v-bind="$attrs"></slot></span>
     <!-- <Suspense suspensible>
         <NuxtLink no-prefetch class="text-accent-blue inline-flex items-center" v-if="data && data[0]"
         :to="{ path: `/explorer/${project}/${data[0].path}`, hash: hash }" :class="class">
diff --git a/components/prose/ProseH1.vue b/components/prose/ProseH1.vue
index c210949..465173a 100644
--- a/components/prose/ProseH1.vue
+++ b/components/prose/ProseH1.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1 :id="parseId(id)" class="text-5xl font-thin mt-3 mb-8 first:pt-0 pt-2 relative sm:right-8 right-4">
+  <h1 :id="parseId(id)" class="text-5xl font-thin mt-3 mb-8 first:pt-0 pt-2 relative lg:right-8 sm:right-4 right-2">
     <slot />
   </h1>
 </template>
diff --git a/components/prose/ProseTag.vue b/components/prose/ProseTag.vue
index fae8eb3..20ffd60 100644
--- a/components/prose/ProseTag.vue
+++ b/components/prose/ProseTag.vue
@@ -28,7 +28,9 @@
             </span>
         </template>
     </HoverPopup> -->
-    <slot />
+    <span class="before:content-['#'] cursor-default bg-accent-blue bg-opacity-10 hover:bg-opacity-20 text-accent-blue text-sm px-1 ms-1 pb-0.5 rounded-full rounded-se-none border border-accent-blue border-opacity-30">
+        <slot></slot>
+    </span>
 </template>
 
 <!-- <script setup lang="ts">
diff --git a/db.sqlite b/db.sqlite
index 7d9f34abc11d7b328662ea120dbea12e4da062ba..839c948aa69016e324e710cefc90ebe8f60e33e3 100644
GIT binary patch
delta 130
zcmZoTAl-04dIL)U4>Nxm1OFxdCH!Ul9-9RPEchpT#OpBKFP>Z$-v^XzX5eq;zs|pw
ze=ShblfOAKzdbUa5r~<#N9HrH{lMnN!05(*Y~w_I#_86HEZppKYK1t>Ic28@B(g|x
e_#`UiCZ=bmPES0<EZg3b$O6Qy+j|n(O6mZH7%8g&

delta 124
zcmZoTAl-04dIL)U4-3Bs1OFxdCH!Ul9-9RPEchpT#Op8}T|2ofz7HrF$-v*tf1N*)
ze=ShblfOAKzdbUa5r~<#N9HrH{lMnQ!05?;Y~w_I#_86HEZkfiMX7VDggDJP#i#ow
YvPeyj7iUs#?@eR@V%F`wiEPDn0AX+@e*gdg

diff --git a/db.sqlite-shm b/db.sqlite-shm
index 9ae30468962ce3b041cc013a9341704b78ede71b..e468fd1f3ab3049dd285ae60b5877d9a6e74e738 100644
GIT binary patch
delta 267
zcmZo@U}|V!s+V}A%K!pAK+MR%ARq*!^MLr&H{smNvh49sE=b$HyC|J-_-WFgy^*ms
zq^buR1qL8<|04mY@WgsvM|L2a4F}c)ifaL}HW2GT)xgxlXts?L@7gnRZ=Cp-iIHdH
zL~lM(Mh0dE76w+Jsq73K47?2d41x?o8z;VGVr63BV-VOlal0xbCs;k##)-j90JLsB
AGXMYp

delta 155
zcmZo@U}|V!s+V}A%K!pQK+MR%AONECfcRarRG_`*x9vBRwzY=17naZ3^D~tz&fbbt
m^+2P*0A%ieBmfnjSkKGIw(;Uk`;8C!1eqBbm^NPI)B^w*_At2s

diff --git a/db.sqlite-wal b/db.sqlite-wal
index 15cdd943577253472e266921d351d2f88e310737..a8f0627023af75deb10539bcec4d1ecfbfb0fc37 100644
GIT binary patch
literal 74192
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

delta 179
zcmca`nB{_lg?T+&6NBy}2?hoM1`xQJw5>J7y|6rLZt9!PZ!J%OLTo^s2NM^rm{u=f
zIC;Y61_M8S4bzlVlQeTf6J0~2G-F+pG~;Al3qu1_T@wp4V~aFHqhzy`)O3TR4=3N#
ZpCkY?B2cRN-S%&u_9Pkcdh$B{E&xS}Je>dl

diff --git a/error.vue b/error.vue
new file mode 100644
index 0000000..e9abd3c
--- /dev/null
+++ b/error.vue
@@ -0,0 +1,22 @@
+<template>
+	<div class="text-light-100 dark:text-dark-100 flex bg-light-0 dark:bg-dark-0 h-screen overflow-hidden justify-center items-center flex-col gap-4">
+		<NuxtRouteAnnouncer/>
+        <div class="flex gap-4 items-center">
+            <Icon icon="si:error-line" class="w-12 h-12 text-light-60 dark:text-dark-60"/>
+            <div class="text-3xl">Une erreur est survenue.</div>
+        </div>
+        <pre class="">Erreur {{ error?.statusCode }}: {{ error?.message }}</pre>
+        <NuxtLink :href="{ name: 'index' }"><Button>Revenir en lieu sûr</Button></NuxtLink>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { NuxtError } from '#app'
+import { Icon } from '@iconify/vue/dist/iconify.js';
+
+const props = defineProps({
+  error: Object as () => NuxtError
+})
+
+const handleError = () => clearError({ redirect: '/' })
+</script>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 4be9a6d..336e5f1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-    <CollapsibleRoot class="flex flex-1 flex-col" v-model="open">
+    <CollapsibleRoot class="flex flex-1 flex-col" :v-model="open">
         <div class="z-50 md:hidden flex w-full items-center justify-between h-12 border-b border-light-35 dark:border-dark-35">
 			<div class="flex items-center px-2">
 				<CollapsibleTrigger asChild>
@@ -13,7 +13,7 @@
 			<div class="flex items-center px-2">
 				<Tooltip message="Changer de theme" side="left"><ThemeSwitch /></Tooltip>
 				<Tooltip :message="loggedIn ? 'Mon profil' : 'Se connecter'" side="right">
-					<NuxtLink class="" :to="{ path: '/user/profile', force: true }">
+					<NuxtLink class="" :to="{ name: 'user-profile' }">
 						<div class="hover:border-opacity-70 flex">
 							<Icon :icon="loggedIn ? 'radix-icons:avatar' : 'radix-icons:person'" class="w-7 h-7 p-1" />
 						</div>
@@ -27,12 +27,13 @@
 					<div class="relative bottom-6 flex flex-col gap-4 xl:px-6 px-3">
 						<div class="flex justify-between items-center max-md:hidden">
 							<NuxtLink class=" text-light-100 dark:text-dark-100 hover:text-opacity-70 max-md:ps-6" aria-label="Accueil" :to="{ path: '/', force: true }">
-								<Avatar src="/logo.svg" />
+								<Avatar src="/logo.dark.svg" class="dark:block hidden" />
+        						<Avatar src="/logo.light.svg" class="block dark:hidden" />
 							</NuxtLink>
 							<div class="flex gap-4 items-center">
 								<Tooltip message="Changer de theme" side="left"><ThemeSwitch /></Tooltip>
 								<Tooltip :message="loggedIn ? 'Mon profil' : 'Se connecter'" side="right">
-									<NuxtLink class="" :to="{ path: '/user/profile', force: true }">
+									<NuxtLink class="" :to="{ name: 'user-profile' }">
 										<div class="bg-light-20 dark:bg-dark-20 hover:border-opacity-70 flex border p-px border-light-50 dark:border-dark-50">
 											<Icon :icon="loggedIn ? 'radix-icons:avatar' : 'radix-icons:person'" class="w-7 h-7 p-1" />
 										</div>
@@ -43,7 +44,7 @@
 					</div>
 					<Tree v-if="pages" v-model="pages" class="flex-1 xl:px-6 px-3 max-w-full max-h-full overflow-y-auto overflow-x-hidden"/>
 					<div class="xl:px-12 px-6 text-start text-xs text-light-60 dark:text-dark-60 relative top-4">
-						<NuxtLink class="hover:underline italic" :to="{ path: '/legal', force: true }">Mentions légales</NuxtLink>
+						<NuxtLink class="hover:underline italic" :to="{ name: 'legal' }">Mentions légales</NuxtLink>
 						<p>Copyright Peaceultime - 2024</p>
 					</div>
 				</div>
@@ -63,6 +64,12 @@ const { data: pages } = await useLazyFetch('/api/navigation', {
 	transform: transform,
 });
 
+watch(useRouter().currentRoute, () => {
+	console.log(open.value);
+	console.log('Changing');
+	open.value = false;
+});
+
 function transform(list: any[]): any[]
 {
 	return list?.map(e => ({ label: e.title, children: transform(e.children), link: e.path, tag: e.private ? 'Privé' : e.type }))
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 9cf47b5..a13d862 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -46,7 +46,7 @@ async function fetch()
         <ProseH2>Administration</ProseH2>
         <Select label="Job" v-model="job">
             <SelectItem label="Synchroniser" value="sync" />
-            <SelectItem label="Nettoyer la base" value="clear" />
+            <SelectItem label="Nettoyer la base" value="clear" disabled />
             <SelectItem label="Reconstruire" value="rebuild" disabled />
         </Select>
         <Button class="self-center" @click="() => !!job && fetch()" :loading="status === 'pending'">
diff --git a/pages/explore/[...path].vue b/pages/explore/[...path].vue
index 06d3477..d717bd1 100644
--- a/pages/explore/[...path].vue
+++ b/pages/explore/[...path].vue
@@ -1,22 +1,39 @@
 <template>
-    <div v-if="status === 'pending'" class="flex"><Loading /></div>
-    <div class="flex flex-1 justify-start items-start" v-if="page">
+    <div v-if="status === 'pending'" class="flex">
+        <Head>
+            <Title>d[any] - Chargement</Title>
+        </Head>
+        <Loading />
+    </div>
+    <div class="flex flex-1 justify-start items-start" v-else-if="page">
+        <Head>
+            <Title>d[any] - {{ page.title }}</Title>
+        </Head>
         <template v-if="page.type === 'markdown'">
-            <div class="flex flex-1 justify-start items-start flex-col px-24 py-6">
+            <div class="flex flex-1 justify-start items-start flex-col xl:px-24 md:px-8 px-4 py-6">
                 <div class="flex flex-1 flex-row justify-between items-center">
                     <ProseH1>{{ page.title }}</ProseH1>
-                    <Button v-if="isOwner"><NuxtLink :href="{ name: 'explore-edit-path', params: { path: path } }">Modifier</NuxtLink></Button>
+                    <NuxtLink :href="{ name: 'explore-edit-path', params: { path: path } }"><Button v-if="isOwner">Modifier</Button></NuxtLink>
                 </div>
                 <Markdown :content="page.content" />
             </div>
         </template>
         <template v-else>
-            <span>Contenu non traitable</span>
+            <span>En cours de développement</span>
         </template>
     </div>
-    <div v-else-if="status === 'pending'"><Loading /></div>
-    <div v-else-if="status === 'error'">{{ error?.message }}</div>
-    <div v-else>Impossible de retrouver le contenu demandé</div>
+    <div v-else-if="status === 'error'">
+        <Head>
+            <Title>d[any] - Erreur</Title>
+        </Head>
+        <span>{{ error?.message }}</span>
+    </div>
+    <div v-else>
+        <Head>
+            <Title>d[any] - Erreur</Title>
+        </Head>
+        <div><ProseH2>Impossible d'afficher le contenu demandé</ProseH2></div>
+    </div>
 </template>
 
 <script setup lang="ts">
diff --git a/pages/explore/edit/[...path].vue b/pages/explore/edit/[...path].vue
index 49a9565..65808e1 100644
--- a/pages/explore/edit/[...path].vue
+++ b/pages/explore/edit/[...path].vue
@@ -1,32 +1,35 @@
 <template>
-    <div v-if="page" class="p-12 flex flex-1 flex-col items-start justify-start">
+    <div v-if="page" class="xl:p-12 lg:p-8 py-4 flex flex-1 flex-col items-start justify-start max-h-full">
         <Head>
             <Title>Modification de {{ page.title }}</Title>
         </Head>
-        <div class="flex justify-between items-center w-full px-4 max-h-full">
-                <div class="flex gap-16 items-center justify-start">
-                    <input type="text" v-model="page.title" placeholder="Titre" class="mx-4 h-16 caret-light-50 dark:caret-dark-50 text-light-100 dark:text-dark-100 placeholder:text-light-50 dark:placeholder:text-dark-50 appearance-none outline-none px-3 py-1 text-5xl font-thin bg-transparent" />
-                </div>
-                <div class="flex gap-4">
-                    <Tooltip message="Consultable uniquement par le propriétaire" side="bottom"><Switch label="Privé" v-model="page.private" /></Tooltip>
-                    <Tooltip message="Afficher dans le menu de navigation" side="bottom"><Switch label="Navigable" v-model="page.navigable" /></Tooltip>
-                    <Button @click="() => save()" :loading="saveStatus === 'pending'" class="border-light-blue dark:border-dark-blue hover:border-light-blue dark:hover:border-dark-blue focus:shadow-light-blue dark:focus:shadow-dark-blue">Enregistrer</Button>
-                </div>
-            </div>
-            <div class="border-t border-light-35 dark:border-dark-35 mt-4 flex-1 w-full max-h-full flex pt-4">
-                <template v-if="page.type === 'markdown'">
-                    <textarea v-model="page.content" class="flex-1 bg-transparent appearance-none outline-none max-h-full resize-none"></textarea>
-                    <div class="flex-1 border-s border-light-35 dark:border-dark-35 ms-4 pt-4 ps-4 max-h-full">
-                        <Markdown class="max-h-full overflow-auto" :content="page.content" />
-                    </div>
-                </template>
-                <template v-else-if="page.type === 'canvas'">
-                    <span class="flex-1 items-center"><ProseH1>Editeur de graphe en cours de développement</ProseH1></span>
-                </template>
-                <template v-else-if="page.type === 'file'">
-                    <span>Modifier le contenu :</span><input type="file" @change="(e) => console.log(e)" />
-                </template>
+        <div class="flex flex-col xl:flex-row xl:justify-between justify-center items-center w-full px-4 pb-4 border-b border-light-35 dark:border-dark-35 bg-light-0 dark:bg-dark-0">
+            <input type="text" v-model="page.title" placeholder="Titre" class="flex-1 mx-4 h-16 caret-light-50 dark:caret-dark-50 text-light-100 dark:text-dark-100 placeholder:text-light-50 dark:placeholder:text-dark-50 appearance-none outline-none px-3 py-1 text-5xl font-thin bg-transparent" />
+            <div class="flex gap-4 self-end xl:self-auto">
+                <Tooltip message="Consultable uniquement par le propriétaire" side="bottom"><Switch label="Privé" v-model="page.private" /></Tooltip>
+                <Tooltip message="Afficher dans le menu de navigation" side="bottom"><Switch label="Navigable" v-model="page.navigable" /></Tooltip>
+                <Button @click="() => save()" :loading="saveStatus === 'pending'" class="border-light-blue dark:border-dark-blue hover:border-light-blue dark:hover:border-dark-blue focus:shadow-light-blue dark:focus:shadow-dark-blue">Enregistrer</Button>
             </div>
+        </div>
+        <div class="my-4 flex-1 w-full max-h-full flex">
+            <template v-if="page.type === 'markdown'">
+                <SplitterGroup direction="horizontal" class="flex-1 w-full flex">
+                    <SplitterPanel asChild>
+                        <textarea v-model="page.content" class="flex-1 bg-transparent appearance-none outline-none max-h-full resize-none !overflow-y-auto"></textarea>
+                    </SplitterPanel>
+                    <SplitterResizeHandle class="bg-light-35 dark:bg-dark-35 w-px xl!mx-4 mx-2" />
+                    <SplitterPanel asChild>
+                        <div class="flex-1 max-h-full !overflow-y-auto"><Markdown :content="page.content" /></div>
+                    </SplitterPanel>
+                </SplitterGroup>
+            </template>
+            <template v-else-if="page.type === 'canvas'">
+                <span class="flex-1 items-center"><ProseH1>Editeur de graphe en cours de développement</ProseH1></span>
+            </template>
+            <template v-else-if="page.type === 'file'">
+                <span>Modifier le contenu :</span><input type="file" @change="(e) => console.log(e)" />
+            </template>
+        </div>
     </div>
     <div v-else-if="status === 'pending'" class="flex">
         <Head>
@@ -40,12 +43,18 @@
 <script setup lang="ts">
 const route = useRouter().currentRoute;
 const path = computed(() => Array.isArray(route.value.params.path) ? route.value.params.path[0] : route.value.params.path);
+const { user, loggedIn } = useUserSession();
 
 const toaster = useToast();
 const saveStatus = ref<'idle' | 'pending' | 'success' | 'error'>('idle');
 
 const { data: page, status, error } = await useLazyFetch(`/api/file/${encodeURIComponent(path.value)}`, { watch: [ route, path ]});
 
+if(!loggedIn || (page.value && page.value.owner !== user.value?.id))
+{
+    useRouter().replace({ name: 'explore-path', params: { path: path.value } });
+}
+
 async function save(): Promise<void>
 {
     saveStatus.value = 'pending';
diff --git a/pages/index.vue b/pages/index.vue
index d81a49b..797967b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -11,26 +11,11 @@ watch(loading, (value) => {
 
 <template>
     <Head>
-        <Title>Accueil</Title>
+        <Title>d[any] - Accueil</Title>
     </Head>
     <div class="h-full w-full flex flex-1 flex-col justify-center items-center">
-        <div class="w-1/2 flex flex-1 flex-col justify-center items-center gap-2">
-            <Collapsible label="Options">
-                <div class="flex flex-col justify-start items-start">
-                    <div class="w-full flex flex-row justify-center">
-                        <Switch v-model="disabled" onIcon="radix-icons:lock-closed" offIcon="radix-icons:lock-open-2" />
-                        <ThemeSwitch />
-                    </div>
-                    <SliderInput :disabled="disabled" :label="`Prix: ${price.toFixed(2)}€`" :min="0" :max="1500" :step="0.25"
-                        v-model="price" />
-                    <TextInput label="Saisir un pseudonyme" :disabled="disabled" v-model="username" />
-                    <NumberPicker label="Age" :disabled="disabled" />
-                </div>
-            </Collapsible>
-
-            <Button :loading="loading" @click="() => loading = true">
-                <span v-if="!loading">Load data</span>
-            </Button>
-        </div>
+        <Avatar src="/logo.dark.svg" class="dark:block hidden w-48 h-48" />
+        <Avatar src="/logo.light.svg" class="block dark:hidden w-48 h-48" />
+        <h1 class="text-5xl font-thin font-mono">Bienvenue</h1>
     </div>
 </template>
\ No newline at end of file
diff --git a/pages/user/login.vue b/pages/user/login.vue
index e3806e3..5e7c5fb 100644
--- a/pages/user/login.vue
+++ b/pages/user/login.vue
@@ -11,7 +11,7 @@
             <TextInput type="text" label="Utilisateur ou email" autocomplete="username" v-model="state.usernameOrEmail"/>
             <TextInput type="password" label="Mot de passe" autocomplete="current-password" v-model="state.password"/>
             <Button class="border border-light-35 dark:border-dark-35 self-center" :loading="status === 'pending'">Se connecter</Button>
-            <NuxtLink class="mt-4 text-center block text-sm font-semibold tracking-wide hover:text-accent-blue" :to="{ path: `/user/register`, force: true }">Pas de compte ?</NuxtLink>
+            <NuxtLink class="mt-4 text-center block text-sm font-semibold tracking-wide hover:text-accent-blue" :to="{ name: 'user-register' }">Pas de compte ?</NuxtLink>
         </form>
     </div>
 </template>
diff --git a/pages/user/profile.vue b/pages/user/profile.vue
index 52ec001..004de5b 100644
--- a/pages/user/profile.vue
+++ b/pages/user/profile.vue
@@ -57,7 +57,7 @@ const deleting = ref(false);
                     </AlertDialogContent>
                 </AlertDialogPortal>
             </AlertDialogRoot>
-            <Button v-if="hasPermissions(user.permissions, ['admin'])"><NuxtLink :href="{ name: 'admin' }">Administration</NuxtLink></Button>
+            <NuxtLink v-if="hasPermissions(user.permissions, ['admin'])" :href="{ name: 'admin' }"><Button>Administration</Button></NuxtLink>
         </div>
         <div class="flex" v-if="user.permissions">
             <ProseTable class="!m-0">
diff --git a/pages/user/register.vue b/pages/user/register.vue
index 1204466..2f65f68 100644
--- a/pages/user/register.vue
+++ b/pages/user/register.vue
@@ -27,7 +27,7 @@
             </div>
             <TextInput type="password" label="Confirmation du mot de passe" autocomplete="new-password" v-model="confirmPassword" class="w-full md:w-auto"/>
             <Button class="border border-light-35 dark:border-dark-35 max-w-48 w-full order-9 col-span-2 md:col-span-1 m-auto" :loading="status === 'pending'">S'inscrire</Button>
-            <span class="mt-4 order-10 flex justify-center items-center gap-4 col-span-2 md:col-span-1 m-auto">Vous avez déjà un compte ?<NuxtLink class="text-center block text-sm font-semibold tracking-wide hover:text-accent-blue" :to="{ path: `/user/login`, force: true }">Se connecter</NuxtLink></span>
+            <span class="mt-4 order-10 flex justify-center items-center gap-4 col-span-2 md:col-span-1 m-auto">Vous avez déjà un compte ?<NuxtLink class="text-center block text-sm font-semibold tracking-wide hover:text-accent-blue" :to="{ name: 'user-login' }">Se connecter</NuxtLink></span>
         </form>
     </div>
 </template>
diff --git a/public/logo.svg b/public/logo.dark.svg
similarity index 100%
rename from public/logo.svg
rename to public/logo.dark.svg
diff --git a/public/logo.light.svg b/public/logo.light.svg
new file mode 100644
index 0000000..09bcb73
--- /dev/null
+++ b/public/logo.light.svg
@@ -0,0 +1,20 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_16_36)">
+<path d="M401 113L370.913 135.213C344.147 110.464 309.177 94.4593 270.522 91.7389L257.321 2.08428L243.713 92.0034C204.825 95.5023 169.804 112.451 143.335 138.16L109.184 112.816L134.62 147.293C111.574 173.342 96.5917 206.689 93.6077 243.424L2.14339 257.265L93.6214 270.733C96.6985 308.181 112.256 342.074 136.119 368.268L108.998 404.998L145.575 377.832C146.131 378.351 146.683 378.874 147.246 379.386C146.739 378.831 146.243 378.269 145.745 377.708L225 318.847C230.769 321.783 236.934 323.866 243.303 325.032L255.499 368.485L267.51 325.072C273.673 323.962 279.652 321.995 285.272 319.228L401.185 404.815L376.952 372.19C403.126 345.336 420.278 309.648 423.462 270.021L511.543 256.946L511.542 256.944L423.51 243.731C420.518 204.798 404.043 169.66 378.752 142.957L401 113ZM365.1 171.072C392.345 198.317 409.184 235.971 409.158 277.573C409.135 313.03 396.859 345.629 376.345 371.377L315.518 289.485C318.478 283.716 320.587 277.55 321.779 271.178L364.671 259.313L321.992 247.556C320.859 240.761 318.686 234.183 315.549 228.052L360.875 167.022C362.307 168.348 363.72 169.693 365.099 171.072L365.1 171.072ZM345.099 154.273L285.368 198.372C279.645 195.56 273.55 193.579 267.265 192.489L255.639 150.278L243.723 192.554C237.234 193.717 230.951 195.829 225.075 198.822L168.582 156.898C193.705 138.147 224.86 127.035 258.598 127.014C290.796 126.993 320.625 137.081 345.099 154.273ZM152.169 171.079L195.113 229.288C192.299 235.046 190.323 241.176 189.246 247.492L146.022 259.45L189.432 271.408C190.544 277.305 192.442 283.026 195.077 288.417L137.07 366.983C118.688 342.016 107.827 311.167 107.849 277.764C107.875 236.099 124.815 198.371 152.17 171.081L152.169 171.079Z" fill="#53AAF5"/>
+<path d="M243.303 325.032C236.934 323.866 230.769 321.783 225 318.847L108.998 404.998L195.077 288.417C192.442 283.026 190.544 277.305 189.432 271.408L146.022 259.45L189.246 247.492C190.323 241.176 192.299 235.046 195.113 229.288L109.184 112.816L225.075 198.822C230.951 195.829 237.234 193.717 243.723 192.554L255.639 150.278L267.265 192.489C273.55 193.579 279.645 195.56 285.368 198.372L401 113L315.549 228.052C318.686 234.183 320.859 240.761 321.992 247.556L364.671 259.313L321.779 271.178C320.587 277.55 318.478 283.716 315.518 289.485L401.185 404.815L285.272 319.228C279.652 321.995 273.673 323.962 267.51 325.072L255.499 368.485L243.303 325.032Z" fill="#C86DCD"/>
+<path d="M381.21 218.709L335.395 155.914L261.259 132V191.94L323.908 237.246L381.21 218.709ZM321.761 200.325C321.381 201.858 320.719 203.307 319.808 204.599C318.911 205.848 317.755 206.89 316.417 207.656C315.08 208.421 313.593 208.891 312.058 209.035C308.787 209.431 305.379 208.341 301.834 205.764C298.289 203.187 296.209 200.289 295.594 197.07C295.269 195.572 295.271 194.023 295.598 192.526C295.926 191.029 296.572 189.619 297.494 188.392C298.454 187.137 299.639 186.069 300.989 185.244C302.472 184.292 304.428 183.953 306.856 184.225C305.843 182.131 305.456 179.791 305.74 177.484C306.057 175.182 306.958 173 308.36 171.142C309.388 169.703 310.711 168.498 312.243 167.607C313.774 166.716 315.478 166.159 317.243 165.973C320.984 165.495 324.836 166.697 328.799 169.577C332.762 172.457 335 175.681 335.511 179.25C335.782 180.972 335.702 182.73 335.274 184.42C334.847 186.11 334.081 187.697 333.023 189.086C331.671 190.983 329.847 192.498 327.729 193.483C325.666 194.44 323.348 194.71 321.119 194.254C322.002 196.61 322.215 198.633 321.761 200.325ZM314.786 194.964C314.878 195.672 314.827 196.391 314.635 197.078C314.443 197.766 314.115 198.409 313.67 198.968C312.986 199.82 312.073 200.462 311.038 200.819C310.002 201.175 308.886 201.232 307.82 200.982C306.753 200.732 305.779 200.187 305.012 199.408C304.245 198.629 303.715 197.65 303.485 196.584C303.405 195.85 303.474 195.107 303.687 194.4C303.9 193.692 304.253 193.034 304.725 192.465C305.12 191.871 305.63 191.36 306.225 190.963C306.819 190.565 307.487 190.289 308.189 190.15C308.933 190.044 309.69 190.094 310.412 190.298C311.134 190.501 311.806 190.853 312.383 191.331C313.023 191.734 313.57 192.267 313.991 192.894C314.412 193.521 314.696 194.229 314.825 194.972L314.786 194.964ZM320.987 187.35C319.297 187.507 317.607 187.045 316.234 186.051C314.861 185.057 313.9 183.599 313.53 181.95C313.292 180.351 313.835 178.648 315.157 176.843C316.139 175.292 317.691 174.184 319.483 173.757C321.188 173.591 322.895 174.054 324.279 175.06C325.663 176.066 326.626 177.543 326.986 179.211C327.128 181.032 326.553 182.836 325.381 184.241C324.105 186.052 322.663 187.088 321.056 187.35L320.987 187.35ZM248.857 191.94V132L174.721 155.914L128.906 218.709L186.208 237.223L248.857 191.94ZM175.628 177.838L200.26 160.681C201.939 163.143 203.061 165.939 203.547 168.874C204.218 171.96 203.614 176.146 201.733 181.433C200.551 184.488 199.608 187.63 198.912 190.829C198.481 193.151 198.985 195.547 200.314 197.502C201.229 198.905 202.621 199.932 204.236 200.395C205.038 200.588 205.874 200.597 206.68 200.421C207.485 200.244 208.24 199.887 208.886 199.377C211.036 197.88 211.938 196.062 211.592 193.923C211.138 192.143 210.349 190.465 209.267 188.978L216.142 184.195C218.167 187.322 219.343 190.168 219.668 192.735C220.293 197.62 218.195 201.735 213.375 205.078C209.566 207.731 205.799 208.791 202.074 208.256C198.348 207.721 195.269 205.728 192.835 202.277C191.004 199.745 190.094 196.668 190.254 193.552C190.527 190.758 191.208 188.019 192.277 185.422L193.703 181.449C194.597 178.965 195.173 177.213 195.431 176.196C195.69 175.188 195.784 174.147 195.711 173.11L180.007 184.048L175.628 177.838ZM217.683 317.197H292.432L315.514 246.441L255.058 202.709L194.602 246.442L217.683 317.197ZM275.706 255.691C275.16 255.069 274.478 254.58 273.712 254.262C272.946 253.943 272.117 253.804 271.288 253.855C268.663 253.855 266.878 254.83 265.932 256.779C265.267 258.501 264.938 260.334 264.964 262.178H256.608C256.748 258.461 257.424 255.457 258.639 253.168C260.944 248.807 265.036 246.627 270.917 246.627C275.567 246.627 279.264 247.912 282.007 250.484C284.751 253.055 286.103 256.426 286.062 260.597C286.1 263.716 285.072 266.754 283.147 269.214C281.338 271.367 279.223 273.246 276.869 274.791L273.412 277.229C271.247 278.772 269.767 279.878 268.971 280.546C268.175 281.228 267.494 282.033 266.956 282.93H286.123V290.49H256.089C256.133 287.515 256.826 284.586 258.12 281.904C259.35 278.993 262.256 275.907 266.839 272.646C269.576 270.819 272.168 268.784 274.59 266.56C276.279 264.905 277.248 262.655 277.288 260.296C277.338 258.619 276.776 256.981 275.706 255.684V255.691ZM223.962 254.519C225.874 254.482 227.781 254.301 229.666 253.978C231.282 253.657 232.759 252.849 233.898 251.664C234.704 250.769 235.283 249.695 235.588 248.532C235.772 247.964 235.884 247.376 235.921 246.781H243.13V290.475H234.286V260.358H223.962V254.511L223.962 254.519ZM216.304 329.54L180.922 378.086L255.058 402L329.194 378.086L293.812 329.54H216.304ZM266.53 383.748C264.086 386.864 260.29 388.42 255.144 388.415C249.614 388.415 245.537 386.114 242.913 381.511C240.872 377.911 239.851 373.282 239.851 367.625C239.817 364.906 239.96 362.187 240.277 359.486C240.636 356.239 241.635 353.093 243.215 350.229C244.424 348.165 246.111 346.42 248.137 345.138C250.325 343.809 252.852 343.139 255.415 343.209C259.491 343.209 262.741 344.238 265.165 346.295C266.369 347.336 267.352 348.607 268.053 350.033C268.755 351.459 269.162 353.01 269.25 354.596H260.693C260.648 353.763 260.366 352.96 259.879 352.281C259.417 351.605 258.785 351.061 258.047 350.701C257.31 350.341 256.49 350.179 255.67 350.229C252.865 350.229 250.868 351.795 249.679 354.927C248.894 357.408 248.445 359.981 248.346 362.58C249.342 361.37 250.619 360.42 252.067 359.811C254.515 358.893 257.176 358.697 259.734 359.244C262.291 359.791 264.637 361.059 266.49 362.896C269.025 365.64 270.368 369.27 270.226 372.994C270.274 376.888 268.98 380.68 266.56 383.74L266.53 383.748ZM259.554 367.825C260.804 369.183 261.429 371.138 261.429 373.689C261.52 375.684 260.939 377.652 259.778 379.281C259.256 379.979 258.571 380.54 257.783 380.915C256.994 381.29 256.126 381.468 255.252 381.434C254.328 381.453 253.411 381.262 252.571 380.876C251.732 380.49 250.992 379.918 250.408 379.204C249.108 377.577 248.446 375.534 248.547 373.457C248.547 370.546 249.395 368.437 251.09 367.131C252.191 366.261 253.559 365.793 254.965 365.805C255.838 365.785 256.705 365.955 257.506 366.302C258.306 366.65 259.021 367.167 259.6 367.818L259.554 367.825ZM336.999 295.242L355.121 300.642L352.02 311.095L336.999 295.242ZM327.698 248.956L303.771 322.241L339.185 370.757L385 307.994V230.45L327.698 248.956ZM370.645 305.209L361.593 302.516L356.616 319.087L349.393 316.942L328.466 293.961L331.241 284.704L357.523 292.519L358.942 287.782L365.414 289.704L363.995 294.439L373.048 297.132L370.645 305.209ZM182.301 248.956L125 230.442V308.032L170.815 370.796L206.228 322.28L182.301 248.956ZM135.751 286.563L164.63 277.506L161.53 267.71L167.134 265.951C167.744 267.755 168.491 269.511 169.366 271.204C170.153 272.638 171.362 273.799 172.831 274.529C173.931 275.025 175.135 275.253 176.342 275.193C176.94 275.197 177.536 275.127 178.117 274.985L180.279 281.827L138.425 294.941L135.751 286.563ZM147.757 324.471L145.098 316.078L173.978 307.022L170.877 297.224L176.481 295.466C177.092 297.27 177.838 299.026 178.713 300.719C179.5 302.154 180.709 303.314 182.178 304.044C183.278 304.541 184.482 304.768 185.689 304.707C186.287 304.711 186.883 304.641 187.464 304.499L189.627 311.342L147.757 324.471Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M266.615 384.328C264.174 387.448 260.383 389.005 255.243 389C249.721 389 245.649 386.696 243.027 382.088C240.989 378.484 239.97 373.85 239.97 368.186C239.936 365.463 240.078 362.742 240.395 360.038C240.754 356.786 241.751 353.637 243.33 350.77C244.537 348.703 246.222 346.956 248.245 345.672C250.43 344.342 252.955 343.671 255.514 343.742C259.585 343.742 262.831 344.771 265.251 346.831C266.455 347.873 267.436 349.146 268.137 350.573C268.837 352.001 269.244 353.554 269.332 355.141H260.785C260.741 354.307 260.459 353.504 259.972 352.824C259.511 352.147 258.88 351.602 258.143 351.242C257.406 350.882 256.588 350.719 255.769 350.77C252.967 350.77 250.972 352.338 249.785 355.473C249.001 357.956 248.553 360.533 248.454 363.135C249.449 361.924 250.724 360.972 252.17 360.362C254.615 359.444 257.273 359.247 259.827 359.795C262.382 360.343 264.724 361.612 266.575 363.452C269.107 366.198 270.449 369.832 270.307 373.562C270.354 377.46 269.062 381.256 266.645 384.32L266.615 384.328ZM261.521 374.256C261.521 371.702 260.896 369.746 259.648 368.386L259.694 368.379C259.115 367.727 258.402 367.209 257.602 366.861C256.803 366.513 255.937 366.344 255.064 366.364C253.66 366.351 252.294 366.82 251.194 367.691C249.501 368.999 248.655 371.11 248.655 374.025C248.554 376.104 249.215 378.149 250.513 379.779C251.096 380.493 251.835 381.066 252.674 381.452C253.512 381.839 254.428 382.03 255.351 382.011C256.224 382.045 257.091 381.867 257.879 381.491C258.666 381.116 259.35 380.554 259.872 379.856C261.031 378.225 261.611 376.254 261.521 374.256Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M370.6 305.697L361.559 303.001L356.589 319.591L349.374 317.444L328.473 294.436L331.245 285.168L357.494 292.992L358.911 288.25L365.375 290.173L363.958 294.914L373 297.61L370.6 305.697ZM355.095 301.124L336.996 295.718L351.998 311.589L355.095 301.124Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M321.777 200.69C321.397 202.224 320.736 203.675 319.827 204.969C318.93 206.219 317.776 207.263 316.44 208.029C315.105 208.795 313.62 209.266 312.086 209.41C308.819 209.806 305.415 208.715 301.875 206.135C298.334 203.556 296.257 200.654 295.643 197.431C295.318 195.932 295.32 194.38 295.647 192.882C295.974 191.383 296.62 189.971 297.54 188.743C298.499 187.486 299.682 186.418 301.031 185.591C302.512 184.639 304.465 184.299 306.891 184.572C305.879 182.475 305.492 180.132 305.776 177.822C306.092 175.518 306.993 173.333 308.392 171.473C309.419 170.032 310.741 168.826 312.27 167.934C313.8 167.041 315.502 166.484 317.264 166.298C321 165.82 324.848 167.022 328.806 169.906C332.764 172.789 334.999 176.017 335.51 179.59C335.78 181.314 335.7 183.074 335.273 184.767C334.846 186.459 334.082 188.047 333.025 189.438C331.674 191.337 329.852 192.854 327.737 193.84C325.677 194.798 323.362 195.069 321.135 194.612C322.017 196.97 322.231 198.996 321.777 200.69ZM314.66 197.44C314.851 196.751 314.902 196.031 314.81 195.323L314.849 195.33C314.72 194.587 314.437 193.878 314.017 193.25C313.597 192.622 313.049 192.089 312.41 191.685C311.834 191.207 311.163 190.854 310.442 190.651C309.721 190.447 308.964 190.397 308.222 190.503C307.521 190.643 306.854 190.919 306.26 191.317C305.666 191.715 305.157 192.226 304.762 192.821C304.291 193.391 303.938 194.05 303.725 194.758C303.513 195.466 303.444 196.209 303.524 196.945C303.754 198.012 304.282 198.993 305.049 199.772C305.815 200.551 306.788 201.098 307.853 201.348C308.918 201.598 310.033 201.541 311.067 201.184C312.101 200.827 313.013 200.185 313.696 199.331C314.141 198.771 314.468 198.128 314.66 197.44ZM316.257 186.399C317.628 187.394 319.315 187.857 321.004 187.699L321.073 187.7C322.678 187.437 324.117 186.4 325.392 184.587C326.562 183.18 327.137 181.374 326.995 179.551C326.636 177.882 325.674 176.403 324.292 175.396C322.91 174.389 321.204 173.924 319.501 174.091C317.712 174.519 316.162 175.628 315.182 177.181C313.861 178.988 313.319 180.692 313.556 182.294C313.926 183.944 314.886 185.404 316.257 186.399Z" fill="white"/>
+<path d="M175.828 178.177L200.428 161C202.105 163.465 203.225 166.263 203.711 169.202C204.381 172.292 203.778 176.483 201.899 181.776C200.719 184.835 199.777 187.98 199.081 191.183C198.652 193.507 199.155 195.906 200.482 197.864C201.396 199.268 202.787 200.297 204.399 200.76C205.2 200.954 206.035 200.962 206.84 200.786C207.644 200.609 208.398 200.252 209.044 199.741C211.191 198.242 212.091 196.422 211.746 194.281C211.293 192.498 210.505 190.818 209.424 189.33L216.29 184.541C218.313 187.672 219.487 190.522 219.812 193.091C220.436 197.982 218.341 202.101 213.526 205.448C209.723 208.105 205.96 209.166 202.24 208.63C198.519 208.095 195.443 206.1 193.012 202.644C191.184 200.109 190.275 197.029 190.435 193.909C190.707 191.112 191.388 188.37 192.455 185.769L193.879 181.792C194.772 179.305 195.348 177.551 195.606 176.532C195.864 175.524 195.958 174.481 195.885 173.443L180.2 184.394L175.828 178.177Z" fill="white"/>
+<path d="M136 287.029L164.843 277.962L161.747 268.154L167.343 266.392C167.953 268.199 168.698 269.957 169.573 271.652C170.359 273.088 171.567 274.249 173.033 274.981C174.133 275.477 175.335 275.705 176.54 275.645C177.137 275.649 177.733 275.579 178.313 275.437L180.472 282.287L138.671 295.417L136 287.029Z" fill="white"/>
+<path d="M147.99 324.982L145.335 316.579L174.179 307.511L171.082 297.703L176.679 295.942C177.289 297.749 178.034 299.507 178.909 301.202C179.694 302.638 180.902 303.8 182.369 304.531C183.468 305.028 184.67 305.256 185.876 305.195C186.473 305.199 187.068 305.129 187.648 304.986L189.808 311.837L147.99 324.982Z" fill="white"/>
+<path d="M275.78 256.121C275.234 255.498 274.553 255.008 273.788 254.69C273.023 254.371 272.195 254.232 271.367 254.282C268.746 254.282 266.963 255.258 266.018 257.21C265.354 258.934 265.025 260.769 265.051 262.616H256.706C256.845 258.894 257.521 255.887 258.734 253.595C261.036 249.229 265.123 247.046 270.996 247.046C275.64 247.046 279.333 248.333 282.073 250.907C284.814 253.482 286.163 256.857 286.122 261.033C286.161 264.155 285.134 267.197 283.211 269.66C281.404 271.816 279.292 273.696 276.941 275.243L273.488 277.684C271.326 279.229 269.848 280.336 269.053 281.005C268.258 281.687 267.578 282.493 267.041 283.392H286.184V290.96H256.187C256.231 287.982 256.923 285.049 258.216 282.365C259.444 279.45 262.347 276.36 266.924 273.096C269.657 271.267 272.246 269.229 274.665 267.003C276.352 265.345 277.32 263.093 277.359 260.732C277.41 259.052 276.848 257.412 275.78 256.114V256.121Z" fill="white"/>
+<path d="M229.798 254.406C227.915 254.729 226.01 254.91 224.1 254.947L224.101 260.793H234.411V290.945H243.244V247.2H236.045C236.007 247.796 235.895 248.385 235.712 248.953C235.408 250.118 234.829 251.193 234.024 252.089C232.886 253.275 231.411 254.084 229.798 254.406Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_16_36">
+<rect width="512" height="512" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/server/api/admin/jobs/[id].post.ts b/server/api/admin/jobs/[id].post.ts
index a93cb75..73321ec 100644
--- a/server/api/admin/jobs/[id].post.ts
+++ b/server/api/admin/jobs/[id].post.ts
@@ -1,4 +1,11 @@
 export default defineEventHandler(async (e) => {
+    const session = await getUserSession(e);
+
+    if(!session.user || !hasPermissions(session.user.permissions, ['admin']))
+    {
+        setResponseStatus(e, 404);
+        return;
+    }
     const id = getRouterParam(e, 'id');
 
     if(!id)