added rss container component for easier re-useability
All checks were successful
Vercel Preview Deployment / Deploy-Preview (push) Successful in 1m39s
All checks were successful
Vercel Preview Deployment / Deploy-Preview (push) Successful in 1m39s
This commit is contained in:
parent
ff3114825b
commit
c75146bf42
9
src/lib/RssContainer.svelte
Normal file
9
src/lib/RssContainer.svelte
Normal 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>
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user