]> git.r.bdr.sh - rbdr/forum/blob - app/components/glyph/glyph.svelte
45a415bc4ae2c5023bbadb2abf1cb4840c9e5435
[rbdr/forum] / app / components / glyph / glyph.svelte
1 <script>
2 import { getGlyphHash } from '../../utils/glyph_hash';
3
4 export let uuid;
5 </script>
6
7 <div class="glyphicon" aria-hidden="true" title="User avatar.">
8 {#each getGlyphHash(uuid) as fragment}
9 <span class="{fragment.glyph}" style="color: {fragment.color} ">
10 {fragment.glyph}
11 </span>
12 {/each}
13 </div>
14
15 <style>
16 .glyphicon {
17 border: 1px solid black;
18 display: inline-block;
19 font-size: 1.4rem;
20 height: 48px;
21 margin-top: 5px;
22 width: 48px;
23 }
24
25 span {
26 display: block;
27 float: left;
28 width: 24px;
29 height: 24px;
30 text-align: center;
31 line-height: 24px;
32 }
33
34 .☽ {
35 font-size: 2rem;
36 line-height: 19px;
37 }
38 </style>