blob: 9d71551f8dc69805176506e1756ed2cba9d9e1f4 (
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
|
<script lang="ts">
export let player
export let isPartOfUsername = false
</script>
<img
loading="lazy"
class="head head2d"
class:player-head={isPartOfUsername}
src="https://crafatar.com/avatars/{player.uuid}?size=8&overlay"
alt="{player.username}'s face"
/>
<style>
.head {
user-select: none;
}
.head2d {
/* pixelated rendering on 2d heads */
image-rendering: crisp-edges;
image-rendering: pixelated;
/* make the head centered correctly */
position: relative;
top: 0.1em;
/* same size as font */
height: 1em;
width: 1em;
}
.player-head {
margin-right: 0.2em;
}
</style>
|
