<script>
	import migImg from '$lib/images/mig.jpg';
	import osImg from '$lib/images/os.webp';
	import { fade } from 'svelte/transition';
	import PageHeader from '$lib/PageHeader.svelte';
	const title = 'Life is good in Copenhagen';
</script>

<div class="page-container" in:fade>
	<PageHeader {title} />
	<div class="article-container md:flex mb-4 items-center text-left">
		<p class="">
			I live in Copenhagen with my partner and children near the water. We love going on expeditions
			around the city in our cargo bike, or on my electrical skateboard. When we're not outside I
			spend a lot of time fiddling around with my homelab, and development projects. You can read
			more about my projects and homelab under the homelab and portfolio nav.
		</p>
		<img
			class="rounded-2xl xl:ml-4 md:w-auto md:h-52 md:ml-0 md:mt-4 sm:ml-0 sm:mt-4 sm:w-full"
			src={migImg}
			alt="crazy man"
		/>
	</div>
	<p class="mb-4">
		I work in recruitment, and I specialise in building product teams for start ups and scale ups
		for a small recruitment agency called <a
			class="underline font-semibold"
			href="https://www.adveniopeople.com">Advenio People</a
		>
	</p>
	<img
		src={osImg}
		alt="A happy man and a beautiful woman both wearing facemasks."
		class="rounded-full w-1/2 h-auto m-auto"
	/>
</div>
