blob: 756987d0ef3a2a0a1048f1dd29b6a491ea64df45 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<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">
<h2>{{ render.username(data.member, prefix=true) }} ({{ data.member.profileName }})</h2>
<p>{{ '💾'|twemojiHtml|safe }} Last save: {% if getTime() - data.member.last_save < 60 * 60 * 24 * 7 %}{{ ((getTime() - data.member.last_save) * 1000)|cleannumber('time') }} ago {% else %}{{ data.member.last_save|cleannumber('date') }}{% endif %}</p>
<p>{{ '🚶'|twemojiHtml|safe }} Profile created: {% if getTime() - data.member.first_join < 60 * 60 * 24 * 7 %}{{ ((getTime() - data.member.first_join) * 1000)|cleannumber('time') }} ago {% else %}{{ data.member.first_join|cleannumber('date') }}{% endif %}</p>
<p>{{ '✨'|twemojiHtml|safe }} Fairy souls: {{ data.member.fairy_souls.total }}/{{ getConstants().max_fairy_souls }}</p>
{%- if data.profile.minion_count == getConstants().max_minions -%}<p>{{ '🤖'|twemojiHtml|safe }} Minion count: {{ data.profile.minion_count }}</p>{% endif %}
{%- set mostSignificantKillsStat = {} -%}
{%- set mostSignificantDeathsStat = {} -%}
{%- for stat in data.member.stats -%}
{%- if stat.category == 'kills' and stat.rawName != 'kills' and stat.value >= 200000 and stat.value > (mostSignificantKillsStat.value or 0) -%}
{%- set mostSignificantKillsStat = stat -%}
{%- endif -%}
{%- if stat.category == 'deaths' and stat.rawName != 'deaths' and stat.value >= 1000000 and stat.value > (mostSignificantDeathsStat.value or 0) -%}
{%- set mostSignificantDeathsStat = stat -%}
{%- endif -%}
{%- endfor -%}
{%- if mostSignificantKillsStat.value -%}
<p>{{ '⚔️'|twemojiHtml|safe }} {{ mostSignificantKillsStat.value|cleannumber(mostSignificantKillsStat.unit or mostSignificantKillsStat.rawName|clean|lower) }}</p>
{%- endif -%}
{%- if mostSignificantDeathsStat.value -%}
<p>{{ '☠'|twemojiHtml|safe }} {{ mostSignificantDeathsStat.value|cleannumber(mostSignificantDeathsStat.unit or mostSignificantDeathsStat.rawName|clean|lower) }}</p>
{%- endif -%}
</div> -->
<div id="infobox">
<h2><Username player={data.member} prefix /> ({data.member.profileName})</h2>
{#each generateInfobox(data, { meta: false }) as item}
<p><Emoji value={item} /></p>
{/each}
</div>
<style>
#infobox {
float: right;
max-width: 95%;
background-color: rgba(20, 20, 20, 0.4);
padding: 1em;
margin-top: 2em;
width: 20em;
border-radius: 0.5em;
box-shadow: 0 0 1em #000;
}
p {
margin: 0 0 0.25em 0;
}
@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);
}
}
</style>
|
