diff options
| author | mat <github@matdoes.dev> | 2022-03-19 22:52:20 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-19 22:52:20 -0500 |
| commit | ce2230a67a72b9850b37576cb441a56ff3b71ee8 (patch) | |
| tree | f61d7577089e129fee0185fafabc540ac6340c6a /src/lib | |
| parent | 5937ac8c91a15e6bc8daf8d259eb9cd842b86d86 (diff) | |
| download | skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.tar.gz skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.tar.bz2 skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.zip | |
Add favicon + misc fixes
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/BackgroundImage.svelte | 14 | ||||
| -rw-r--r-- | src/lib/profile.ts | 4 |
2 files changed, 15 insertions, 3 deletions
diff --git a/src/lib/BackgroundImage.svelte b/src/lib/BackgroundImage.svelte index fd62170..0b2f043 100644 --- a/src/lib/BackgroundImage.svelte +++ b/src/lib/BackgroundImage.svelte @@ -1,8 +1,10 @@ <script lang="ts"> - import { onDestroy } from 'svelte' + import { onDestroy, onMount } from 'svelte' import { browser } from '$app/env' export let url: string + let styleHtml = `<style class="background-image-style">:root{--background:url(${url})}</style>` + let serverSideRenderedStyleShown = true function updateUrl() { if (!browser) return @@ -19,6 +21,10 @@ $: [url, updateUrl()] + onMount(() => { + serverSideRenderedStyleShown = false + }) + // get rid of the body style when we leave the page // not doing this will sometimes cause the background to stay onDestroy(() => { @@ -28,3 +34,9 @@ } }) </script> + +<svelte:head> + {#if serverSideRenderedStyleShown} + {@html styleHtml} + {/if} +</svelte:head> diff --git a/src/lib/profile.ts b/src/lib/profile.ts index 256dc24..cba7923 100644 --- a/src/lib/profile.ts +++ b/src/lib/profile.ts @@ -14,9 +14,9 @@ export function prettyTimestamp(ms: number) { export function generateInfobox(data: CleanMemberProfile): string[] { const result: string[] = [] - result.push(`💾 Last save: ${prettyTimestamp(data.member.lastSave * 1000)}`) + result.push(`💾 Last save: ${prettyTimestamp(data.member.lastSave)}`) - result.push(`🚶 Profile created: ${prettyTimestamp(data.member.firstJoin * 1000)}`) + result.push(`🚶 Profile created: ${prettyTimestamp(data.member.firstJoin)}`) result.push(`✨ Fairy souls: ${data.member.fairySouls.total}/${data.member.fairySouls.max}`) |