diff --git a/src/lib/components/Emfed.svelte b/src/lib/components/Emfed.svelte index 1ec81f6..cd258ec 100644 --- a/src/lib/components/Emfed.svelte +++ b/src/lib/components/Emfed.svelte @@ -1,173 +1,193 @@ {#snippet avatar(toot)} - - {toot.account.username} avatar -
- {toot.account.display_name} - @{toot.account.username} -
- + + {toot.account.username} avatar +
+ {toot.account.display_name} + @{toot.account.username} +
+ {/snippet} {#snippet body(toot)} -
-
- {@html sanitizeHtml(toot.content)} -
- {#each toot.media_attachments.filter((att) => att.type === "image") as image} - - {image.description}/ - - {/each} -
+
+
+ {@html sanitizeHtml(toot.content)} +
+ {#each toot.media_attachments.filter((att) => att.type === 'image') as image} + + {image.description} + + {/each} +
{/snippet} - -
    - {#if loading} - {#each Array(maxToots ?? 5) as placeholder} -
  1. -
    -
    - -
    - - -
    -
    - -
    - -
    2. - {/each} - {:else} - {#each toots as toot} -
  2. - {#if toot.reblog} -
    -
    - - - {toot.account.username} avatar - {toot.account.display_name} - - {@render avatar(toot.reblog)} -
    - - - - -
    - {@render body(toot.reblog)} - {:else} -
    - {@render avatar(toot)} - - - - -
    - {@render body(toot)} - {/if} -
    3. - {/each} - {/if} + {#if loading} + {#each Array(maxToots ?? 5) as placeholder} +
  3. +
    +
    + +
    + + +
    +
    + +
    + +
    4. + {/each} + {:else} + {#each toots as toot} +
  4. + {#if toot.reblog} +
    +
    + + + {toot.account.username} avatar + {toot.account.display_name} + + {@render avatar(toot.reblog)} +
    + + + + +
    + {@render body(toot.reblog)} + {:else} +
    + {@render avatar(toot)} + + + + +
    + {@render body(toot)} + {/if} +
    5. + {/each} + {/if}
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts index dbfb139..768efac 100644 --- a/src/lib/components/ui/separator/index.ts +++ b/src/lib/components/ui/separator/index.ts @@ -1,4 +1,4 @@ -import Root from "./separator.svelte"; +import Root from './separator.svelte'; export { Root, diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte index bf9127a..499bf67 100644 --- a/src/lib/components/ui/separator/separator.svelte +++ b/src/lib/components/ui/separator/separator.svelte @@ -1,19 +1,19 @@ > = writable(new Map()); \ No newline at end of file +export let uptimeStore: Writable> = writable(new Map()); diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index d6f4917..5c3e23a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -3,18 +3,20 @@
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b07e9c3..1636c75 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,7 +1,7 @@ @@ -9,32 +9,55 @@ -
-
-
-

Home Page

-

I'm not sure what to put here quite yet, maybe I'll think of something eventually. In the meantime I've linked some of my accounts in the sidebar to the right

+
+
+
+

Home Page

+

+ I'm not sure what to put here quite yet, maybe I'll think of something eventually. In the + meantime I've linked some of my accounts in the sidebar to the right +

-
-
+

Fediverse Accounts

- + Mastodon - + Lemmy - + PeerTube

Mastodon Feed

- +
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte index 69608b2..d5654d3 100644 --- a/src/routes/about/+page.svelte +++ b/src/routes/about/+page.svelte @@ -16,4 +16,3 @@ {version}

- diff --git a/src/routes/css/+page.svelte b/src/routes/css/+page.svelte index 17a850a..5abf562 100644 --- a/src/routes/css/+page.svelte +++ b/src/routes/css/+page.svelte @@ -1,6 +1,6 @@ - CSS Test - + CSS Test +

Background

@@ -26,4 +26,4 @@

offline

online

pending

-

maintenance

\ No newline at end of file +

maintenance

diff --git a/src/routes/servers/+page.svelte b/src/routes/servers/+page.svelte index afea722..143f6b6 100644 --- a/src/routes/servers/+page.svelte +++ b/src/routes/servers/+page.svelte @@ -6,7 +6,7 @@ import type { Heartbeat } from '$lib/types/uptime-kuma-types'; import ServerCard from '$lib/components/ServerCard.svelte'; import { socketStore } from '$lib/stores/socketStore'; - import {uptimeStore} from "$lib/stores/uptimeStore"; + import { uptimeStore } from '$lib/stores/uptimeStore'; let { data }: { data: { promise: Promise } } = $props(); @@ -30,12 +30,11 @@ if (token) { if (!socket.connected) { socket.connect(); - } - else { - console.log("already connected"); + } else { + console.log('already connected'); } socket.on('connect', () => { - console.log("logging in") + console.log('logging in'); socket.emit('loginByToken', token, () => {}); }); diff --git a/src/routes/services/+page.svelte b/src/routes/services/+page.svelte index 9a3afc6..54139cb 100644 --- a/src/routes/services/+page.svelte +++ b/src/routes/services/+page.svelte @@ -5,9 +5,9 @@ import type { Service } from '$lib/types/data-types'; import { io } from 'socket.io-client'; import type { Heartbeat } from '$lib/types/uptime-kuma-types'; - import {socketStore} from "$lib/stores/socketStore"; - import {onDestroy} from "svelte"; - import {uptimeStore} from "$lib/stores/uptimeStore"; + import { socketStore } from '$lib/stores/socketStore'; + import { onDestroy } from 'svelte'; + import { uptimeStore } from '$lib/stores/uptimeStore'; let { data }: { data: { promise: Promise } } = $props(); @@ -29,12 +29,11 @@ if (token) { if (!socket.connected) { socket.connect(); - } - else { - console.log("connected") + } else { + console.log('connected'); } socket.on('connect', () => { - console.log("login") + console.log('login'); socket.emit('loginByToken', token, () => {}); });