diff --git a/src/lib/components/footer.svelte b/src/lib/components/main/footer.svelte
similarity index 56%
rename from src/lib/components/footer.svelte
rename to src/lib/components/main/footer.svelte
index b0bee85..a6de8dc 100644
--- a/src/lib/components/footer.svelte
+++ b/src/lib/components/main/footer.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import SocialsCloud from '$lib/components/main/SocialsCloud.svelte';
+
   import { site } from '$lib/config/site'
   import { footer as footerConfig } from '$lib/config/general'
   let className: string | undefined = undefined
@@ -28,6 +30,12 @@
         : new Date().toJSON().substring(0, 4)}
       {site.author.name}
       <br />
+      <br />The code of this site is
+				<a
+					class="font-bold anchor"
+					href="https://git.mattmor.in/Madmin/its-personal/src/branch/master/LICENSE"
+					>MIT Licensed</a
+				>.
       Powered by
       <a
         rel="noopener noreferrer external"
@@ -44,3 +52,32 @@
     </p>
   </div>
 </footer>
+
+<script lang="ts">
+	import GiteaLogo from '$lib/assets/logos/GiteaLogo.svelte';
+
+
+	const year = new Date().getFullYear();
+</script>
+
+<footer
+	class="page-footer bg-surface-50 dark:bg-surface-900 border-t border-surface-500/10 text-xs mt-4 md:text-base"
+>
+	<SocialsCloud />
+	<hr class="opacity-20" />
+	<div class="w-full max-w-7xl mx-auto p-4 md:py-8 flex items-center justify-center">
+		<!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> -->
+		<a class="items-center md:justify-start justify-center" href="/">
+			<p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4 text-center">
+				All content, unless otherwise stated,
+				<br />by Matthieu Morin, is under copyright © {year},
+				<br />all of it licensed under
+				<a
+					class="anchor font-bold"
+					href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a
+				>.
+				
+			</p>
+		</a>
+	</div>
+</footer>
diff --git a/src/lib/components/head.svelte b/src/lib/components/main/head.svelte
similarity index 95%
rename from src/lib/components/head.svelte
rename to src/lib/components/main/head.svelte
index 5595bbc..3871eca 100644
--- a/src/lib/components/head.svelte
+++ b/src/lib/components/main/head.svelte
@@ -2,7 +2,7 @@
   import { dev } from '$app/environment'
   import { head } from '$lib/config/general'
   import { site } from '$lib/config/site'
-  import OpenGraph from '$lib/components/head_opengraph.svelte'
+  import OpenGraph from '$lib/components/main/head_opengraph.svelte'
   export let post: Urara.Post | undefined = undefined
   export let page: Urara.Page | undefined = undefined
 </script>
diff --git a/src/lib/components/head_icon.svelte b/src/lib/components/main/head_icon.svelte
similarity index 100%
rename from src/lib/components/head_icon.svelte
rename to src/lib/components/main/head_icon.svelte
diff --git a/src/lib/components/head_opengraph.svelte b/src/lib/components/main/head_opengraph.svelte
similarity index 100%
rename from src/lib/components/head_opengraph.svelte
rename to src/lib/components/main/head_opengraph.svelte
diff --git a/src/lib/components/head_static.svelte b/src/lib/components/main/head_static.svelte
similarity index 76%
rename from src/lib/components/head_static.svelte
rename to src/lib/components/main/head_static.svelte
index b5cd2be..88105cf 100644
--- a/src/lib/components/head_static.svelte
+++ b/src/lib/components/main/head_static.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
   import { head } from '$lib/config/general'
+  import { site } from '$lib/config/site'
   import { post } from '$lib/config/post'
-  import Icon from '$lib/components/head_icon.svelte'
+  import Icon from '$lib/components/main/head_icon.svelte'
 </script>
 
 <svelte:head>
+  <meta name="theme-color" content={site.themeColor} />
   {#if head.me}
     {#each head.me as href}
       <link rel="me" {href} />
diff --git a/src/lib/components/header.svelte b/src/lib/components/main/header.svelte
similarity index 97%
rename from src/lib/components/header.svelte
rename to src/lib/components/main/header.svelte
index 5406be9..201f890 100644
--- a/src/lib/components/header.svelte
+++ b/src/lib/components/main/header.svelte
@@ -6,8 +6,8 @@
   import { title as storedTitle } from '$lib/stores/title'
   import { header as headerConfig } from '$lib/config/general'
   import { hslToHex } from '$lib/utils/color'
-  import Nav from '$lib/components/header_nav.svelte'
-  import Search from '$lib/components/header_search.svelte'
+  import Nav from '$lib/components/main/header_nav.svelte'
+  import Search from '$lib/components/main/header_search.svelte'
   export let path: string
   let title: string
   let currentTheme: string
diff --git a/src/lib/components/header_nav.svelte b/src/lib/components/main/header_nav.svelte
similarity index 100%
rename from src/lib/components/header_nav.svelte
rename to src/lib/components/main/header_nav.svelte
diff --git a/src/lib/components/header_search.svelte b/src/lib/components/main/header_search.svelte
similarity index 100%
rename from src/lib/components/header_search.svelte
rename to src/lib/components/main/header_search.svelte