diff options
author | mat <github@matdoes.dev> | 2022-12-15 18:22:09 -0600 |
---|---|---|
committer | mat <github@matdoes.dev> | 2022-12-15 18:22:09 -0600 |
commit | 054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd (patch) | |
tree | ebcbebfe4948cbcf72f8d0c644a8f37714867754 /src/lib/sections/Infobox.svelte | |
parent | 925ad2bfff17f8d9381731fb0050936dcd7e0a72 (diff) | |
download | skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.tar.gz skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.tar.bz2 skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.zip |
fix mayor skin + move sections dir
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> |