From af317cb0e3f35126f226f3335f7635adafcecac6 Mon Sep 17 00:00:00 2001
From: Peaceultime <clem31470@gmail.com>
Date: Sat, 1 Feb 2025 10:58:52 +0100
Subject: [PATCH] Navbar rework, several CSS fixes, Markdown preferences

---
 components/CanvasEditor.vue       |   2 +-
 components/base/Avatar.vue        |  12 +-
 components/base/DraggableTree.vue |   2 +-
 components/base/HoverCard.vue     |  13 +-
 components/base/Select.vue        |   2 +-
 components/base/Tree.vue          |   4 +-
 components/page/Markdown.vue      |   2 +-
 components/prose/FakeA.vue        |  28 +++-
 composables/useUserSession.ts     |   1 -
 layouts/default.vue               |  85 ++++--------
 pages/explore/edit/index.vue      | 219 ++++++++++++++++--------------
 pages/index.vue                   |   4 +-
 public/logo.dark.svg              |  31 ++---
 public/logo.light.svg             |  31 ++---
 types/general.d.ts                |  15 ++
 15 files changed, 240 insertions(+), 211 deletions(-)
 create mode 100644 types/general.d.ts

diff --git a/components/CanvasEditor.vue b/components/CanvasEditor.vue
index 526547a..a6b5cb8 100644
--- a/components/CanvasEditor.vue
+++ b/components/CanvasEditor.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { type Position, InfiniteGrid } from '#shared/canvas.util';
+import { type Position } from '#shared/canvas.util';
 import type CanvasNodeEditor from './canvas/CanvasNodeEditor.vue';
 import type CanvasEdgeEditor from './canvas/CanvasEdgeEditor.vue';
 export type Element = { type: 'node' | 'edge', id: string };
diff --git a/components/base/Avatar.vue b/components/base/Avatar.vue
index 762333e..9fb1126 100644
--- a/components/base/Avatar.vue
+++ b/components/base/Avatar.vue
@@ -1,5 +1,5 @@
 <template>
-    <AvatarRoot class="inline-flex h-12 w-12 select-none items-center justify-center overflow-hidden align-middle">
+    <AvatarRoot class="inline-flex select-none items-center justify-center overflow-hidden align-middle" :class="SIZES[size]">
         <AvatarImage class="h-full w-full object-cover" :src="src" asChild @loading-status-change="(status) => loading = status === 'loading'">
             <img :src="src" />
         </AvatarImage>
@@ -13,10 +13,18 @@
 
 <script setup lang="ts">
 import { Icon } from '@iconify/vue/dist/iconify.js';
