<script>
	import { fade } from 'svelte/transition';
	import RssFeed from '../../lib/RssFeed.svelte';
	import { LogoSvelte } from '@geist/new-icons/16';

	const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
</script>

<div in:fade>
	<h1 class="text-2xl">Svelte Portfolio Page</h1>
	<p class="text-left">For this product i've used the following:</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>
	<h2 class="text-xl mt-4">Most recent commits</h2>
	<RssFeed url={projectRssUrl} />
</div>
