diff options
| author | mat <27899617+mat-1@users.noreply.github.com> | 2022-12-15 20:19:42 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-15 20:19:42 -0600 |
| commit | ed5eedab8f9fc90dadf5c442cf559572d1b35f0c (patch) | |
| tree | 01a763fd11810e9970f14f7dae180e95b279de9a /src/lib/sections/Infobox.svelte | |
| parent | 89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff) | |
| parent | 103689520f51991a1e9a4ca5829fe2f46d1a32c2 (diff) | |
| download | skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.gz skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.bz2 skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.zip | |
Merge pull request #6 from skyblockstats/sveltekit-v1
Sveltekit v1
Diffstat (limited to 'src/lib/sections/Infobox.svelte')
| -rw-r--r-- | src/lib/sections/Infobox.svelte | 83 |
1 files changed, 0 insertions, 83 deletions
diff --git a/src/lib/sections/Infobox.svelte b/src/lib/sections/Infobox.svelte deleted file mode 100644 index f8d2889..0000000 --- a/src/lib/sections/Infobox.svelte +++ /dev/null @@ -1,83 +0,0 @@ -<script lang="ts"> - import { generateInfobox } from '$lib/profile' - import Username from '$lib/minecraft/Username.svelte' - import Emoji from '$lib/Emoji.svelte' - - export let data -</script> - -<div id="infobox-container"> - <div id="infobox"> - <h2> - <Username player={data.member} prefix /> ({data.member.left - ? 'Removed' - : data.member.profileName}) - </h2> - {#each generateInfobox(data) as item} - <!-- hack so fairy souls is clickable to get to the leaderboards --> - {#if item.includes('Fairy souls')} - <a href="/leaderboards/fairy_souls" class="fairy-souls-leaderboard" - ><p><Emoji value={item} /></p></a - > - {:else} - <p><Emoji value={item} /></p> - {/if} - {/each} - </div> - <div id="infobox-extra"> - <p>Player UUID:</p> - <b><code>{data.member.uuid}</code></b> - <p>Profile UUID:</p> - <b><code>{data.profile.uuid}</code></b> - </div> -</div> - -<style> - #infobox-container { - float: right; - max-width: 95%; - width: 20em; - } - #infobox { - background-color: rgba(20, 20, 20, 0.4); - padding: 1em; - margin-top: 2em; - border-radius: 0.5em; - box-shadow: 0 0 1em #000; - } - #infobox-extra { - opacity: 0.5; - margin-top: 0.5rem; - } - #infobox-extra p { - margin: 0; - } - p { - margin: 0 0 0.25em 0; - } - .fairy-souls-leaderboard { - color: inherit; - text-decoration: none; - } - @media only screen and (max-width: 600px) { - #infobox { - position: relative; - right: -2em; - margin-top: 0; - } - } - @media only screen and (max-width: 550px) { - #infobox { - position: unset; - box-shadow: none; - float: none; - border: 1px solid var(--theme-lighter-background); - } - } - @media only screen and (max-width: 460px) { - #infobox-container { - max-width: 100%; - float: left; - } - } -</style> |