aboutsummaryrefslogtreecommitdiff
path: root/src/lib/sections/Skills.svelte
diff options
context:
space:
mode:
authormat <github@matdoes.dev>2022-12-15 18:22:09 -0600
committermat <github@matdoes.dev>2022-12-15 18:22:09 -0600
commit054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd (patch)
treeebcbebfe4948cbcf72f8d0c644a8f37714867754 /src/lib/sections/Skills.svelte
parent925ad2bfff17f8d9381731fb0050936dcd7e0a72 (diff)
downloadskyblock-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/Skills.svelte')
-rw-r--r--src/lib/sections/Skills.svelte87
1 files changed, 0 insertions, 87 deletions
diff --git a/src/lib/sections/Skills.svelte b/src/lib/sections/Skills.svelte
deleted file mode 100644
index 8fc5aaf..0000000
--- a/src/lib/sections/Skills.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<script lang="ts">
- import Emoji from '$lib/Emoji.svelte'
-
- import Tooltip from '$lib/Tooltip.svelte'
- import { cleanId, formatNumber } from '$lib/utils'
-
- const skillImages = {
- runecrafting: '/skill-icons/runecrafting.webp',
- alchemy: '/skill-icons/herblore.webp',
- combat: '/skill-icons/attack.webp',
- enchanting: '/skill-icons/magic.webp',
- foraging: '/skill-icons/woodcutting.webp',
- mining: '/skill-icons/mining.webp',
- taming: '/skill-icons/hunter.webp',
- farming: '/skill-icons/farming.webp',
- fishing: '/skill-icons/fishing.webp',
- carpentry: '/skill-icons/construction.webp',
- social: '/skill-icons/agility.webp',
- }
-
- export let data
-</script>
-
-{#if !data.member.skills.apiEnabled}
- <p class="skills-api-warning">
- <Emoji value="⚠" /> Skills API is disabled for this profile, so the values shown may be inaccurate.
- </p>
-{/if}
-<ul>
- {#each data.member.skills.list as skill}
- <li
- class="list-item-with-icon"
- style="background: url({skillImages[skill.id]}) 0 0/1em no-repeat"
- >
- <Tooltip>
- <span slot="tooltip">
- {#if skill.levelXpRequired !== null}
- {Math.round((skill.levelXp / skill.levelXpRequired) * 100)}% to next level, {Math.round(
- skill.levelXp
- ).toLocaleString()}/{formatNumber(skill.levelXpRequired, 3)} xp
- {:else}
- {Math.round(skill.levelXp).toLocaleString()} extra xp
- {/if}
- </span>
- <span>
- {cleanId(skill.id)}
- <span class="skill-level" class:skill-maxed={skill.level === skill.maxLevel}>
- {skill.level}
- </span>
- </span>
- </Tooltip>
- </li>
- {/each}
-</ul>
-
-<style>
- .skill-level {
- opacity: 0.9;
- }
- .skill-maxed {
- color: #0e0;
- opacity: 1;
- }
- .list-item-with-icon {
- list-style: none;
- padding-left: 1.2em;
- position: relative;
- right: 1.2em;
- image-rendering: crisp-edges;
- image-rendering: pixelated;
- }
-
- .skills-api-warning {
- margin-top: 0;
- }
-
- ul {
- margin-top: 0;
- display: flex;
- flex-wrap: wrap;
- max-width: 30em;
- }
- ul > li {
- width: 10em;
- margin: 0.25em 0.25em 0 0;
- }
-</style>