From 6ce876ab037b61ce2d931d2210a8c588b432de97 Mon Sep 17 00:00:00 2001
From: matthieu42morin <matthieu.bernard.morin@gmail.com>
Date: Sun, 28 Apr 2024 01:19:43 +0200
Subject: [PATCH] Hero

---
 src/lib/components/home/HeroSection.svelte | 111 +++++++++++----------
 1 file changed, 57 insertions(+), 54 deletions(-)

diff --git a/src/lib/components/home/HeroSection.svelte b/src/lib/components/home/HeroSection.svelte
index 742cc24..684bfc9 100644
--- a/src/lib/components/home/HeroSection.svelte
+++ b/src/lib/components/home/HeroSection.svelte
@@ -1,66 +1,50 @@
 <script lang="ts">
-    import QuickLinks from '$lib/components/home/QuickLinks.svelte';
+	import QuickLinks from '$lib/components/home/QuickLinks.svelte';
 </script>
-    <section class="grid grid-cols-1 lg:grid-cols-2 mx-4">
-		<!-- Text and links-->
-		<div class="order-1 max-w-3/4 space-y-8">
-			<h1 class="h1">Hello, I&#39;m Matt.</h1>
 
-			<p class="text-xl opacity-75" data-svelte-h="svelte-169iyno">
-				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-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>
-            <QuickLinks />
-			
-		</div>
-		<!-- Logo and buttons-->
-		<div class="order-2 hidden lg:block">
-			<figure class="items-center">
+<section class="grid grid-cols-1 lg:grid-cols-2 items-center mx-4">
+	<!-- Text and links-->
+	<div class="order-1 max-w-3/4 space-y-8">
+		<h1 class="h1">Hello, I&#39;m Matt.</h1>
+
+		<p class="text-xl opacity-75">
+			A 🧠 that consumes ⚡️ and produces 👾 bug$... No sorry, produces code that works 100%
+			of the time. Really.
+
+			<br /> Usually, this creature you are reading about exhibits "passion" for innovation
+			and change. It gets dopamine and reward stimuli from solving problems ~~~ the "Ahaa"
+			moments ~~~ <br />although the 👾 bugs produce different emotions sometimes.
+
+			<br />Matt's main professional exploits are:
+			<br /><span
+				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, Web, AI & IoT</span
+			>
+		</p>
+		<QuickLinks />
+	</div>
+	<!-- Logo and buttons-->
+	<div class="order-2 hidden lg:block">
+		<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 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"
-				>
-					Get my CV
-				</a>
-			</div>
-		</div>
-		<div class="order-2 flex justify-center lg:hidden space-x-2 m-4">
+			</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-mob"
+				rel="personal"
 			>
 				Look at my code
 			</a>
@@ -68,12 +52,31 @@
 				class="btn variant-ghost-primary"
 				href="/CV_Matthieu_Morin.pdf"
 				target="_blank"
-				rel="cv-mob"
+				rel="cv"
 			>
-				Download my CV
+				Get my CV
 			</a>
 		</div>
-	</section>
+	</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>
 
 <style lang="postcss">
 	figure {