-const { src, icon, text } = defineProps<{
+const { src, icon, text, size = 'medium' } = defineProps<{
     src: string
     icon?: string
     text?: string
+    size?: keyof typeof SIZES
 }>();
 const loading = ref(true);
+</script>
+<script lang="ts">
+const SIZES = {
+    'small': 'h-6',
+    'medium': 'h-10',
+    'large': 'h-16',
+};
 </script>
\ No newline at end of file
diff --git a/components/base/DraggableTree.vue b/components/base/DraggableTree.vue
index 9ad7ac5..3decca2 100644
--- a/components/base/DraggableTree.vue
+++ b/components/base/DraggableTree.vue
@@ -1,6 +1,6 @@
 <template>
 	<TreeRoot v-bind="forward" v-slot="{ flattenItems }" class="list-none select-none text-light-100 dark:text-dark-100 overflow-auto max-h-full">
-		<DraggableTreeItem v-for="item in flattenItems" :key="item._id" v-bind="item" class="flex items-center outline-none relative cursor-pointer hover:bg-light-20 dark:hover:bg-dark-20 data-[selected]:bg-light-35 dark:data-[selected]:bg-dark-35" @select.prevent @toggle.prevent>
+		<DraggableTreeItem v-for="item in flattenItems" :key="item._id" v-bind="item" class="group flex items-center outline-none relative cursor-pointer max-w-full" @select.prevent @toggle.prevent>
 			<template #default="{ handleToggle, handleSelect, isExpanded, isSelected, isDragging, isDraggedOver }">
 				<slot :handleToggle="handleToggle"
 						:handleSelect="handleSelect"
diff --git a/components/base/HoverCard.vue b/components/base/HoverCard.vue
index 66476af..1393479 100644
--- a/components/base/HoverCard.vue
+++ b/components/base/HoverCard.vue
@@ -4,7 +4,7 @@
             <slot></slot>
         </HoverCardTrigger>
         <HoverCardPortal v-if="!disabled">
-            <HoverCardContent :class="$attrs.class" :side="side" :align="align" class="max-h-[var(--radix-hover-card-content-available-height)] data-[side=bottom]:animate-slideUpAndFade data-[side=right]:animate-slideLeftAndFade data-[side=left]:animate-slideRightAndFade data-[side=top]:animate-slideDownAndFade w-[300px] bg-light-10 dark:bg-dark-10 border border-light-35 dark:border-dark-35 p-5 data-[state=open]:transition-all text-light-100 dark:text-dark-100" >
+            <HoverCardContent :class="$attrs.class" :side="side" :align="align" avoidCollisions :collisionPadding="20" class="max-h-[var(--radix-hover-card-content-available-height)] data-[side=bottom]:animate-slideUpAndFade data-[side=right]:animate-slideLeftAndFade data-[side=left]:animate-slideRightAndFade data-[side=top]:animate-slideDownAndFade w-[300px] bg-light-10 dark:bg-dark-10 border border-light-35 dark:border-dark-35 p-5 data-[state=open]:transition-all text-light-100 dark:text-dark-100" >
                 <slot name="content"></slot>
                 <HoverCardArrow class="fill-light-35 dark:fill-dark-35" />
             </HoverCardContent>
@@ -22,4 +22,15 @@ const { delay = 500, disabled = false, side = 'bottom', align = 'center', trigge
 }>();
 
 const emits = defineEmits(['open']);
+const canOpen = ref(true);
+
+if(triggerKey)
+{
+    const magicKeys = useMagicKeys();
+    const keys = magicKeys[triggerKey];
+
+    watch(keys, (v) => {
+        canOpen.value = v;
+    }, { immediate: true, });
+}
 </script>
\ No newline at end of file
diff --git a/components/base/Select.vue b/components/base/Select.vue
index 35afcfd..a1ea1e7 100644
--- a/components/base/Select.vue
+++ b/components/base/Select.vue
@@ -12,7 +12,7 @@
 
             <SelectPortal :disabled="disabled">
                 <SelectContent :position="position"
-                    class="min-w-[160px] bg-light-20 dark:bg-dark-20 will-change-[opacity,transform] z-40">
+                    class="min-w-[160px] bg-light-20 dark:bg-dark-20 will-change-[opacity,transform] z-50">
                     <SelectScrollUpButton>
                         <Icon icon="radix-icons:chevron-up" />
                     </SelectScrollUpButton>
diff --git a/components/base/Tree.vue b/components/base/Tree.vue
index 31fb96f..7081a52 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 xl:text-base text-sm" :items="model" :get-key="getKey" :defaultExpanded="flatten(model)">
-        <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">
+    <TreeRoot v-slot="{ flattenItems }" class="list-none select-none text-light-100 dark:text-dark-100 text-sm" :items="model" :get-key="getKey" :defaultExpanded="flatten(model)">
+        <TreeItem v-for="item in flattenItems" v-slot="{ isExpanded }" :key="item._id" :style="{ 'padding-left': `${item.level / 2 - 0.5}em` }" v-bind="item.bind" class="flex items-center ps-2 outline-none relative cursor-pointer">
             <slot :isExpanded="isExpanded" :item="item" />
         </TreeItem>
     </TreeRoot>
diff --git a/components/page/Markdown.vue b/components/page/Markdown.vue
index 0ede7ee..6194f92 100644
--- a/components/page/Markdown.vue
+++ b/components/page/Markdown.vue
@@ -20,7 +20,7 @@ if(overview.value && !overview.value.content)
 </script>
 
 <template>
-    <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 justify-start items-start flex-col lg:px-16 xl:px-32 2xl:px-64 py-6">
         <Loading v-if="loading" />
         <template v-else-if="overview">
             <div v-if="!popover" class="flex flex-1 flex-row justify-between items-center">
diff --git a/components/prose/FakeA.vue b/components/prose/FakeA.vue
index 81db22f..6ac885a 100644
--- a/components/prose/FakeA.vue
+++ b/components/prose/FakeA.vue
@@ -1,3 +1,27 @@
 <template>
-    <span class="text-accent-blue inline-flex items-center cursor-pointer hover:text-opacity-85"><slot v-bind="$attrs"></slot></span>
-</template>
\ No newline at end of file
+    <span>
+		<HoverCard trigger-key="Ctrl" nuxt-client class="max-w-[600px] max-h-[600px] w-full overflow-auto z-[45]" :class="{'overflow-hidden !p-0': overview?.type === 'canvas'}" :disabled="!overview">
+			<template #content>
+				<Markdown v-if="overview?.type === 'markdown'" class="!px-6" :path="pathname" :filter="hash.substring(1)" popover />
+				<template v-else-if="overview?.type === 'canvas'"><div class="w-[600px] h-[600px] relative"><Canvas :path="pathname" /></div></template>
+			</template>
+			<span>
+                <span class="text-accent-blue inline-flex items-center cursor-pointer hover:text-opacity-85"><slot v-bind="$attrs"></slot></span>
+			</span>
+		</HoverCard>
+	</span>
+</template>
+
+<script setup lang="ts">
+import { parseURL } from 'ufo';
+
+const { href } = defineProps<{
+	href: string
+	class?: string
+}>();
+
+const { hash, pathname } = parseURL(href);
+
+const { content } = useContent();
+const overview = computed(() => content.value.find(e => e.path === pathname));
+</script>
\ No newline at end of file
diff --git a/composables/useUserSession.ts b/composables/useUserSession.ts
index c9998f7..b0de3fa 100644
--- a/composables/useUserSession.ts
+++ b/composables/useUserSession.ts
@@ -7,7 +7,6 @@ const useContentFetch = (force: boolean) => useContent().fetch(force);
 
 /**
  * Composable to get back the user session and utils around it.
- * @see https://github.com/atinux/nuxt-auth-utils
  */
 export function useUserSession(): UserSessionComposable {
   const sessionState = useSessionState()
diff --git a/layouts/default.vue b/layouts/default.vue
index 8d500d6..71b271e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,84 +1,59 @@
 <template>
     <CollapsibleRoot class="flex flex-1 flex-col" v-model:open="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">
+        <div class="z-50 flex w-full items-center justify-between border-b border-light-35 dark:border-dark-35 px-2">
+			<div class="flex items-center px-2 gap-4">
 				<CollapsibleTrigger asChild>
-					<Button icon class="ms-2 !bg-transparent group">
+					<Button icon class="!bg-transparent group md:hidden">
 						<Icon class="group-data-[state=open]:hidden" icon="radix-icons:hamburger-menu" />
 						<Icon class="group-data-[state=closed]:hidden" icon="radix-icons:cross-1" />
 					</Button>
 				</CollapsibleTrigger>
-				<NuxtLink class=" text-light-100 dark:text-dark-100 hover:text-opacity-70 max-md:ps-6" aria-label="Accueil" :to="{ path: '/', force: true }">Accueil</NuxtLink>
+				<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-opacity-70 m-2 flex items-center gap-4" aria-label="Accueil" :to="{ path: '/', force: true }">
+					<Avatar src="/logo.dark.svg" class="dark:block hidden" />
+					<Avatar src="/logo.light.svg" class="block dark:hidden" />
+					<span class="text-xl max-md:hidden">d[any]</span>
+				</NuxtLink>
 			</div>
-			<div class="flex items-center px-2">
-				<Tooltip message="Changer de theme" side="left"><ThemeSwitch /></Tooltip>
-				<Tooltip v-if="!loggedIn" :message="'Se connecter'" side="right">
-					<NuxtLink :to="{ name: 'user-login' }">
-						<div class="hover:border-opacity-70 flex items-center">
-							<Icon :icon="'radix-icons:person'" class="w-7 h-7 p-1" />
-						</div>
-					</NuxtLink>
-				</Tooltip>
-				<Tooltip v-else :message="'Mon profil'" side="right">
-					<DropdownMenu :options="options" side="bottom" align="end">
-						<div class="hover:border-opacity-70 flex items-center">
-							<Icon :icon="'radix-icons:avatar'" class="w-7 h-7 p-1" />
-						</div>
-					</DropdownMenu>
-				</Tooltip>
+			<div class="flex items-center gap-8 max-md:hidden">
+				<Tooltip message="Developpement en cours" side="bottom"><NuxtLink href="#" class="text-light-70 dark:text-dark-70">Parcourir les projets</NuxtLink></Tooltip>
+				<Tooltip message="Developpement en cours" side="bottom"><NuxtLink href="#" class="text-light-70 dark:text-dark-70">Créer du contenu</NuxtLink></Tooltip>
+			</div>
+			<div class="flex items-center px-2 gap-4">
+				<template v-if="!loggedIn">
+					<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-light-70 dark:hover:text-dark-70" :to="{ name: 'user-login' }">Se connecter</NuxtLink>
+					<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-light-70 dark:hover:text-dark-70 max-md:hidden" :to="{ name: 'user-register' }">Créer un compte</NuxtLink>
+				</template>
+				<template v-else>
+					<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-light-70 dark:hover:text-dark-70" :to="{ name: 'user-login' }">{{ user!.username }}</NuxtLink>
+				</template>
 			</div>
         </div>
         <div class="flex flex-1 flex-row relative h-screen overflow-hidden">
 			<CollapsibleContent asChild forceMount>
-				<div class="bg-light-0 dark:bg-dark-0 z-40 xl:w-96 md:w-[15em] w-full border-r border-light-30 dark:border-dark-30 flex flex-col justify-between max-md:absolute max-md:-top-0 max-md:-bottom-0 md:left-0 max-md:data-[state=closed]:-left-full max-md:transition-[left] max-md:z-40 max-md:data-[state=open]:left-0">
-					<div class="flex flex-col gap-4 xl:px-6 px-3 py-4">
-						<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.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 v-if="!loggedIn" :message="'Se connecter'" side="right">
-									<NuxtLink :to="{ name: 'user-login' }">
-										<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="'radix-icons:person'" class="w-7 h-7 p-1" />
-										</div>
-									</NuxtLink>
-								</Tooltip>
-								<Tooltip v-else :message="'Mon profil'" side="right">
-									<DropdownMenu :options="options" side="right" align="start">
-										<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="'radix-icons:avatar'" class="w-7 h-7 p-1" />
-										</div>
-									</DropdownMenu>
-								</Tooltip>
-							</div>
-						</div>
-					</div>
-					<div class="flex-1 xl:px-6 px-3 max-w-full max-h-full overflow-y-auto overflow-x-hidden">
-						<div class="flex flex-row flex-1 justify-between items-center">
+				<div class="bg-light-0 dark:bg-dark-0 z-40 w-screen md:w-[18rem] border-r border-light-30 dark:border-dark-30 flex flex-col justify-between my-2 max-md:data-[state=closed]:hidden">
+					<div class="flex-1 px-2 max-w-full max-h-full overflow-y-auto overflow-x-hidden">
+						<div class="flex flex-row flex-1 justify-between items-center py-4 px-2">
 							<NuxtLink :href="{ name: 'explore-path', params: { path: 'index' } }" class="flex flex-1 font-bold text-lg items-center border-light-35 dark:border-dark-35 hover:border-accent-blue" active-class="text-accent-blue border-s-2 !border-accent-blue">
 								<span class="pl-3 py-1 flex-1 truncate">Projet</span>
 							</NuxtLink>
 							<NuxtLink v-if="user && hasPermissions(user.permissions, ['admin', 'editor'])" :to="{ name: 'explore-edit' }"><Button icon><Icon icon="radix-icons:pencil-2" /></Button></NuxtLink>
 						</div>
-						<Tree v-if="pages" v-model="pages" :getKey="(item) => item.path">
+						<Tree v-if="pages" v-model="pages" :getKey="(item) => item.path" class="ps-4">
 							<template #default="{ item, isExpanded }">
-								<NuxtLink :href="item.value.path && !item.hasChildren ? { name: 'explore-path', params: { path: item.value.path } } : undefined" class="flex flex-1 items-center hover:border-accent-blue hover:text-accent-purple" :class="{ 'font-medium': item.hasChildren }" active-class="text-accent-blue" :data-private="item.value.private">
-									<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` }" />
+								<NuxtLink :href="item.value.path && !item.hasChildren ? { name: 'explore-path', params: { path: item.value.path } } : undefined" class="flex flex-1 items-center hover:border-accent-blue hover:text-accent-purple max-w-full" :class="{ 'font-medium': item.hasChildren }" active-class="text-accent-blue" :data-private="item.value.private">
+									<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 / 2 - 1.5}em` }" />
 									<Icon v-else-if="iconByType[item.value.type]" :icon="iconByType[item.value.type]" class="w-5 h-5" />
-									<div class="pl-3 py-1 flex-1 truncate">
+									<div class="pl-1.5 py-1.5 flex-1 truncate">
 										{{ item.value.title }}
 									</div>
-									<Tooltip message="Privé" side="right"><Icon v-show="item.value.private" icon="radix-icons:lock-closed" /></Tooltip>
+									<Tooltip message="Privé" side="right"><Icon v-show="item.value.private" class="mx-1" icon="radix-icons:lock-closed" /></Tooltip>
 								</NuxtLink>
 							</template>
 						</Tree>
 					</div>
-					<div class="xl:px-12 px-6 py-4 text-center text-xs text-light-60 dark:text-dark-60">
+					<div class="xl:px-12 px-6 pt-4 pb-2 text-center text-xs text-light-60 dark:text-dark-60">
 						<NuxtLink class="hover:underline italic" :to="{ name: 'roadmap' }">Roadmap</NuxtLink> - <NuxtLink class="hover:underline italic" :to="{ name: 'legal' }">Mentions légales</NuxtLink>
-						<p>Copyright Peaceultime - 2024</p>
+						<p>Copyright Peaceultime - 2025</p>
 					</div>
 				</div>
 			</CollapsibleContent>
diff --git a/pages/explore/edit/index.vue b/pages/explore/edit/index.vue
index b2ec22f..8e79d8f 100644
--- a/pages/explore/edit/index.vue
+++ b/pages/explore/edit/index.vue
@@ -5,99 +5,74 @@
 	<ClientOnly>
 		<CollapsibleRoot asChild class="flex flex-1 flex-col xl:-mx-12 xl:-my-8 lg:-mx-8 lg:-my-6 -mx-6 -my-3  overflow-hidden" v-model="open">
 			<div>
-				<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">
+				<div class="z-50 flex w-full items-center justify-between border-b border-light-35 dark:border-dark-35 px-2">
+					<div class="flex items-center px-2 gap-4">
 						<CollapsibleTrigger asChild>
-							<Button icon class="ms-2 !bg-transparent group">
+							<Button icon class="!bg-transparent group md:hidden">
 								<Icon class="group-data-[state=open]:hidden" icon="radix-icons:hamburger-menu" />
 								<Icon class="group-data-[state=closed]:hidden" icon="radix-icons:cross-1" />
 							</Button>
 						</CollapsibleTrigger>
+						<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-opacity-70 m-2 flex items-center gap-4" aria-label="Accueil" :to="{ path: '/', force: true }">
+							<Avatar src="/logo.dark.svg" class="dark:block hidden" />
+							<Avatar src="/logo.light.svg" class="block dark:hidden" />
+							<span class="text-xl max-md:hidden">d[any]</span>
+						</NuxtLink>
 					</div>
-					<div class="flex items-center px-2">
-						<Tooltip message="Changer de theme" side="left"><ThemeSwitch /></Tooltip>
+					<div class="flex items-center px-2 gap-4">
+						<NuxtLink class="text-light-100 dark:text-dark-100 hover:text-light-70 dark:hover:text-dark-70" :to="{ name: 'user-login' }">{{ user!.username }}</NuxtLink>
 					</div>
 				</div>
 				<div class="flex flex-1 flex-row relative overflow-hidden">
 					<CollapsibleContent asChild forceMount>
-						<div class=" overflow-hidden bg-light-0 dark:bg-dark-0 z-40 xl:w-96 md:w-[15em] max-h-full w-full border-r border-light-30 dark:border-dark-30 flex flex-col justify-between max-md:absolute max-md:-top-0 max-md:-bottom-0 md:left-0 max-md:data-[state=closed]:-left-full max-md:transition-[left] max-md:z-40 max-md:data-[state=open]:left-0">
-							<div class="flex flex-col gap-4 xl:px-6 px-3 py-4">
-								<div class="flex justify-between items-center max-md:hidden">
-									<div class=" text-light-100 dark:text-dark-100 hover:text-opacity-70 max-md:ps-6" aria-label="Accueil">
-										<Avatar src="/logo.dark.svg" class="dark:block hidden" />
-										<Avatar src="/logo.light.svg" class="block dark:hidden" />
-									</div>
-									<div class="flex gap-4 items-center">
-										<Tooltip message="Changer de theme" side="left"><ThemeSwitch /></Tooltip>
-									</div>
+						<div class="bg-light-0 dark:bg-dark-0 z-40 w-screen md:w-[18rem] border-r border-light-30 dark:border-dark-30 flex flex-col justify-between my-2 max-md:data-[state=closed]:hidden">
+							<div class="flex-1 px-2 max-w-full max-h-full overflow-y-auto overflow-x-hidden">
+								<div class="flex flex-row justify-between items-center pt-2 pb-4 mb-2 px-2 gap-4 border-b border-light-35 dark:border-dark-35">
+									<Button @click="router.push({ name: 'explore-path', params: { path: selected ? getPath(selected) : 'index' } })">Quitter</Button>
+									<Button @click="save(true);">Enregistrer</Button>
+									<Tooltip side="top" message="Nouveau">
+										<DropdownMenu align="end" side="bottom" :options="[{
+											type: 'item',
+											label: 'Markdown',
+											kbd: 'Ctrl+N',
+											icon: 'radix-icons:file-text',
+											select: () => add('markdown'),
+										}, {
+											type: 'item',
+											label: 'Dossier',
+											kbd: 'Ctrl+Shift+N',
+											icon: 'lucide:folder',
+											select: () => add('folder'),
+										}, {
+											type: 'item',
+											label: 'Canvas',
+											icon: 'ph:graph-light',
+											select: () => add('canvas'),
+										}, {
+											type: 'item',
+											label: 'Carte',
+											icon: 'lucide:map',
+											select: () => add('map'),
+										}, {
+											type: 'item',
+											label: 'Fichier',
+											icon: 'radix-icons:file',
+											select: () => add('file'),
+										}]">
+											<Button icon><Icon class="w-5 h-5" icon="radix-icons:plus" /></Button>
+										</DropdownMenu>
+									</Tooltip>
 								</div>
