Generic content updates - CV, sitemap, projectcontentlayout
This commit is contained in:
parent
63b6bccf94
commit
8265e41250
|
@ -1,5 +1,5 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
let clazz = 'w-8 md:w-14';
|
export let clazz = 'w-8 md:w-14 ';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svg class={clazz} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"
|
<svg class={clazz} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"
|
||||||
|
|
|
@ -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>
|
|
@ -1,18 +1,5 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Avatar } from '@skeletonlabs/skeleton';
|
|
||||||
import SkillContainer from '$lib/components/SkillContainer.svelte';
|
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 * as config from '$lib/config';
|
||||||
import GiteaLogo from '$lib/components/logos/GiteaLogo.svelte';
|
import GiteaLogo from '$lib/components/logos/GiteaLogo.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
@ -28,7 +15,7 @@
|
||||||
<meta property="og:image" content="/images/profile-pic.png" />
|
<meta property="og:image" content="/images/profile-pic.png" />
|
||||||
</svelte:head>
|
</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">
|
<!-- <div class="space-y-10 mt-4 text-center flex flex-col items-center">
|
||||||
<h1 class="h1">I make the wheels turn.</h1>
|
<h1 class="h1">I make the wheels turn.</h1>
|
||||||
|
|
||||||
|
@ -50,38 +37,19 @@
|
||||||
<h2 class="h2">My github contributions</h2>
|
<h2 class="h2">My github contributions</h2>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<section class="grid grid-cols-1 md:grid-cols-2 space-y-4 mx-4">
|
<section class="grid grid-cols-1 lg: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>
|
|
||||||
<!-- Text and links-->
|
<!-- 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'm Matt.</h1>
|
<h1 class="h1">Hello, I'm Matt.</h1>
|
||||||
|
|
||||||
<p class="text-2xl opacity-75" data-svelte-h="svelte-169iyno">
|
<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
|
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 👾
|
strong passion for innovation and change in tech, automation and solving 👾 problems
|
||||||
problems .
|
.
|
||||||
<br />From wearing a lot of 🤠 hats in past projects and startups I became a
|
<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:
|
generalist, now I am actively deepening my knowledge in software:
|
||||||
<span
|
<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
|
>DevOps, CyberSec and AI.</span
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
|
@ -110,31 +78,63 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</section>
|
||||||
|
|
||||||
<SkillContainer />
|
<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">
|
<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">
|
<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" />
|
<i class="fa-solid fa-screwdriver-wrench text-4xl text-primary-500" />
|
||||||
|
@ -190,7 +190,4 @@
|
||||||
transform: scale(1.5);
|
transform: scale(1.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.quick-link {
|
|
||||||
@apply btn btn-icon variant-soft-primary hover:variant-filled-primary;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -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>
|
|
@ -36,7 +36,7 @@ export const GET = async () => {
|
||||||
})
|
})
|
||||||
.map((page) => {
|
.map((page) => {
|
||||||
return page
|
return page
|
||||||
.replace('/src/routes', 'https://www.gitpod.io')
|
.replace('/src/routes', 'https://mattmor.in')
|
||||||
.replace('/index.md', '/')
|
.replace('/index.md', '/')
|
||||||
.replace('.md', '/')
|
.replace('.md', '/')
|
||||||
.replace('/index.svelte', '/')
|
.replace('/index.svelte', '/')
|
||||||
|
|
Binary file not shown.
Loading…
Reference in New Issue