Madmin
/
old-portfolio-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hero

This commit is contained in:
matthieu42morin 2024-04-28 01:19:43 +02:00
parent 0170618b67
commit 6ce876ab03
1 changed files with 57 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
src/lib/components/home/HeroSection.svelte
View File

@ -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 {