diff --git a/src/lib/components/logos/GiteaLogo.svelte b/src/lib/components/logos/GiteaLogo.svelte
index bdf869e..7a21aae 100644
--- a/src/lib/components/logos/GiteaLogo.svelte
+++ b/src/lib/components/logos/GiteaLogo.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	let clazz = 'w-8 md:w-14';
+	export let clazz = 'w-8 md:w-14 ';
 </script>
 
 <svg class={clazz} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"
diff --git a/src/lib/components/projects/ProjectsContentLayout.svelte b/src/lib/components/projects/ProjectsContentLayout.svelte
new file mode 100644
index 0000000..26695ae
--- /dev/null
+++ b/src/lib/components/projects/ProjectsContentLayout.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import type { Project } from '$lib/types/projects';
+	import ProjectContentLayout from '../blog/PostLayout.svelte';
+
+	export let post: Project;
+</script>
+
+<ProjectContentLayout {...post} imagesDirectoryName="blog">
+	<slot />
+</ProjectContentLayout>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9e006a6..359a098 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,18 +1,5 @@
 <script lang="ts">
-	import { Avatar } from '@skeletonlabs/skeleton';
 	import SkillContainer from '$lib/components/SkillContainer.svelte';
-
-	const socialLinks = [
-		{
-			title: 'LinkedIn',
-			href: 'https://www.linkedin.com/in/matthieu-morin-7524731a9/',
-			icon: 'fa-brands fa-linkedin'
-		},
-		{ title: 'Matrix', href: '', icon: './MatrixLogo' },
-		{ title: 'Gitea', href: 'https://git.mattmor.in', icon: './GiteaLogo' },
-		{ title: 'X (Twitter)', href: 'https://x.com/SkeletonUI', icon: 'fa-brands fa-x-twitter' },
-		{ title: 'RSS', href: '/blog/feed', icon: 'fa-regular fa-square-rss' }
-	];
 	import * as config from '$lib/config';
 	import GiteaLogo from '$lib/components/logos/GiteaLogo.svelte';
 </script>
@@ -28,7 +15,7 @@
 	<meta property="og:image" content="/images/profile-pic.png" />
 </svelte:head>
 
-<div class="container h-full mx-auto flex-col justify-center items-center md:w-3/4">
+<div class="mt-24 container h-full mx-auto flex-col justify-center items-center md:w-3/4">
 	<!-- <div class="space-y-10 mt-4 text-center flex flex-col items-center">
 		<h1 class="h1">I make the wheels turn.</h1>
 		
@@ -50,38 +37,19 @@
 		<h2 class="h2">My github contributions</h2>
 	</div> -->
 
-	<section class="grid grid-cols-1 md:grid-cols-2 space-y-4 mx-4">
-		<!-- Logo and buttons-->
-		<div class="order-2">
-			<figure>
-				<section class="img-bg w-32 aspect-square md:w-[400px]" />
-				<img
-					class="rounded-full hidden md:w-24 md:block aspect-square overflow-hidden shadow-xl"
-					src="/images/profile-pic.png"
-					alt="Profile picture"
-				/>
-			</figure>
-			<div class="flex justify-center space-x-2">
-				<a class="btn variant-ghost-primary" href="/blog" target="_blank" rel="noreferrer">
-					Look at my blog
-				</a>
-				<a class="btn variant-ghost-primary" href="/blog" target="_blank" rel="noreferrer">
-					Download my CV
-				</a>
-			</div>
-		</div>
+	<section class="grid grid-cols-1 lg:grid-cols-2 space-y-4 mx-4">
 		<!-- Text and links-->
-		<div class="order-1 max-w-2xl space-y-8">
+		<div class="order-1 max-w-3/4 space-y-8">
 			<h1 class="h1">Hello, I&#39;m Matt.</h1>
 
 			<p class="text-2xl opacity-75" data-svelte-h="svelte-169iyno">
-				A dev with an array of skills from from frontend and design to devops. I have a
-				strong passion for innovation and change in tech, automation ♾️ and solving 👾
-				problems .
+				A dev with an array of skills from from frontend and devops to design. I have a
+				strong passion for innovation and change in tech, automation and solving 👾 problems
+				.
 				<br />From wearing a lot of 🤠 hats in past projects and startups I became a
 				generalist, now I am actively deepening my knowledge in software:
 				<span
