<script>
	import { fade } from 'svelte/transition';
</script>

<div in:fade>
	<h1 class="text-2xl">Svelte Portfolio Page</h1>
	<p class="text-left">
		This portfolio is built using <span class="font-normal">Svelte & Svelte kit</span> and
		<span class="font-normal">Tailwind CSS</span> as a simple static page.
	</p>
	<p class="text-left">
		<a
			class="underline font-normal hover:text-slate-400"
			href="https://gitea.rannes.dev/rannes.dev/my-portfolio">The git repo is available here.</a
		>The gitea workflow builds a docker image and pushes it to the projects registry. It is then
		deployed to my infrastructure.
		<a class="underline font-normal hover:text-slate-400" href="https://rannes.dev/homelab"
			>Read more about that here.</a
		>
	</p>
</div>