-							</div>
-							<div class="flex flex-1 flex-col max-w-full max-h-full overflow-hidden py-3" v-if="navigation">
-								<div class="flex flex-row justify-between items-center mb-4 px-6">
-									<div class="flex flex-1 flex-row justify-start items-center gap-4">
-										<Tooltip side="top" message="Annuler (Ctrl+Shift+W)" ><Button icon @click="router.go(-1)"><Icon class="w-5 h-5" icon="radix-icons:arrow-left" /></Button></Tooltip>
-										<Tooltip side="top" message="Enregistrer (Ctrl+S)" ><Button icon :loading="saveStatus === 'pending'" @click="save(true)"><Icon class="w-5 h-5" icon="ph:floppy-disk" /></Button></Tooltip>
-										<span v-if="edited" class="text-sm text-light-60 dark:text-dark-60 italic">Modifications non enregistrées</span>
-									</div>
-									<div class="flex flex-row justify-end items-center gap-4">
-										<AlertDialogRoot v-if="selected">
-											<Tooltip side="top" message="Supprimer"><AlertDialogTrigger as="span"><Button icon class="border-light-red dark:border-dark-red hover:border-light-red dark:hover:border-dark-red hover:bg-light-redBack dark:hover:bg-dark-redBack text-light-red dark:text-dark-red focus:shadow-light-red dark:focus:shadow-dark-red" ><Icon class="w-5 h-5" icon="radix-icons:trash" /></Button></AlertDialogTrigger></Tooltip>
-											<AlertDialogPortal>
-												<AlertDialogOverlay  class="bg-light-0 dark:bg-dark-0 opacity-70 fixed inset-0 z-40" />
-												<AlertDialogContent class="data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] w-[90vw] max-w-[800px] translate-x-[-50%] translate-y-[-50%] bg-light-10 dark:bg-dark-10 border border-light-30 dark:border-dark-30 p-6 z-50 text-light-100 dark:text-dark-100 flex md:flex-row flex-col gap-4 items-center">
-													<AlertDialogTitle class="text-xl font-semibold">Supprimer <span>{{ selected.title }}</span><span v-if="selected.children"> et tous ces enfants</span> ?</AlertDialogTitle>
-													<div class="flex flex-1 flex-row gap-4 justify-end">
-														<AlertDialogAction asChild @click="() => { navigation = tree.remove(navigation, getPath(selected!)); selected = undefined; }"><Button class="border-light-red dark:border-dark-red hover:border-light-red dark:hover:border-dark-red hover:bg-light-redBack dark:hover:bg-dark-redBack text-light-red dark:text-dark-red focus:shadow-light-red dark:focus:shadow-dark-red">Oui</Button></AlertDialogAction>
-														<AlertDialogCancel asChild><Button>Non</Button></AlertDialogCancel>
-													</div>
-												</AlertDialogContent>
-											</AlertDialogPortal>
-										</AlertDialogRoot>
-										<Tooltip side="top" message="Nouveau">
-											<DropdownMenu align="center" side="bottom" :options="[{
-												type: 'item',
-												label: 'Markdown',
-												kbd: 'Ctrl+N',
-												icon: 'radix-icons:file-text',
-												select: () => add('markdown'),
-											}, {
-												type: 'item',
-												label: 'Dossier',
-												kbd: 'Ctrl+Shift+N',
-												icon: 'lucide:folder',
-												select: () => add('folder'),
-											}, {
-												type: 'item',
-												label: 'Canvas',
-												icon: 'ph:graph-light',
-												select: () => add('canvas'),
-											}, {
-												type: 'item',
-												label: 'Carte',
-												icon: 'lucide:map',
-												select: () => add('map'),
-											}, {
-												type: 'item',
-												label: 'Fichier',
-												icon: 'radix-icons:file',
-												select: () => add('file'),
-											}]">
-												<Button icon><Icon class="w-5 h-5" icon="radix-icons:plus" /></Button>
-											</DropdownMenu>
-										</Tooltip>
-									</div>
-								</div>
-								<DraggableTree class="ps-4 pe-2 xl:text-base text-sm" 
-								:items="navigation ?? undefined" :get-key="(item: Partial<TreeItemEditable>) => item.path !== undefined ? getPath(item as TreeItemEditable) : ''" @updateTree="drop" 
+								<DraggableTree class="ps-4 text-sm" :items="navigation ?? undefined" :get-key="(item: Partial<TreeItemEditable>) => item.path !== undefined ? getPath(item as TreeItemEditable) : ''" @updateTree="drop" 
 								v-model="selected" :defaultExpanded="defaultExpanded" :get-children="(item: Partial<TreeItemEditable>) => item.type === 'folder' ? item.children : undefined" >
 									<template #default="{ handleToggle, handleSelect, isExpanded, isDragging, item }">
