From 855ac3797169280f0f277daea38b0dd005cc4e73 Mon Sep 17 00:00:00 2001 From: Fred Boniface Date: Sat, 4 Nov 2023 00:46:01 +0000 Subject: [PATCH] Add pixelfed feed to homepage --- src/lib/feeds/pixelfed.svelte | 28 ++++++--- src/lib/footer.svelte | 23 ++++++- src/routes/+page.server.ts | 11 ++++ src/routes/+page.svelte | 11 ++-- static/logos/firefish.svg | 114 ++++++++++++++++++++++++++++++++++ static/logos/flickr.svg | 1 + static/logos/mastodon.svg | 5 ++ static/logos/pixelfed.svg | 81 ++++++++++++++++++++++++ 8 files changed, 259 insertions(+), 15 deletions(-) create mode 100644 src/routes/+page.server.ts create mode 100644 static/logos/firefish.svg create mode 100644 static/logos/flickr.svg create mode 100644 static/logos/mastodon.svg create mode 100644 static/logos/pixelfed.svg diff --git a/src/lib/feeds/pixelfed.svelte b/src/lib/feeds/pixelfed.svelte index 69f7614..4e3fa30 100644 --- a/src/lib/feeds/pixelfed.svelte +++ b/src/lib/feeds/pixelfed.svelte @@ -1,5 +1,6 @@ {#await loadFeed(pixelfedFeed)} -
Conneting to Pixelfed
-{:then feedData} -
Pixelfed
-

{feedData?.updated}

+
Loading Pixelfed feed
+{:then feedData} {#each feedData.content as feedItem} - - {feedItem.title} - - {feedItem.title} + +

{feedItem.title?.split('|')[0]}

+ + {feedItem.title} + + {/each} {:catch}
Error connecting to Pixelfed
@@ -72,7 +73,14 @@ \ No newline at end of file diff --git a/src/lib/footer.svelte b/src/lib/footer.svelte index cd4bdbe..8fc3fe6 100644 --- a/src/lib/footer.svelte +++ b/src/lib/footer.svelte @@ -6,6 +6,26 @@ img: '/logos/git.svg', link: 'https://git.fjla.uk/explore', alt: 'See my work on Gitea' + }, + { + img: '/logos/pixelfed.svg', + link: 'https://pixelfed.scot/@fbface', + alt: 'See my photography on Pixelfed' + }, + { + img: '/logos/flickr.svg', + link: 'https://www.flickr.com/photos/fboniface/', + alt: "Find me on Flickr" + }, + { + img: '/logos/mastodon.svg', + link: 'https://mastodon.social/@fb@ibe.social', + alt: 'Find me on Mastodon' + }, + { + img: '/logos/firefish.svg', + link: 'https://ibe.social/@fb', + alt: 'Find me on Firefish' } ]; @@ -51,7 +71,8 @@ } .link-image { - height: 20px; + height: 27px; + margin: 5px; } .link-columns { diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts new file mode 100644 index 0000000..43dc657 --- /dev/null +++ b/src/routes/+page.server.ts @@ -0,0 +1,11 @@ +import type { PageServerLoad } from "./$types"; + +export const load: PageServerLoad = async () => { + try { + const res = await fetch("https://pixelfed.scot/users/fbface.atom") + const xml = await res.text(); + return {xml: xml} + } catch (err) { + console.error("Error in load function", err) + } +} \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7c53521..eeafdc1 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,6 +5,10 @@ import LatestPosts from '$lib/card-collections/LatestPosts.svelte'; import TagsCard from '$lib/card-collections/cards/TagsCard.svelte'; import Projects from '$lib/card-collections/Projects.svelte'; + import Pixelfed from "$lib/feeds/pixelfed.svelte"; + import type { PageData } from "../$types"; + + export let data: PageData; const title: string = "Hi, I'm Fred"; const columnLength = 7; @@ -17,7 +21,6 @@

I enjoy creating websites and web applications, capturing landscapes through photography, and indulging in the world of model railways. Alongside these passions, I actively participate within the RMT Union.

-

Sometimes, I try and write about it too.

@@ -29,9 +32,9 @@