From 1d1892c931c2bff5a88cd891a05b933067270520 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Sat, 18 May 2024 22:52:43 +0200
Subject: [PATCH] created rssfeed component to get the last 5 commits. Todo: -
 break into components and style - get time of commit - convert time of commit
 to __time since__

---
 .../_components => lib}/RssFeed.svelte        |  8 ++++----
 src/routes/+page.svelte                       | 19 ++++++++++++++-----
 src/routes/svelte/+page.svelte                |  2 ++
 3 files changed, 20 insertions(+), 9 deletions(-)
 rename src/{routes/_components => lib}/RssFeed.svelte (84%)

diff --git a/src/routes/_components/RssFeed.svelte b/src/lib/RssFeed.svelte
similarity index 84%
rename from src/routes/_components/RssFeed.svelte
rename to src/lib/RssFeed.svelte
index 5352ffb..bc34799 100644
--- a/src/routes/_components/RssFeed.svelte
+++ b/src/lib/RssFeed.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { onMount } from 'svelte';
 
-	const url = 'https://gitea.rannes.dev/rannes.dev/local-weather.rss';
+	const url = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
 
 	let feed = null;
 	let error = null;
@@ -37,10 +37,10 @@
 	<p>Loading...</p>
 {:else}
 	<div>
-		{#each feed as item}
+		{#each feed.slice(0, 5) as item}
 			<div>
-				<h3>{item.title}</h3>
-				<p>{item.description}</p>
+				<h3>{@html item.title}</h3>
+				<p>{@html item.description}</p>
 				<a href={item.link} target="_blank">Read more</a>
 			</div>
 		{/each}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d7d72f7..c3a2cc9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,15 @@
+<script>
+	import RssFeed from '../lib/RssFeed.svelte';
+</script>
+
 <div class="main-container text-center">
-    <h1 class="text-xl mb-2">Welcome to my corner of the internet</h1>
-    <p>You most likely ended up here after listening to me rambling about the wonders of self hosted services, and how life would be much easier if we could just containerize everything.
-    </p>
-    <p class="italic text-sm mt-8">This page is my initial svelte project to try out the framework, and at the time of writing (24th April 2024) many pages are still lacking content.</p>
-</div>
\ No newline at end of file
+	<h1 class="text-xl mb-2">Welcome to my corner of the internet</h1>
+	<p>
+		You most likely ended up here after listening to me rambling about the wonders of self hosted
+		services, and how life would be much easier if we could just containerize everything.
+	</p>
+	<p class="italic text-sm mt-8">
+		This page is my initial svelte project to try out the framework, and at the time of writing
+		(24th April 2024) many pages are still lacking content.
+	</p>
+</div>
diff --git a/src/routes/svelte/+page.svelte b/src/routes/svelte/+page.svelte
index f5dbf75..a14c605 100644
--- a/src/routes/svelte/+page.svelte
+++ b/src/routes/svelte/+page.svelte
@@ -1,5 +1,6 @@
 <script>
 	import { fade } from 'svelte/transition';
+	import RssFeed from '../../lib/RssFeed.svelte';
 </script>
 
 <div in:fade>
@@ -18,4 +19,5 @@
 			>Read more about that here.</a
 		>
 	</p>
+	<RssFeed />
 </div>