-					class=" text-4xl bg-gradient-to-r from-primary-400 via-secondary-400 to-tertiary-400 text-transparent bg-clip-text"
+					class=" text-4xl bg-gradient-to-r from-primary-800 via-secondary-900 to-tertiary-900 dark:from-primary-400 dark:via-secondary-400 dark:to-tertiary-400 text-transparent bg-clip-text"
 					>DevOps, CyberSec and AI.</span
 				>
 			</p>
@@ -110,31 +78,63 @@
 				</a>
 			</div>
 		</div>
+		<!-- Logo and buttons-->
+		<div class="order-2 hidden lg:block m-4">
+			<figure class="items-center">
+				<img
+					class="rounded-10 w-64 overflow-hidden"
+					src="/images/profile-pic.png"
+					alt="Profile"
+				/>
+				<section class="img-bg w-64">
+					<img
+						class="rounded-10 w-64 overflow-hidden"
+						src="/images/profile-pic.png"
+						alt="Profile"
+					/>
+				</section>
+			</figure>
+			<div class="flex justify-center space-x-2 m-4">
+				<a
+					class="btn variant-ghost-primary"
+					href="https://git.mattmor.in"
+					target="_blank"
+					rel="personal"
+				>
+					Look at my code
+				</a>
+				<a
+					class="btn variant-ghost-primary"
+					href="/CV_Matthieu_Morin.pdf"
+					target="_blank"
+					rel="cv"
+				>
+					Download my CV
+				</a>
+			</div>
+		</div>
+		<div class="order-2 flex justify-center lg:hidden space-x-2 m-4">
+			<a
+				class="btn variant-ghost-primary"
+				href="https://git.mattmor.in"
+				target="_blank"
+				rel="personal-mob"
+			>
+				Look at my code
+			</a>
+			<a
+				class="btn variant-ghost-primary"
+				href="/CV_Matthieu_Morin.pdf"
+				target="_blank"
+				rel="cv-mob"
+			>
+				Download my CV
+			</a>
+		</div>
 	</section>
 
 	<SkillContainer />
 
-	<section data-svelte-h="svelte-191ndy9">
-		<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 text-center md:text-left">
-			<div class="space-y-1">
-				<span class="font-heading-token text-7xl">20+</span>
-				<p class="text-primary-500">Years Experience</p>
-			</div>
-			<div class="space-y-1">
-				<span class="font-heading-token text-7xl">100+</span>
-				<p class="text-primary-500">Contributions</p>
-			</div>
-			<div class="space-y-1">
-				<span class="font-heading-token text-7xl">10k+</span>
-				<p class="text-primary-500">Commits</p>
-			</div>
-			<div class="space-y-1">
-				<span class="font-heading-token text-7xl">3k+</span>
-				<p class="text-primary-500">GitHub Stars</p>
-			</div>
-		</div>
-	</section>
-
 	<section class="grid grid-cols-1 md:grid-cols-3 gap-4 lg:gap-8" data-svelte-h="svelte-1u9sn7t">
 		<div class="card variant-ringed-hollow p-4 md:p-8 space-y-4">
 			<i class="fa-solid fa-screwdriver-wrench text-4xl text-primary-500" />
@@ -190,7 +190,4 @@
 			transform: scale(1.5);
 		}
 	}
-	.quick-link {
-		@apply btn btn-icon variant-soft-primary hover:variant-filled-primary;
-	}
 </style>
diff --git a/src/routes/random/+page.svelte b/src/routes/random/+page.svelte
new file mode 100644
index 0000000..cddfc66
--- /dev/null
+++ b/src/routes/random/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { time } from '$lib/stores/stores';
+
+	const formatter = new Intl.DateTimeFormat('en', {
+		hour12: true,
+		hour: 'numeric',
+		minute: '2-digit',
+		second: '2-digit'
+	});
+</script>
+
+<h1>The time is {formatter.format($time)}</h1>
diff --git a/src/routes/sitemap.xml/+server.ts b/src/routes/sitemap.xml/+server.ts
index 00532ae..0fe9195 100644
--- a/src/routes/sitemap.xml/+server.ts
+++ b/src/routes/sitemap.xml/+server.ts
@@ -36,7 +36,7 @@ export const GET = async () => {
 		})
 		.map((page) => {
 			return page
-				.replace('/src/routes', 'https://www.gitpod.io')
+				.replace('/src/routes', 'https://mattmor.in')
 				.replace('/index.md', '/')
 				.replace('.md', '/')
 				.replace('/index.svelte', '/')
diff --git a/static/CV_Matthieu_Morin.pdf b/static/CV_Matthieu_Morin.pdf
new file mode 100644
index 0000000..1685126
Binary files /dev/null and b/static/CV_Matthieu_Morin.pdf differ