-										<div class="flex flex-1 items-center px-2 max-w-full pe-4" :class="{ 'opacity-50': isDragging }" :style="{ 'padding-left': `${item.level - 0.5}em` }">
-											<span class="py-2 px-2" @click="handleToggle" v-if="item.hasChildren" >
-												<Icon :icon="isExpanded ? 'lucide:folder-open' : 'lucide:folder'"/>
-											</span>
-											<Icon v-else-if="iconByType[item.value.type]" :icon="iconByType[item.value.type]" class="group-[:hover]:text-accent-purple mx-2" @click="handleSelect" />
-											<div class="pl-3 py-1 flex-1 truncate" :title="item.value.title" @click="handleSelect" :class="{ 'font-semibold': item.hasChildren }">
-												{{ item.value.title }}
+										<div class="flex flex-1 items-center overflow-hidden" :class="{ 'opacity-50': isDragging }" :style="{ 'padding-left': `${item.level / 2 - 0.5}em` }">
+											<div class="flex flex-1 items-center hover:border-accent-blue hover:text-accent-purple group-data-[selected]:text-accent-blue">
+												<Icon @click="handleToggle" 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 / 2 - 1.5}em` }" />
+												<Icon v-else-if="iconByType[item.value.type]" :icon="iconByType[item.value.type]" class="w-5 h-5" @click="handleSelect" />
+												<div class="pl-1.5 py-1.5 flex-1 truncate" :title="item.value.title" @click="handleSelect" :class="{ 'font-semibold': item.hasChildren }">
+													{{ item.value.title }}
+												</div>
 											</div>
 											<div class="flex gap-2">
 												<span @click="item.value.private = !item.value.private">
@@ -113,7 +88,7 @@
 									</template>
 									<template #hint="{ instruction }">
 										<div v-if="instruction" class="absolute h-full w-full top-0 right-0 border-light-50 dark:border-dark-50" :style="{
-												width: `calc(100% - ${instruction.currentLevel - 1}em)`
+												width: `calc(100% - ${instruction.currentLevel / 2 - 1.5}em)`
 											}" :class="{
 												'!border-b-4': instruction?.type === 'reorder-below',
 												'!border-t-4': instruction?.type === 'reorder-above',
@@ -122,6 +97,10 @@
 									</template>
 								</DraggableTree>
 							</div>
+							<div class="xl:px-12 px-6 pt-4 pb-2 text-center text-xs text-light-60 dark:text-dark-60">
+								<NuxtLink class="hover:underline italic" :to="{ name: 'roadmap' }">Roadmap</NuxtLink> - <NuxtLink class="hover:underline italic" :to="{ name: 'legal' }">Mentions légales</NuxtLink>
+								<p>Copyright Peaceultime - 2025</p>
+							</div>
 						</div>
 					</CollapsibleContent>
 					<div class="flex flex-1 flex-row max-h-full overflow-hidden">
@@ -157,14 +136,35 @@
 												}" class="mx-0 font-mono"/>
 											</div>
 											<pre v-else class="md:text-base text-sm truncate" style="direction: rtl">{{ getPath(selected) }}/</pre>
-											<DropdownMenu align="end" :options="[{
-												type: 'checkbox',
-												label: 'URL custom',
-												select: (state: boolean) => { selected!.customPath = state; if(!state) selected!.name = parsePath(selected!.title) },
-												checked: selected.customPath
-											}]">
-												<Button class="" icon><Icon icon="radix-icons:dots-vertical"/></Button>
-											</DropdownMenu>
+											<div class="flex gap-4">
+												<Dialog :title="`Supprimer '${selected.title}'${selected.children?.length ?? 0 > 0 ? ' et ses enfants' : ''}`">
+													<template #trigger><Button icon class="bg-light-red dark:bg-dark-red !bg-opacity-40 border-light-red dark:border-dark-red hover:bg-light-red dark:hover:bg-dark-red hover:!bg-opacity-70 hover:border-light-red dark:hover:border-dark-red"><Icon icon="radix-icons:trash" /></Button></template>
+													<template #default>
+														<div class="flex gap-4">
+															<DialogClose><Button @click="navigation = tree.remove(navigation, getPath(selected)); selected = undefined;" class="bg-light-red dark:bg-dark-red !bg-opacity-40 border-light-red dark:border-dark-red hover:bg-light-red dark:hover:bg-dark-red hover:!bg-opacity-70 hover:border-light-red dark:hover:border-dark-red">Oui</Button></DialogClose>
+															<DialogClose><Button>Non</Button></DialogClose>
+														</div>
+													</template>
+												</Dialog>
+												<Dialog title="Préférences Markdown" v-if="selected.type === 'markdown'">
+													<template #trigger><Button icon><Icon icon="radix-icons:gear" /></Button></template>
+													<template #default>
+														<Select label="Editeur de markdown" :modelValue="preferences.markdown.editing" @update:model-value="v => preferences.markdown.editing = (v as 'reading' | 'editing' | 'split')">
+															<SelectItem label="Mode lecture" value="reading" />
+															<SelectItem label="Mode edition" value="editing" />
+															<SelectItem label="Ecran partagé" value="split" />
+														</Select>
+													</template>
+												</Dialog>
+												<DropdownMenu align="end" :options="[{
+													type: 'checkbox',
+													label: 'URL custom',
+													select: (state: boolean) => { selected!.customPath = state; if(!state) selected!.name = parsePath(selected!.title) },
+													checked: selected.customPath
+												}]">
+													<Button icon><Icon icon="radix-icons:dots-vertical"/></Button>
+												</DropdownMenu>
+											</div>
 										</div>
 									</div>
 								</CollapsibleContent>
@@ -175,15 +175,23 @@
 										<Loading />
 									</div>
 									<span v-else-if="contentError">{{ contentError }}</span>
-									<SplitterGroup direction="horizontal" class="flex-1 w-full flex" v-else-if="selected.content !== undefined">
-										<SplitterPanel asChild collapsible :collapsedSize="0" :minSize="20" v-slot="{ isCollapsed }" :defaultSize="50">
-											<Editor v-model="selected.content" placeholder="Commencer votre aventure ..." class="flex-1 bg-transparent appearance-none outline-none max-h-full resize-none !overflow-y-auto" :class="{ 'hidden': isCollapsed }" />
-										</SplitterPanel>
-										<SplitterResizeHandle class="bg-light-35 dark:bg-dark-35 w-px xl!mx-4 mx-2" />
-										<SplitterPanel asChild collapsible :collapsedSize="0" :minSize="20" v-slot="{ isCollapsed }">
-											<div class="flex-1 max-h-full !overflow-y-auto px-8" :class="{ 'hidden': isCollapsed }"><MarkdownRenderer :content="(debounced as string)" :proses="{ 'a': FakeA }" /></div>
-										</SplitterPanel>
-									</SplitterGroup>
+									<template v-else-if="preferences.markdown.editing === 'editing'">
+										<Editor v-model="selected.content" placeholder="Commencer votre aventure ..." class="flex-1 bg-transparent appearance-none outline-none max-h-full resize-none !overflow-y-auto lg:mx-16 xl:mx-32 2xl:mx-64" />
+									</template>
+									<template v-else-if="preferences.markdown.editing === 'reading'">
+										<div class="flex-1 max-h-full !overflow-y-auto px-4 xl:px-32 2xl:px-64"><MarkdownRenderer :content="(debounced as string)" :proses="{ 'a': FakeA }" /></div>
+									</template>
+									<template v-else-if="preferences.markdown.editing === 'split'">
+										<SplitterGroup direction="horizontal" class="flex-1 w-full flex">
+											<SplitterPanel asChild collapsible :collapsedSize="0" :minSize="20" v-slot="{ isCollapsed }" :defaultSize="50">
+												<Editor v-model="selected.content" placeholder="Commencer votre aventure ..." class="flex-1 bg-transparent appearance-none outline-none max-h-full resize-none !overflow-y-auto" :class="{ 'hidden': isCollapsed }" />
+											</SplitterPanel>
+											<SplitterResizeHandle class="bg-light-35 dark:bg-dark-35 w-px xl!mx-4 mx-2" />
+											<SplitterPanel asChild collapsible :collapsedSize="0" :minSize="20" v-slot="{ isCollapsed }">
+												<div class="flex-1 max-h-full !overflow-y-auto px-8" :class="{ 'hidden': isCollapsed }"><MarkdownRenderer :content="(debounced as string)" :proses="{ 'a': FakeA }" /></div>
+											</SplitterPanel>
+										</SplitterGroup>
+									</template>
 								</template>
 								<template v-else-if="selected.type === 'canvas'">
 									<CanvasEditor v-if="selected.content" :modelValue="selected.content" />
@@ -207,8 +215,9 @@
 import { Icon } from '@iconify/vue/dist/iconify.js';
 import type { Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/dist/types/tree-item';
 import { iconByType, convertContentFromText, convertContentToText, DEFAULT_CONTENT,parsePath } from '#shared/general.util';
-import type { CanvasContent, ExploreContent, FileType, TreeItem } from '~/types/content';
+import type { ExploreContent, FileType, TreeItem } from '~/types/content';
 import FakeA from '~/components/prose/FakeA.vue';
+import type { Preferences } from '~/types/general';
 
 export type TreeItemEditable = TreeItem &
 {
@@ -223,6 +232,8 @@ definePageMeta({
 	layout: 'null',
 });
 
+const { user } = useUserSession();
+
 const router = useRouter();
 const open = ref(true), topOpen = ref(true);
 
@@ -234,6 +245,8 @@ const navigation = ref<TreeItemEditable[]>(transform(JSON.parse(JSON.stringify(p
 const selected = ref<TreeItemEditable>(), edited = ref(false);
 const contentStatus = ref<'idle' | 'pending' | 'success' | 'error'>('idle'), contentError = ref<string>();
 
+const preferences = useCookie<Preferences>('preferences', { default: () => ({ markdown: { editing: 'split' }, canvas: { snap: true, size: 32 } }), watch: true, maxAge: 60*60*24*31 });
+
 watch(selected, async (value, old) => {
 	if(selected.value)
 	{
@@ -284,10 +297,10 @@ watch(debounced, () => {
 		sessionStorage.setItem(`editing:${encodeURIComponent(selected.value.path)}`, typeof debounced.value === 'string' ? debounced.value : JSON.stringify(debounced.value));
 });
 useShortcuts({
-    meta_s: { usingInput: true, handler: () => save(false) },
-    meta_n: { usingInput: true, handler: () => add('markdown') },
-    meta_shift_n: { usingInput: true, handler: () => add('folder') },
-    meta_shift_z: { usingInput: true, handler: () => router.push({ name: 'explore-path', params: { path: 'index' } }) }
+    meta_s: { usingInput: true, handler: () => save(false), prevent: true },
+    meta_n: { usingInput: true, handler: () => add('markdown'), prevent: true },
+    meta_shift_n: { usingInput: true, handler: () => add('folder'), prevent: true },
+    meta_shift_z: { usingInput: true, handler: () => router.push({ name: 'explore-path', params: { path: 'index' } }), prevent: true }
 })
 
 const tree = {
diff --git a/pages/index.vue b/pages/index.vue
index 56b30fa..c2a7848 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,5 @@
     <Head>
         <Title>d[any] - Accueil</Title>
     </Head>
-    <div class="h-full w-full flex flex-1 flex-col justify-center items-center">
-        <h1 class="text-5xl font-thin font-mono">Bienvenue</h1>
-    </div>
+    <h1 class="text-5xl font-thin font-mono">Bienvenue</h1>
 </template>
\ No newline at end of file
diff --git a/public/logo.dark.svg b/public/logo.dark.svg
index a677d37..ae2fec5 100644
--- a/public/logo.dark.svg
+++ b/public/logo.dark.svg
@@ -1,20 +1,13 @@
-<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="white"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-<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="black"/>
-</g>
-<defs>
-<clipPath id="clip0_16_36">
-<rect width="512" height="512" fill="white"/>
-</clipPath>
-</defs>
+<svg width="510" height="403" viewBox="0 0 510 403" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M399 111L368.913 133.213C342.147 108.464 307.177 92.4593 268.522 89.7389L255.321 0.0842743L241.713 90.0034C202.825 93.5023 167.804 110.451 141.335 136.16L107.184 110.816L132.62 145.293C109.574 171.342 94.5917 204.689 91.6077 241.424L0.143372 255.265L91.6214 268.733C94.6985 306.181 110.256 340.074 134.119 366.268L106.998 402.998L143.575 375.832C144.131 376.351 144.683 376.874 145.246 377.386C144.739 376.831 144.243 376.269 143.745 375.708L223 316.847C228.769 319.783 234.934 321.866 241.303 323.032L253.499 366.485L265.51 323.072C271.673 321.962 277.652 319.995 283.272 317.228L399.185 402.815L374.952 370.19C401.126 343.336 418.278 307.648 421.462 268.021L509.543 254.946L509.542 254.944L421.51 241.731C418.518 202.798 402.043 167.66 376.752 140.957L399 111ZM363.1 169.072C390.345 196.317 407.184 233.971 407.158 275.573C407.135 311.03 394.859 343.629 374.345 369.377L313.518 287.485C316.478 281.716 318.587 275.55 319.779 269.178L362.671 257.313L319.992 245.556C318.859 238.761 316.686 232.183 313.549 226.052L358.875 165.022C360.307 166.348 361.72 167.693 363.099 169.072H363.1ZM343.099 152.273L283.368 196.372C277.645 193.56 271.55 191.579 265.265 190.489L253.639 148.278L241.723 190.554C235.234 191.717 228.951 193.829 223.075 196.822L166.582 154.898C191.705 136.147 222.86 125.035 256.598 125.014C288.796 124.993 318.625 135.081 343.099 152.273ZM150.169 169.079L193.113 227.288C190.299 233.046 188.323 239.176 187.246 245.492L144.022 257.45L187.432 269.408C188.544 275.305 190.442 281.026 193.077 286.417L135.07 364.983C116.688 340.016 105.827 309.167 105.849 275.764C105.875 234.099 122.815 196.371 150.17 169.081L150.169 169.079Z" fill="#53AAF5"/>
+<path d="M241.303 323.032C234.934 321.866 228.769 319.783 223 316.847L106.998 402.998L193.077 286.417C190.442 281.026 188.544 275.305 187.432 269.408L144.022 257.45L187.246 245.492C188.323 239.176 190.299 233.046 193.113 227.288L107.184 110.816L223.075 196.822C228.951 193.829 235.234 191.717 241.723 190.554L253.639 148.278L265.265 190.489C271.55 191.579 277.645 193.56 283.368 196.372L399 111L313.549 226.052C316.686 232.183 318.859 238.761 319.992 245.556L362.671 257.313L319.779 269.178C318.587 275.55 316.478 281.716 313.518 287.485L399.185 402.815L283.272 317.228C277.652 319.995 271.673 321.962 265.51 323.072L253.499 366.485L241.303 323.032Z" fill="#C86DCD"/>
+<path d="M379.21 216.709L333.395 153.914L259.259 130V189.94L321.908 235.246L379.21 216.709ZM319.761 198.325C319.381 199.858 318.719 201.307 317.808 202.599C316.911 203.848 315.755 204.89 314.417 205.656C313.08 206.421 311.593 206.891 310.058 207.035C306.787 207.431 303.379 206.341 299.834 203.764C296.289 201.187 294.209 198.289 293.594 195.07C293.269 193.572 293.271 192.023 293.598 190.526C293.926 189.029 294.572 187.619 295.494 186.392C296.454 185.137 297.639 184.069 298.989 183.244C300.472 182.292 302.428 181.953 304.856 182.225C303.843 180.131 303.456 177.791 303.74 175.484C304.057 173.182 304.958 171 306.36 169.142C307.388 167.703 308.711 166.498 310.243 165.607C311.774 164.716 313.478 164.159 315.243 163.973C318.984 163.495 322.836 164.697 326.799 167.577C330.762 170.457 333 173.681 333.511 177.25C333.782 178.972 333.702 180.73 333.274 182.42C332.847 184.11 332.081 185.697 331.023 187.086C329.671 188.983 327.847 190.498 325.729 191.483C323.666 192.44 321.348 192.71 319.119 192.254C320.002 194.61 320.215 196.633 319.761 198.325ZM312.786 192.964C312.878 193.672 312.827 194.391 312.635 195.078C312.443 195.766 312.115 196.409 311.67 196.968C310.986 197.82 310.073 198.462 309.038 198.819C308.002 199.175 306.886 199.232 305.82 198.982C304.753 198.732 303.779 198.187 303.012 197.408C302.245 196.629 301.715 195.65 301.485 194.584C301.405 193.85 301.474 193.107 301.687 192.4C301.9 191.692 302.253 191.034 302.725 190.465C303.12 189.871 303.63 189.36 304.225 188.963C304.819 188.565 305.487 188.289 306.189 188.15C306.933 188.044 307.69 188.094 308.412 188.298C309.134 188.501 309.806 188.853 310.383 189.331C311.023 189.734 311.57 190.267 311.991 190.894C312.412 191.521 312.696 192.229 312.825 192.972L312.786 192.964ZM318.987 185.35C317.297 185.507 315.607 185.045 314.234 184.051C312.861 183.057 311.9 181.599 311.53 179.95C311.292 178.351 311.835 176.648 313.157 174.843C314.139 173.292 315.691 172.184 317.483 171.757C319.188 171.591 320.895 172.054 322.279 173.06C323.663 174.066 324.626 175.543 324.986 177.211C325.128 179.032 324.553 180.836 323.381 182.241C322.105 184.052 320.663 185.088 319.056 185.35H318.987ZM246.857 189.94V130L172.721 153.914L126.906 216.709L184.208 235.223L246.857 189.94ZM173.628 175.838L198.26 158.681C199.939 161.143 201.061 163.939 201.547 166.874C202.218 169.96 201.614 174.146 199.733 179.433C198.551 182.488 197.608 185.63 196.912 188.829C196.481 191.151 196.985 193.547 198.314 195.502C199.229 196.905 200.621 197.932 202.236 198.395C203.038 198.588 203.874 198.597 204.68 198.421C205.485 198.244 206.24 197.887 206.886 197.377C209.036 195.88 209.938 194.062 209.592 191.923C209.138 190.143 208.349 188.465 207.267 186.978L214.142 182.195C216.167 185.322 217.343 188.168 217.668 190.735C218.293 195.62 216.195 199.735 211.375 203.078C207.566 205.731 203.799 206.791 200.074 206.256C196.348 205.721 193.269 203.728 190.835 200.277C189.004 197.745 188.094 194.668 188.254 191.552C188.527 188.758 189.208 186.019 190.277 183.422L191.703 179.449C192.597 176.965 193.173 175.213 193.431 174.196C193.69 173.188 193.784 172.147 193.711 171.11L178.007 182.048L173.628 175.838ZM215.683 315.197H290.432L313.514 244.441L253.058 200.709L192.602 244.442L215.683 315.197ZM273.706 253.691C273.16 253.069 272.478 252.58 271.712 252.262C270.946 251.943 270.117 251.804 269.288 251.855C266.663 251.855 264.878 252.83 263.932 254.779C263.267 256.501 262.938 258.334 262.964 260.178H254.608C254.748 256.461 255.424 253.457 256.639 251.168C258.944 246.807 263.036 244.627 268.917 244.627C273.567 244.627 277.264 245.912 280.007 248.484C282.751 251.055 284.103 254.426 284.062 258.597C284.1 261.716 283.072 264.754 281.147 267.214C279.338 269.367 277.223 271.246 274.869 272.791L271.412 275.229C269.247 276.772 267.767 277.878 266.971 278.546C266.175 279.228 265.494 280.033 264.956 280.93H284.123V288.49H254.089C254.133 285.515 254.826 282.586 256.12 279.904C257.35 276.993 260.256 273.907 264.839 270.646C267.576 268.819 270.168 266.784 272.59 264.56C274.279 262.905 275.248 260.655 275.288 258.296C275.338 256.619 274.776 254.981 273.706 253.684V253.691ZM221.962 252.519C223.874 252.482 225.781 252.301 227.666 251.978C229.282 251.657 230.759 250.849 231.898 249.664C232.704 248.769 233.283 247.695 233.588 246.532C233.772 245.964 233.884 245.376 233.921 244.781H241.13V288.475H232.286V258.358H221.962V252.511V252.519ZM214.304 327.54L178.922 376.086L253.058 400L327.194 376.086L291.812 327.54H214.304ZM264.53 381.748C262.086 384.864 258.29 386.42 253.144 386.415C247.614 386.415 243.537 384.114 240.913 379.511C238.872 375.911 237.851 371.282 237.851 365.625C237.817 362.906 237.96 360.187 238.277 357.486C238.636 354.239 239.635 351.093 241.215 348.229C242.424 346.165 244.111 344.42 246.137 343.138C248.325 341.809 250.852 341.139 253.415 341.209C257.491 341.209 260.741 342.238 263.165 344.295C264.369 345.336 265.352 346.607 266.053 348.033C266.755 349.459 267.162 351.01 267.25 352.596H258.693C258.648 351.763 258.366 350.96 257.879 350.281C257.417 349.605 256.785 349.061 256.047 348.701C255.31 348.341 254.49 348.179 253.67 348.229C250.865 348.229 248.868 349.795 247.679 352.927C246.894 355.408 246.445 357.981 246.346 360.58C247.342 359.37 248.619 358.42 250.067 357.811C252.515 356.893 255.176 356.697 257.734 357.244C260.291 357.791 262.637 359.059 264.49 360.896C267.025 363.64 268.368 367.27 268.226 370.994C268.274 374.888 266.98 378.68 264.56 381.74L264.53 381.748ZM257.554 365.825C258.804 367.183 259.429 369.138 259.429 371.689C259.52 373.684 258.939 375.652 257.778 377.281C257.256 377.979 256.571 378.54 255.783 378.915C254.994 379.29 254.126 379.468 253.252 379.434C252.328 379.453 251.411 379.262 250.571 378.876C249.732 378.49 248.992 377.918 248.408 377.204C247.108 375.577 246.446 373.534 246.547 371.457C246.547 368.546 247.395 366.437 249.09 365.131C250.191 364.261 251.559 363.793 252.965 363.805C253.838 363.785 254.705 363.955 255.506 364.302C256.306 364.65 257.021 365.167 257.6 365.818L257.554 365.825ZM334.999 293.242L353.121 298.642L350.02 309.095L334.999 293.242ZM325.698 246.956L301.771 320.241L337.185 368.757L383 305.994V228.45L325.698 246.956ZM368.645 303.209L359.593 300.516L354.616 317.087L347.393 314.942L326.466 291.961L329.241 282.704L355.523 290.519L356.942 285.782L363.414 287.704L361.995 292.439L371.048 295.132L368.645 303.209ZM180.301 246.956L123 228.442V306.032L168.815 368.796L204.228 320.28L180.301 246.956ZM133.751 284.563L162.63 275.506L159.53 265.71L165.134 263.951C165.744 265.755 166.491 267.511 167.366 269.204C168.153 270.638 169.362 271.799 170.831 272.529C171.931 273.025 173.135 273.253 174.342 273.193C174.94 273.197 175.536 273.127 176.117 272.985L178.279 279.827L136.425 292.941L133.751 284.563ZM145.757 322.471L143.098 314.078L171.978 305.022L168.877 295.224L174.481 293.466C175.092 295.27 175.838 297.026 176.713 298.719C177.5 300.154 178.709 301.314 180.178 302.044C181.278 302.541 182.482 302.768 183.689 302.707C184.287 302.711 184.883 302.641 185.464 302.499L187.627 309.342L145.757 322.471Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M264.615 382.328C262.174 385.448 258.383 387.005 253.243 387C247.721 387 243.649 384.696 241.027 380.088C238.989 376.484 237.97 371.85 237.97 366.186C237.936 363.463 238.078 360.742 238.395 358.038C238.754 354.786 239.751 351.637 241.33 348.77C242.537 346.703 244.222 344.956 246.245 343.672C248.43 342.342 250.955 341.671 253.514 341.742C257.585 341.742 260.831 342.771 263.251 344.831C264.455 345.873 265.436 347.146 266.137 348.573C266.837 350.001 267.244 351.554 267.332 353.141H258.785C258.741 352.307 258.459 351.504 257.972 350.824C257.511 350.147 256.88 349.602 256.143 349.242C255.406 348.882 254.588 348.719 253.769 348.77C250.967 348.77 248.972 350.338 247.785 353.473C247.001 355.956 246.553 358.533 246.454 361.135C247.449 359.924 248.724 358.972 250.17 358.362C252.615 357.444 255.273 357.247 257.827 357.795C260.382 358.343 262.724 359.612 264.575 361.452C267.107 364.198 268.449 367.832 268.307 371.562C268.354 375.46 267.062 379.256 264.645 382.32L264.615 382.328ZM259.521 372.256C259.521 369.702 258.896 367.746 257.648 366.386L257.694 366.379C257.115 365.727 256.402 365.209 255.602 364.861C254.803 364.513 253.937 364.344 253.064 364.364C251.66 364.351 250.294 364.82 249.194 365.691C247.501 366.999 246.655 369.11 246.655 372.025C246.554 374.104 247.215 376.149 248.513 377.779C249.096 378.493 249.835 379.066 250.674 379.452C251.512 379.839 252.428 380.03 253.351 380.011C254.224 380.045 255.091 379.867 255.879 379.491C256.666 379.116 257.35 378.554 257.872 377.856C259.031 376.225 259.611 374.254 259.521 372.256Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M368.6 303.697L359.559 301.001L354.589 317.591L347.374 315.444L326.473 292.436L329.245 283.168L355.494 290.992L356.911 286.25L363.375 288.173L361.958 292.914L371 295.61L368.6 303.697ZM353.095 299.124L334.996 293.718L349.998 309.589L353.095 299.124Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M319.777 198.69C319.397 200.224 318.736 201.675 317.827 202.969C316.93 204.219 315.776 205.263 314.44 206.029C313.105 206.795 311.62 207.266 310.086 207.41C306.819 207.806 303.415 206.715 299.875 204.135C296.334 201.556 294.257 198.654 293.643 195.431C293.318 193.932 293.32 192.38 293.647 190.882C293.974 189.383 294.62 187.971 295.54 186.743C296.499 185.486 297.682 184.418 299.031 183.591C300.512 182.639 302.465 182.299 304.891 182.572C303.879 180.475 303.492 178.132 303.776 175.822C304.092 173.518 304.993 171.333 306.392 169.473C307.419 168.032 308.741 166.826 310.27 165.934C311.8 165.041 313.502 164.484 315.264 164.298C319 163.82 322.848 165.022 326.806 167.906C330.764 170.789 332.999 174.017 333.51 177.59C333.78 179.314 333.7 181.074 333.273 182.767C332.846 184.459 332.082 186.047 331.025 187.438C329.674 189.337 327.852 190.854 325.737 191.84C323.677 192.798 321.362 193.069 319.135 192.612C320.017 194.97 320.231 196.996 319.777 198.69ZM312.66 195.44C312.851 194.751 312.902 194.031 312.81 193.323L312.849 193.33C312.72 192.587 312.437 191.878 312.017 191.25C311.597 190.622 311.049 190.089 310.41 189.685C309.834 189.207 309.163 188.854 308.442 188.651C307.721 188.447 306.964 188.397 306.222 188.503C305.521 188.643 304.854 188.919 304.26 189.317C303.666 189.715 303.157 190.226 302.762 190.821C302.291 191.391 301.938 192.05 301.725 192.758C301.513 193.466 301.444 194.209 301.524 194.945C301.754 196.012 302.282 196.993 303.049 197.772C303.815 198.551 304.788 199.098 305.853 199.348C306.918 199.598 308.033 199.541 309.067 199.184C310.101 198.827 311.013 198.185 311.696 197.331C312.141 196.771 312.468 196.128 312.66 195.44ZM314.257 184.399C315.628 185.394 317.315 185.857 319.004 185.699L319.073 185.7C320.678 185.437 322.117 184.4 323.392 182.587C324.562 181.18 325.137 179.374 324.995 177.551C324.636 175.882 323.674 174.403 322.292 173.396C320.91 172.389 319.204 171.924 317.501 172.091C315.712 172.519 314.162 173.628 313.182 175.181C311.861 176.988 311.319 178.692 311.556 180.294C311.926 181.944 312.886 183.404 314.257 184.399Z" fill="black"/>
+<path d="M173.828 176.177L198.428 159C200.105 161.465 201.225 164.263 201.711 167.202C202.381 170.292 201.778 174.483 199.899 179.776C198.719 182.835 197.777 185.98 197.081 189.183C196.652 191.507 197.155 193.906 198.482 195.864C199.396 197.268 200.787 198.297 202.399 198.76C203.2 198.954 204.035 198.962 204.84 198.786C205.644 198.609 206.398 198.252 207.044 197.741C209.191 196.242 210.091 194.422 209.746 192.281C209.293 190.498 208.505 188.818 207.424 187.33L214.29 182.541C216.313 185.672 217.487 188.522 217.812 191.091C218.436 195.982 216.341 200.101 211.526 203.448C207.723 206.105 203.96 207.166 200.24 206.63C196.519 206.095 193.443 204.1 191.012 200.644C189.184 198.109 188.275 195.029 188.435 191.909C188.707 189.112 189.388 186.37 190.455 183.769L191.879 179.792C192.772 177.305 193.348 175.551 193.606 174.532C193.864 173.524 193.958 172.481 193.885 171.443L178.2 182.394L173.828 176.177Z" fill="black"/>
+<path d="M134 285.029L162.843 275.962L159.747 266.154L165.343 264.392C165.953 266.199 166.698 267.957 167.573 269.652C168.359 271.088 169.567 272.249 171.033 272.981C172.133 273.477 173.335 273.705 174.54 273.645C175.137 273.649 175.733 273.579 176.313 273.437L178.472 280.287L136.671 293.417L134 285.029Z" fill="black"/>
+<path d="M145.99 322.982L143.335 314.579L172.179 305.511L169.082 295.703L174.679 293.942C175.289 295.749 176.034 297.507 176.909 299.202C177.694 300.638 178.902 301.8 180.369 302.531C181.468 303.028 182.67 303.256 183.876 303.195C184.473 303.199 185.068 303.129 185.648 302.986L187.808 309.837L145.99 322.982Z" fill="black"/>
+<path d="M273.78 254.121C273.234 253.498 272.553 253.008 271.788 252.69C271.023 252.371 270.195 252.232 269.367 252.282C266.746 252.282 264.963 253.258 264.018 255.21C263.354 256.934 263.025 258.769 263.051 260.616H254.706C254.845 256.894 255.521 253.887 256.734 251.595C259.036 247.229 263.123 245.046 268.996 245.046C273.64 245.046 277.333 246.333 280.073 248.907C282.814 251.482 284.163 254.857 284.122 259.033C284.161 262.155 283.134 265.197 281.211 267.66C279.404 269.816 277.292 271.696 274.941 273.243L271.488 275.684C269.326 277.229 267.848 278.336 267.053 279.005C266.258 279.687 265.578 280.493 265.041 281.392H284.184V288.96H254.187C254.231 285.982 254.923 283.049 256.216 280.365C257.444 277.45 260.347 274.36 264.924 271.096C267.657 269.267 270.246 267.229 272.665 265.003C274.352 263.345 275.32 261.093 275.359 258.732C275.41 257.052 274.848 255.412 273.78 254.114V254.121Z" fill="black"/>
+<path d="M227.798 252.406C225.915 252.729 224.01 252.91 222.1 252.947L222.101 258.793H232.411V288.945H241.244V245.2H234.045C234.007 245.796 233.895 246.385 233.712 246.953C233.408 248.118 232.829 249.193 232.024 250.089C230.886 251.275 229.411 252.084 227.798 252.406Z" fill="black"/>
 </svg>
diff --git a/public/logo.light.svg b/public/logo.light.svg
index 09bcb73..129f07f 100644
--- a/public/logo.light.svg
+++ b/public/logo.light.svg
@@ -1,20 +1,13 @@
-<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 width="510" height="403" viewBox="0 0 510 403" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M399 111L368.913 133.213C342.147 108.464 307.177 92.4593 268.522 89.7389L255.321 0.0842743L241.713 90.0034C202.825 93.5023 167.804 110.451 141.335 136.16L107.184 110.816L132.62 145.293C109.574 171.342 94.5917 204.689 91.6077 241.424L0.143372 255.265L91.6214 268.733C94.6985 306.181 110.256 340.074 134.119 366.268L106.998 402.998L143.575 375.832C144.131 376.351 144.683 376.874 145.246 377.386C144.739 376.831 144.243 376.269 143.745 375.708L223 316.847C228.769 319.783 234.934 321.866 241.303 323.032L253.499 366.485L265.51 323.072C271.673 321.962 277.652 319.995 283.272 317.228L399.185 402.815L374.952 370.19C401.126 343.336 418.278 307.648 421.462 268.021L509.543 254.946L509.542 254.944L421.51 241.731C418.518 202.798 402.043 167.66 376.752 140.957L399 111ZM363.1 169.072C390.345 196.317 407.184 233.971 407.158 275.573C407.135 311.03 394.859 343.629 374.345 369.377L313.518 287.485C316.478 281.716 318.587 275.55 319.779 269.178L362.671 257.313L319.992 245.556C318.859 238.761 316.686 232.183 313.549 226.052L358.875 165.022C360.307 166.348 361.72 167.693 363.099 169.072H363.1ZM343.099 152.273L283.368 196.372C277.645 193.56 271.55 191.579 265.265 190.489L253.639 148.278L241.723 190.554C235.234 191.717 228.951 193.829 223.075 196.822L166.582 154.898C191.705 136.147 222.86 125.035 256.598 125.014C288.796 124.993 318.625 135.081 343.099 152.273ZM150.169 169.079L193.113 227.288C190.299 233.046 188.323 239.176 187.246 245.492L144.022 257.45L187.432 269.408C188.544 275.305 190.442 281.026 193.077 286.417L135.07 364.983C116.688 340.016 105.827 309.167 105.849 275.764C105.875 234.099 122.815 196.371 150.17 169.081L150.169 169.079Z" fill="#53AAF5"/>
+<path d="M241.303 323.032C234.934 321.866 228.769 319.783 223 316.847L106.998 402.998L193.077 286.417C190.442 281.026 188.544 275.305 187.432 269.408L144.022 257.45L187.246 245.492C188.323 239.176 190.299 233.046 193.113 227.288L107.184 110.816L223.075 196.822C228.951 193.829 235.234 191.717 241.723 190.554L253.639 148.278L265.265 190.489C271.55 191.579 277.645 193.56 283.368 196.372L399 111L313.549 226.052C316.686 232.183 318.859 238.761 319.992 245.556L362.671 257.313L319.779 269.178C318.587 275.55 316.478 281.716 313.518 287.485L399.185 402.815L283.272 317.228C277.652 319.995 271.673 321.962 265.51 323.072L253.499 366.485L241.303 323.032Z" fill="#C86DCD"/>
+<path d="M379.21 216.709L333.395 153.914L259.259 130V189.94L321.908 235.246L379.21 216.709ZM319.761 198.325C319.381 199.858 318.719 201.307 317.808 202.599C316.911 203.848 315.755 204.89 314.417 205.656C313.08 206.421 311.593 206.891 310.058 207.035C306.787 207.431 303.379 206.341 299.834 203.764C296.289 201.187 294.209 198.289 293.594 195.07C293.269 193.572 293.271 192.023 293.598 190.526C293.926 189.029 294.572 187.619 295.494 186.392C296.454 185.137 297.639 184.069 298.989 183.244C300.472 182.292 302.428 181.953 304.856 182.225C303.843 180.131 303.456 177.791 303.74 175.484C304.057 173.182 304.958 171 306.36 169.142C307.388 167.703 308.711 166.498 310.243 165.607C311.774 164.716 313.478 164.159 315.243 163.973C318.984 163.495 322.836 164.697 326.799 167.577C330.762 170.457 333 173.681 333.511 177.25C333.782 178.972 333.702 180.73 333.274 182.42C332.847 184.11 332.081 185.697 331.023 187.086C329.671 188.983 327.847 190.498 325.729 191.483C323.666 192.44 321.348 192.71 319.119 192.254C320.002 194.61 320.215 196.633 319.761 198.325ZM312.786 192.964C312.878 193.672 312.827 194.391 312.635 195.078C312.443 195.766 312.115 196.409 311.67 196.968C310.986 197.82 310.073 198.462 309.038 198.819C308.002 199.175 306.886 199.232 305.82 198.982C304.753 198.732 303.779 198.187 303.012 197.408C302.245 196.629 301.715 195.65 301.485 194.584C301.405 193.85 301.474 193.107 301.687 192.4C301.9 191.692 302.253 191.034 302.725 190.465C303.12 189.871 303.63 189.36 304.225 188.963C304.819 188.565 305.487 188.289 306.189 188.15C306.933 188.044 307.69 188.094 308.412 188.298C309.134 188.501 309.806 188.853 310.383 189.331C311.023 189.734 311.57 190.267 311.991 190.894C312.412 191.521 312.696 192.229 312.825 192.972L312.786 192.964ZM318.987 185.35C317.297 185.507 315.607 185.045 314.234 184.051C312.861 183.057 311.9 181.599 311.53 179.95C311.292 178.351 311.835 176.648 313.157 174.843C314.139 173.292 315.691 172.184 317.483 171.757C319.188 171.591 320.895 172.054 322.279 173.06C323.663 174.066 324.626 175.543 324.986 177.211C325.128 179.032 324.553 180.836 323.381 182.241C322.105 184.052 320.663 185.088 319.056 185.35H318.987ZM246.857 189.94V130L172.721 153.914L126.906 216.709L184.208 235.223L246.857 189.94ZM173.628 175.838L198.26 158.681C199.939 161.143 201.061 163.939 201.547 166.874C202.218 169.96 201.614 174.146 199.733 179.433C198.551 182.488 197.608 185.63 196.912 188.829C196.481 191.151 196.985 193.547 198.314 195.502C199.229 196.905 200.621 197.932 202.236 198.395C203.038 198.588 203.874 198.597 204.68 198.421C205.485 198.244 206.24 197.887 206.886 197.377C209.036 195.88 209.938 194.062 209.592 191.923C209.138 190.143 208.349 188.465 207.267 186.978L214.142 182.195C216.167 185.322 217.343 188.168 217.668 190.735C218.293 195.62 216.195 199.735 211.375 203.078C207.566 205.731 203.799 206.791 200.074 206.256C196.348 205.721 193.269 203.728 190.835 200.277C189.004 197.745 188.094 194.668 188.254 191.552C188.527 188.758 189.208 186.019 190.277 183.422L191.703 179.449C192.597 176.965 193.173 175.213 193.431 174.196C193.69 173.188 193.784 172.147 193.711 171.11L178.007 182.048L173.628 175.838ZM215.683 315.197H290.432L313.514 244.441L253.058 200.709L192.602 244.442L215.683 315.197ZM273.706 253.691C273.16 253.069 272.478 252.58 271.712 252.262C270.946 251.943 270.117 251.804 269.288 251.855C266.663 251.855 264.878 252.83 263.932 254.779C263.267 256.501 262.938 258.334 262.964 260.178H254.608C254.748 256.461 255.424 253.457 256.639 251.168C258.944 246.807 263.036 244.627 268.917 244.627C273.567 244.627 277.264 245.912 280.007 248.484C282.751 251.055 284.103 254.426 284.062 258.597C284.1 261.716 283.072 264.754 281.147 267.214C279.338 269.367 277.223 271.246 274.869 272.791L271.412 275.229C269.247 276.772 267.767 277.878 266.971 278.546C266.175 279.228 265.494 280.033 264.956 280.93H284.123V288.49H254.089C254.133 285.515 254.826 282.586 256.12 279.904C257.35 276.993 260.256 273.907 264.839 270.646C267.576 268.819 270.168 266.784 272.59 264.56C274.279 262.905 275.248 260.655 275.288 258.296C275.338 256.619 274.776 254.981 273.706 253.684V253.691ZM221.962 252.519C223.874 252.482 225.781 252.301 227.666 251.978C229.282 251.657 230.759 250.849 231.898 249.664C232.704 248.769 233.283 247.695 233.588 246.532C233.772 245.964 233.884 245.376 233.921 244.781H241.13V288.475H232.286V258.358H221.962V252.511V252.519ZM214.304 327.54L178.922 376.086L253.058 400L327.194 376.086L291.812 327.54H214.304ZM264.53 381.748C262.086 384.864 258.29 386.42 253.144 386.415C247.614 386.415 243.537 384.114 240.913 379.511C238.872 375.911 237.851 371.282 237.851 365.625C237.817 362.906 237.96 360.187 238.277 357.486C238.636 354.239 239.635 351.093 241.215 348.229C242.424 346.165 244.111 344.42 246.137 343.138C248.325 341.809 250.852 341.139 253.415 341.209C257.491 341.209 260.741 342.238 263.165 344.295C264.369 345.336 265.352 346.607 266.053 348.033C266.755 349.459 267.162 351.01 267.25 352.596H258.693C258.648 351.763 258.366 350.96 257.879 350.281C257.417 349.605 256.785 349.061 256.047 348.701C255.31 348.341 254.49 348.179 253.67 348.229C250.865 348.229 248.868 349.795 247.679 352.927C246.894 355.408 246.445 357.981 246.346 360.58C247.342 359.37 248.619 358.42 250.067 357.811C252.515 356.893 255.176 356.697 257.734 357.244C260.291 357.791 262.637 359.059 264.49 360.896C267.025 363.64 268.368 367.27 268.226 370.994C268.274 374.888 266.98 378.68 264.56 381.74L264.53 381.748ZM257.554 365.825C258.804 367.183 259.429 369.138 259.429 371.689C259.52 373.684 258.939 375.652 257.778 377.281C257.256 377.979 256.571 378.54 255.783 378.915C254.994 379.29 254.126 379.468 253.252 379.434C252.328 379.453 251.411 379.262 250.571 378.876C249.732 378.49 248.992 377.918 248.408 377.204C247.108 375.577 246.446 373.534 246.547 371.457C246.547 368.546 247.395 366.437 249.09 365.131C250.191 364.261 251.559 363.793 252.965 363.805C253.838 363.785 254.705 363.955 255.506 364.302C256.306 364.65 257.021 365.167 257.6 365.818L257.554 365.825ZM334.999 293.242L353.121 298.642L350.02 309.095L334.999 293.242ZM325.698 246.956L301.771 320.241L337.185 368.757L383 305.994V228.45L325.698 246.956ZM368.645 303.209L359.593 300.516L354.616 317.087L347.393 314.942L326.466 291.961L329.241 282.704L355.523 290.519L356.942 285.782L363.414 287.704L361.995 292.439L371.048 295.132L368.645 303.209ZM180.301 246.956L123 228.442V306.032L168.815 368.796L204.228 320.28L180.301 246.956ZM133.751 284.563L162.63 275.506L159.53 265.71L165.134 263.951C165.744 265.755 166.491 267.511 167.366 269.204C168.153 270.638 169.362 271.799 170.831 272.529C171.931 273.025 173.135 273.253 174.342 273.193C174.94 273.197 175.536 273.127 176.117 272.985L178.279 279.827L136.425 292.941L133.751 284.563ZM145.757 322.471L143.098 314.078L171.978 305.022L168.877 295.224L174.481 293.466C175.092 295.27 175.838 297.026 176.713 298.719C177.5 300.154 178.709 301.314 180.178 302.044C181.278 302.541 182.482 302.768 183.689 302.707C184.287 302.711 184.883 302.641 185.464 302.499L187.627 309.342L145.757 322.471Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M264.615 382.328C262.174 385.448 258.383 387.005 253.243 387C247.721 387 243.649 384.696 241.027 380.088C238.989 376.484 237.97 371.85 237.97 366.186C237.936 363.463 238.078 360.742 238.395 358.038C238.754 354.786 239.751 351.637 241.33 348.77C242.537 346.703 244.222 344.956 246.245 343.672C248.43 342.342 250.955 341.671 253.514 341.742C257.585 341.742 260.831 342.771 263.251 344.831C264.455 345.873 265.436 347.146 266.137 348.573C266.837 350.001 267.244 351.554 267.332 353.141H258.785C258.741 352.307 258.459 351.504 257.972 350.824C257.511 350.147 256.88 349.602 256.143 349.242C255.406 348.882 254.588 348.719 253.769 348.77C250.967 348.77 248.972 350.338 247.785 353.473C247.001 355.956 246.553 358.533 246.454 361.135C247.449 359.924 248.724 358.972 250.17 358.362C252.615 357.444 255.273 357.247 257.827 357.795C260.382 358.343 262.724 359.612 264.575 361.452C267.107 364.198 268.449 367.832 268.307 371.562C268.354 375.46 267.062 379.256 264.645 382.32L264.615 382.328ZM259.521 372.256C259.521 369.702 258.896 367.746 257.648 366.386L257.694 366.379C257.115 365.727 256.402 365.209 255.602 364.861C254.803 364.513 253.937 364.344 253.064 364.364C251.66 364.351 250.294 364.82 249.194 365.691C247.501 366.999 246.655 369.11 246.655 372.025C246.554 374.104 247.215 376.149 248.513 377.779C249.096 378.493 249.835 379.066 250.674 379.452C251.512 379.839 252.428 380.03 253.351 380.011C254.224 380.045 255.091 379.867 255.879 379.491C256.666 379.116 257.35 378.554 257.872 377.856C259.031 376.225 259.611 374.254 259.521 372.256Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M368.6 303.697L359.559 301.001L354.589 317.591L347.374 315.444L326.473 292.436L329.245 283.168L355.494 290.992L356.911 286.25L363.375 288.173L361.958 292.914L371 295.61L368.6 303.697ZM353.095 299.124L334.996 293.718L349.998 309.589L353.095 299.124Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M319.777 198.69C319.397 200.224 318.736 201.675 317.827 202.969C316.93 204.219 315.776 205.263 314.44 206.029C313.105 206.795 311.62 207.266 310.086 207.41C306.819 207.806 303.415 206.715 299.875 204.135C296.334 201.556 294.257 198.654 293.643 195.431C293.318 193.932 293.32 192.38 293.647 190.882C293.974 189.383 294.62 187.971 295.54 186.743C296.499 185.486 297.682 184.418 299.031 183.591C300.512 182.639 302.465 182.299 304.891 182.572C303.879 180.475 303.492 178.132 303.776 175.822C304.092 173.518 304.993 171.333 306.392 169.473C307.419 168.032 308.741 166.826 310.27 165.934C311.8 165.041 313.502 164.484 315.264 164.298C319 163.82 322.848 165.022 326.806 167.906C330.764 170.789 332.999 174.017 333.51 177.59C333.78 179.314 333.7 181.074 333.273 182.767C332.846 184.459 332.082 186.047 331.025 187.438C329.674 189.337 327.852 190.854 325.737 191.84C323.677 192.798 321.362 193.069 319.135 192.612C320.017 194.97 320.231 196.996 319.777 198.69ZM312.66 195.44C312.851 194.751 312.902 194.031 312.81 193.323L312.849 193.33C312.72 192.587 312.437 191.878 312.017 191.25C311.597 190.622 311.049 190.089 310.41 189.685C309.834 189.207 309.163 188.854 308.442 188.651C307.721 188.447 306.964 188.397 306.222 188.503C305.521 188.643 304.854 188.919 304.26 189.317C303.666 189.715 303.157 190.226 302.762 190.821C302.291 191.391 301.938 192.05 301.725 192.758C301.513 193.466 301.444 194.209 301.524 194.945C301.754 196.012 302.282 196.993 303.049 197.772C303.815 198.551 304.788 199.098 305.853 199.348C306.918 199.598 308.033 199.541 309.067 199.184C310.101 198.827 311.013 198.185 311.696 197.331C312.141 196.771 312.468 196.128 312.66 195.44ZM314.257 184.399C315.628 185.394 317.315 185.857 319.004 185.699L319.073 185.7C320.678 185.437 322.117 184.4 323.392 182.587C324.562 181.18 325.137 179.374 324.995 177.551C324.636 175.882 323.674 174.403 322.292 173.396C320.91 172.389 319.204 171.924 317.501 172.091C315.712 172.519 314.162 173.628 313.182 175.181C311.861 176.988 311.319 178.692 311.556 180.294C311.926 181.944 312.886 183.404 314.257 184.399Z" fill="white"/>
+<path d="M173.828 176.177L198.428 159C200.105 161.465 201.225 164.263 201.711 167.202C202.381 170.292 201.778 174.483 199.899 179.776C198.719 182.835 197.777 185.98 197.081 189.183C196.652 191.507 197.155 193.906 198.482 195.864C199.396 197.268 200.787 198.297 202.399 198.76C203.2 198.954 204.035 198.962 204.84 198.786C205.644 198.609 206.398 198.252 207.044 197.741C209.191 196.242 210.091 194.422 209.746 192.281C209.293 190.498 208.505 188.818 207.424 187.33L214.29 182.541C216.313 185.672 217.487 188.522 217.812 191.091C218.436 195.982 216.341 200.101 211.526 203.448C207.723 206.105 203.96 207.166 200.24 206.63C196.519 206.095 193.443 204.1 191.012 200.644C189.184 198.109 188.275 195.029 188.435 191.909C188.707 189.112 189.388 186.37 190.455 183.769L191.879 179.792C192.772 177.305 193.348 175.551 193.606 174.532C193.864 173.524 193.958 172.481 193.885 171.443L178.2 182.394L173.828 176.177Z" fill="white"/>
+<path d="M134 285.029L162.843 275.962L159.747 266.154L165.343 264.392C165.953 266.199 166.698 267.957 167.573 269.652C168.359 271.088 169.567 272.249 171.033 272.981C172.133 273.477 173.335 273.705 174.54 273.645C175.137 273.649 175.733 273.579 176.313 273.437L178.472 280.287L136.671 293.417L134 285.029Z" fill="white"/>
+<path d="M145.99 322.982L143.335 314.579L172.179 305.511L169.082 295.703L174.679 293.942C175.289 295.749 176.034 297.507 176.909 299.202C177.694 300.638 178.902 301.8 180.369 302.531C181.468 303.028 182.67 303.256 183.876 303.195C184.473 303.199 185.068 303.129 185.648 302.986L187.808 309.837L145.99 322.982Z" fill="white"/>
+<path d="M273.78 254.121C273.234 253.498 272.553 253.008 271.788 252.69C271.023 252.371 270.195 252.232 269.367 252.282C266.746 252.282 264.963 253.258 264.018 255.21C263.354 256.934 263.025 258.769 263.051 260.616H254.706C254.845 256.894 255.521 253.887 256.734 251.595C259.036 247.229 263.123 245.046 268.996 245.046C273.64 245.046 277.333 246.333 280.073 248.907C282.814 251.482 284.163 254.857 284.122 259.033C284.161 262.155 283.134 265.197 281.211 267.66C279.404 269.816 277.292 271.696 274.941 273.243L271.488 275.684C269.326 277.229 267.848 278.336 267.053 279.005C266.258 279.687 265.578 280.493 265.041 281.392H284.184V288.96H254.187C254.231 285.982 254.923 283.049 256.216 280.365C257.444 277.45 260.347 274.36 264.924 271.096C267.657 269.267 270.246 267.229 272.665 265.003C274.352 263.345 275.32 261.093 275.359 258.732C275.41 257.052 274.848 255.412 273.78 254.114V254.121Z" fill="white"/>
+<path d="M227.798 252.406C225.915 252.729 224.01 252.91 222.1 252.947L222.101 258.793H232.411V288.945H241.244V245.2H234.045C234.007 245.796 233.895 246.385 233.712 246.953C233.408 248.118 232.829 249.193 232.024 250.089C230.886 251.275 229.411 252.084 227.798 252.406Z" fill="white"/>
 </svg>
diff --git a/types/general.d.ts b/types/general.d.ts
new file mode 100644
index 0000000..05368ec
--- /dev/null
+++ b/types/general.d.ts
@@ -0,0 +1,15 @@
+export type Preferences = {
+    markdown: MarkdownPreferences,
+    canvas: CanvasPreferences,
+} & GeneralPreferences;
+
+type GeneralPreferences = {
+
+};
+type MarkdownPreferences = {
+    editing: 'split' |'reading' | 'editing';
+};
+type CanvasPreferences = {
+    snap: boolean;
+    size?: number;
+};
\ No newline at end of file