added rss container component for easier re-useability
All checks were successful
Vercel Preview Deployment / Deploy-Preview (push) Successful in 1m39s

This commit is contained in:
christian 2024-05-19 07:47:46 +02:00
parent ff3114825b
commit c75146bf42
3 changed files with 14 additions and 4 deletions

View File

@ -0,0 +1,9 @@
<script>
import RssFeed from './RssFeed.svelte';
export let url;
</script>
<div>
<h2 class="text-xl mt-4 font-normal">Here are the last 5 commits:</h2>
<RssFeed {url} />
</div>

View File

@ -1,6 +1,7 @@
<script> <script>
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import RssFeed from '../../lib/RssFeed.svelte'; import RssFeed from '../../lib/RssFeed.svelte';
import RssContainer from '../../lib/RssContainer.svelte';
const weatherRss = 'https://gitea.rannes.dev/rannes.dev/local-weather.rss'; const weatherRss = 'https://gitea.rannes.dev/rannes.dev/local-weather.rss';
const titlesRss = 'https://gitea.rannes.dev/rannes.dev/titles.rss'; const titlesRss = 'https://gitea.rannes.dev/rannes.dev/titles.rss';
</script> </script>
@ -40,7 +41,7 @@
href="https://gitea.rannes.dev/rannes.dev/titles">git repo here!</a href="https://gitea.rannes.dev/rannes.dev/titles">git repo here!</a
> >
</p> </p>
<RssFeed url={titlesRss} />; <RssContainer url={titlesRss} />;
</article> </article>
<article> <article>
<h2 class="font-normal text-xl my-2 mt-4">Weather application</h2> <h2 class="font-normal text-xl my-2 mt-4">Weather application</h2>
@ -64,6 +65,6 @@
href="https://gitea.rannes.dev/rannes.dev/local-weather">the code here.</a href="https://gitea.rannes.dev/rannes.dev/local-weather">the code here.</a
> >
</p> </p>
<RssFeed url={weatherRss} /> <RssContainer url={weatherRss} />
</article> </article>
</div> </div>

View File

@ -1,6 +1,7 @@
<script> <script>
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import RssFeed from '../../lib/RssFeed.svelte'; import RssFeed from '../../lib/RssFeed.svelte';
import RssContainer from '../../lib/RssContainer.svelte';
const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss'; const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
</script> </script>
@ -18,6 +19,5 @@
>Read more about that here.</a >Read more about that here.</a
> >
</p> </p>
<h2 class="text-xl mt-4">Most recent commits</h2> <RssContainer url={projectRssUrl} />
<RssFeed url={projectRssUrl} />
</div> </div>