Hugging Face's logo

Spaces:
huggingface-projects
/
wordalle
Runtime error

App Files Community
14
radames HF staff commited on
Commit
15ade97
•
1 Parent(s): 25a27d8

badges

Browse files
Files changed (8) hide show
  1. frontend/src/lib/badges/fifteen.svelte +119 -0
  2. frontend/src/lib/badges/fifty.svelte +106 -0
  3. frontend/src/lib/badges/five.svelte +120 -0
  4. frontend/src/lib/badges/ten.svelte +115 -0
  5. frontend/src/lib/badges/thirtyfive.svelte +109 -0
  6. frontend/src/lib/badges/twenty.svelte +109 -0
  7. frontend/src/lib/badges/two.svelte +84 -0
  8. frontend/src/lib/utils.ts +11 -1
frontend/src/lib/badges/fifteen.svelte ADDED
@@ -0,0 +1,119 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ fill="none"
9
+ viewBox="0 0 385 450"
10
+ width="385"
11
+ height="450"
12
+ class={classNames}
13
+ >
14
+ <defs>
15
+ <path
16
+ id="a"
17
+ fill="#777A6F"
18
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
19
+ />
20
+ </defs>
21
+ <use xlink:href="#a" />
22
+ <mask
23
+ id="b"
24
+ width="385"
25
+ height="443"
26
+ x="0"
27
+ y="4"
28
+ maskUnits="userSpaceOnUse"
29
+ style="mask-type:alpha"
30
+ >
31
+ <use xlink:href="#a" />
32
+ </mask>
33
+ <g mask="url(#b)">
34
+ <path
35
+ fill="#686C5D"
36
+ d="M177.5 322c-25 59-49.7 120.7-138.5 83s-182.7-151-157.6-210c25.1-59.1 116.3-93.2 205.1-55.5s116 123.4 91 182.5Z"
37
+ />
38
+ <path
39
+ fill="#4E4F51"
40
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
41
+ />
42
+ <path
43
+ fill="#CCDDE2"
44
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
45
+ opacity=".2"
46
+ />
47
+ <path
48
+ fill="#C89435"
49
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
50
+ opacity=".3"
51
+ />
52
+ <path
53
+ fill="#CCDDE2"
54
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
55
+ opacity=".2"
56
+ />
57
+ </g>
58
+ <path
59
+ fill="url(#c)"
60
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
61
+ />
62
+ <mask
63
+ id="e"
64
+ width="351"
65
+ height="403"
66
+ x="17"
67
+ y="4"
68
+ maskUnits="userSpaceOnUse"
69
+ style="mask-type:alpha"
70
+ >
71
+ <path
72
+ fill="url(#d)"
73
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
74
+ />
75
+ </mask>
76
+ <g mask="url(#e)">
77
+ <path
78
+ fill="url(#f)"
79
+ d="M394.2 346.7c46.5-71.6-249.6-263-249.6-263L119 108s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L107 311.7s240.7 106.5 287.3 35Z"
80
+ opacity=".4"
81
+ />
82
+ <path
83
+ fill="#D9E8EF"
84
+ d="M157-47h177L137 459H-40L157-47Zm195.5-2H368L189.5 421H174L352.5-49Z"
85
+ opacity=".8"
86
+ />
87
+ <path
88
+ fill="#ECF8FF"
89
+ d="M360.5 111c14 17 8 34 8 38L389 95 194-31 10 78.5V161s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
90
+ />
91
+ <path
92
+ fill="#DBEAF2"
93
+ d="M21.5 299c-14-17-8-34-8-38L-7 315l195 126 184-109.5V249s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
94
+ opacity=".7"
95
+ />
96
+ </g>
97
+ <path
98
+ fill="#777A6F"
99
+ d="M108.6 326a5 5 0 0 1-5-5V58a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5h-41.8Zm173-21.2a5 5 0 0 1-.5 2.1 34.5 34.5 0 0 1-30.6 19.1h-52.6a34.5 34.5 0 0 1-30.8-19.1c-.4-.6-.5-1.4-.5-2V227a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59a5 5 0 0 0-5-5h-56.2a5 5 0 0 1-5-5V58a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v37.9a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30c6.9 0 13.1 1.9 18.7 5.6a33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.7Z"
100
+ />
101
+ <path
102
+ fill="#fff"
103
+ d="M108.6 310a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5h-41.8Zm173-21.2c0 .7-.2 1.4-.5 2a34.5 34.5 0 0 1-30.6 19.2h-52.6a34.5 34.5 0 0 1-30.8-19.1 4 4 0 0 1-.5-2.1V211a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59.1a5 5 0 0 0-5-5h-56.2a5 5 0 0 1-5-5v-142a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v38a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30a33 33 0 0 1 18.7 5.5 33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.8Z"
104
+ />
105
+ <defs>
106
+ <linearGradient id="c" x1="103" x2="192.5" y1="13" y2="410" gradientUnits="userSpaceOnUse">
107
+ <stop stop-color="#ACC0BE" />
108
+ <stop offset="1" stop-color="#8BAAA7" />
109
+ </linearGradient>
110
+ <linearGradient id="d" x1="94.5" x2="276" y1="12" y2="386.5" gradientUnits="userSpaceOnUse">
111
+ <stop stop-color="#F2B445" />
112
+ <stop offset="1" stop-color="#BD6D18" />
113
+ </linearGradient>
114
+ <linearGradient id="f" x1="357.5" x2="69.5" y1="335" y2="146.5" gradientUnits="userSpaceOnUse">
115
+ <stop stop-color="#6A807A" />
116
+ <stop offset="1" stop-color="#6A807A" stop-opacity="0" />
117
+ </linearGradient>
118
+ </defs>
119
+ </svg>
frontend/src/lib/badges/fifty.svelte ADDED
@@ -0,0 +1,106 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ fill="none"
8
+ viewBox="0 0 385 450"
9
+ width="385"
10
+ height="450"
11
+ class={classNames}
12
+ >
13
+ <path
14
+ fill="#3F7B73"
15
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
16
+ />
17
+ <mask
18
+ id="a"
19
+ width="385"
20
+ height="443"
21
+ x="0"
22
+ y="4"
23
+ maskUnits="userSpaceOnUse"
24
+ style="mask-type:alpha"
25
+ >
26
+ <path
27
+ fill="#D3720A"
28
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
29
+ />
30
+ </mask>
31
+ <g mask="url(#a)">
32
+ <path
33
+ fill="#468A7D"
34
+ d="M177.5 322c-25 59-49.7 120.7-138.5 83s-182.7-151-157.6-210c25.1-59.1 116.3-93.2 205.1-55.5s116 123.4 91 182.5Z"
35
+ />
36
+ <path
37
+ fill="#184F4F"
38
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
39
+ />
40
+ <path
41
+ fill="#F5FFFF"
42
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
43
+ opacity=".3"
44
+ />
45
+ <path
46
+ fill="#C89435"
47
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
48
+ opacity=".3"
49
+ />
50
+ <path
51
+ fill="#F5FFFF"
52
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
53
+ opacity=".3"
54
+ />
55
+ </g>
56
+ <path
57
+ fill="#80EBE2"
58
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
59
+ />
60
+ <mask
61
+ id="b"
62
+ width="375"
63
+ height="428"
64
+ x="4"
65
+ y="4"
66
+ maskUnits="userSpaceOnUse"
67
+ style="mask-type:alpha"
68
+ >
69
+ <path
70
+ fill="#C4D6D6"
71
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v184l-.1.4L4 326.5l12.5-17.7a1 1 0 0 1 1.3-.3L186 408l2.5 22.2c.1 1.2 1.9 1.2 2 0L193 408l171.7-98.5a1 1 0 0 1 1.3.3l13 19.2-10.9-22.3a1 1 0 0 1-.1-.4V119a25 25 0 0 0-12.4-21.6Z"
72
+ />
73
+ </mask>
74
+ <g mask="url(#b)">
75
+ <path
76
+ fill="url(#c)"
77
+ d="M235.2 360.7c46.5-71.6-249.6-263-249.6-263L-40 122s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L-52 325.7s240.7 106.5 287.3 35Z"
78
+ opacity=".7"
79
+ />
80
+ <path fill="#ECFFFD" d="M246-47h177L226 459H49L246-47Z" opacity=".6" />
81
+ <path fill="#ECFFFD" d="M441.5-49H457L278.5 421H263L441.5-49Z" opacity=".8" />
82
+ <path
83
+ fill="#F5FFFF"
84
+ d="M359.5 120c9.5 27 0 162.5 10 162.5S388 99 388 99L193-27 9 82.5s-6 202.5 3.5 203 8-162 16-175 120-111 161-92S350 93 359.5 120Z"
85
+ />
86
+ <path
87
+ fill="#E9FFFF"
88
+ d="M21.5 296c-14-17-8-34-8-38l-24 59 195 126 201-111.5L372 246s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
89
+ opacity=".7"
90
+ />
91
+ </g>
92
+ <path
93
+ fill="#34776E"
94
+ d="M192.6 299.8a5 5 0 0 1-.5 2.1 34.5 34.5 0 0 1-30.6 19.1h-52.6a34.5 34.5 0 0 1-30.8-19c-.4-.6-.5-1.4-.5-2v-78a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59a5 5 0 0 0-5-5H82.6a5 5 0 0 1-5-5V53a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v37.9a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30c6.9 0 13.1 1.9 18.7 5.6a33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.7Zm126.4 0a4 4 0 0 1-.6 2.1c-2.8 5.5-6.9 10-12.1 13.6a32.3 32.3 0 0 1-18.7 5.5h-52.5a33 33 0 0 1-18.8-5.5c-5.2-3.6-9.2-8-11.9-13.6-.3-.6-.4-1.4-.4-2V65.4c0-.7.1-1.4.4-2 3.2-6.6 8-11.5 14.3-15a6 6 0 0 1 2.3-.5h80.7a6 6 0 0 1 2.3.5 34 34 0 0 1 14.5 14.9c.3.7.4 1.4.4 2.1v234.3ZM265 269a5 5 0 0 0 5-5V101a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.3Z"
95
+ />
96
+ <path
97
+ fill="#fff"
98
+ d="M192.6 287.8c0 .7-.2 1.4-.5 2a34.5 34.5 0 0 1-30.6 19.2h-52.6a34.5 34.5 0 0 1-30.8-19.1 4 4 0 0 1-.5-2.1V210a5 5 0 0 1 5-5h38.8a5 5 0 0 1 5 5v42a5 5 0 0 0 5 5h7.4a5 5 0 0 0 5-5v-59.1a5 5 0 0 0-5-5H82.6a5 5 0 0 1-5-5v-142a5 5 0 0 1 5-5h97.7a5 5 0 0 1 5 5v38a5 5 0 0 1-5 5h-48.9a5 5 0 0 0-5 5v42a5 5 0 0 0 5 5h30a33 33 0 0 1 18.7 5.5 33 33 0 0 1 12 13.6c.3.6.5 1.3.5 2v130.8Zm126.4-.1c0 .8-.2 1.5-.6 2.2-2.8 5.5-6.9 10-12.1 13.5a32.3 32.3 0 0 1-18.7 5.6h-52.5a34.4 34.4 0 0 1-30.7-19.1c-.3-.7-.4-1.4-.4-2.1V53.4c0-.7.1-1.4.4-2 3.2-6.5 8-11.5 14.3-14.9.7-.4 1.5-.5 2.3-.5h80.7c.8 0 1.6.1 2.3.5a34 34 0 0 1 14.5 14.8c.3.7.4 1.4.4 2.2v234.2ZM265 257a5 5 0 0 0 5-5V88.9a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5V252a5 5 0 0 0 5 5h7.3Z"
99
+ />
100
+ <defs>
101
+ <linearGradient id="c" x1="242" x2="-4.5" y1="378" y2="154" gradientUnits="userSpaceOnUse">
102
+ <stop stop-color="#3F866C" />
103
+ <stop offset="1" stop-color="#48967A" stop-opacity="0" />
104
+ </linearGradient>
105
+ </defs>
106
+ </svg>
frontend/src/lib/badges/five.svelte ADDED
@@ -0,0 +1,120 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ fill="none"
9
+ viewBox="0 0 385 450"
10
+ width="385"
11
+ height="450"
12
+ class={classNames}
13
+ >
14
+ <defs>
15
+ <path
16
+ id="a"
17
+ fill="#7A3A0C"
18
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
19
+ />
20
+ </defs>
21
+ <use xlink:href="#a" />
22
+ <mask
23
+ id="b"
24
+ width="385"
25
+ height="443"
26
+ x="0"
27
+ y="4"
28
+ maskUnits="userSpaceOnUse"
29
+ style="mask-type:alpha"
30
+ >
31
+ <use xlink:href="#a" />
32
+ </mask>
33
+ <g mask="url(#b)">
34
+ <path
35
+ fill="#592805"
36
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
37
+ />
38
+ <path
39
+ fill="#C89435"
40
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
41
+ opacity=".2"
42
+ />
43
+ <path
44
+ fill="#C89435"
45
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
46
+ opacity=".3"
47
+ />
48
+ <path
49
+ fill="#C89435"
50
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
51
+ opacity=".2"
52
+ />
53
+ </g>
54
+ <path
55
+ fill="url(#c)"
56
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
57
+ />
58
+ <mask
59
+ id="e"
60
+ width="351"
61
+ height="403"
62
+ x="17"
63
+ y="4"
64
+ maskUnits="userSpaceOnUse"
65
+ style="mask-type:alpha"
66
+ >
67
+ <path
68
+ fill="url(#d)"
69
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
70
+ />
71
+ </mask>
72
+ <g mask="url(#e)">
73
+ <path
74
+ fill="url(#f)"
75
+ d="M389.2 334.7c46.5-71.6-249.6-263-249.6-263L114 96s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L102 299.7s240.7 106.5 287.3 35Z"
76
+ opacity=".7"
77
+ />
78
+ <path fill="#FFD893" d="M157-47h177L137 459H-40L157-47Z" opacity=".8" />
79
+ <path fill="#F9CB80" d="M352.5-49H368L189.5 421H174L352.5-49Z" />
80
+ <path
81
+ fill="#FFE9C2"
82
+ d="M360.5 111c14 17 8 34 8 38L389 95 194-31 10 78.5V161s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
83
+ />
84
+ <path
85
+ fill="#FFE0A9"
86
+ d="M21.5 299c-14-17-8-34-8-38L-7 315l195 126 184-109.5V249s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
87
+ opacity=".7"
88
+ />
89
+ </g>
90
+ <path
91
+ fill="#7A3A0C"
92
+ d="M254.6 304.6c0 1-.2 1.8-.6 2.5a34.5 34.5 0 0 1-30.5 19h-52.6a34.5 34.5 0 0 1-30.7-19c-.4-.7-.6-1.6-.6-2.5v-76.5a6 6 0 0 1 6-6h36.8a6 6 0 0 1 6 6v40a6 6 0 0 0 6 6h5.4a6 6 0 0 0 6-6v-57.2a6 6 0 0 0-6-6h-54.2a6 6 0 0 1-6-6V59a6 6 0 0 1 6-6h95.7a6 6 0 0 1 6 6v36a6 6 0 0 1-6 6h-46.9a6 6 0 0 0-6 6v40a6 6 0 0 0 6 6h29a33 33 0 0 1 18.7 5.5 33 33 0 0 1 12 13.4c.3.8.5 1.6.5 2.5v130.2Z"
93
+ />
94
+ <path fill="#8A4C15" d="M175 310h35v16h-35z" />
95
+ <path
96
+ fill="#FFF2DC"
97
+ d="M254.6 288.6c0 .9-.2 1.7-.6 2.5a34.5 34.5 0 0 1-30.5 19h-52.6a34.5 34.5 0 0 1-30.7-19c-.4-.8-.6-1.6-.6-2.5V212a6 6 0 0 1 6-6h36.8a6 6 0 0 1 6 6v40a6 6 0 0 0 6 6h5.4a6 6 0 0 0 6-6v-57a6 6 0 0 0-6-6h-54.2a6 6 0 0 1-6-6V43a6 6 0 0 1 6-6h95.7a6 6 0 0 1 6 6v35.9a6 6 0 0 1-6 6h-46.9a6 6 0 0 0-6 6v40a6 6 0 0 0 6 6h29c6.9 0 13.1 1.9 18.7 5.6a33 33 0 0 1 12 13.4c.3.7.5 1.6.5 2.4v130.3Z"
98
+ />
99
+ <defs>
100
+ <linearGradient id="c" x1="140.5" x2="219" y1="0" y2="410" gradientUnits="userSpaceOnUse">
101
+ <stop stop-color="#F2B445" />
102
+ <stop offset="1" stop-color="#D7882F" />
103
+ </linearGradient>
104
+ <linearGradient id="d" x1="94.5" x2="276" y1="12" y2="386.5" gradientUnits="userSpaceOnUse">
105
+ <stop stop-color="#F2B445" />
106
+ <stop offset="1" stop-color="#BD6D18" />
107
+ </linearGradient>
108
+ <linearGradient
109
+ id="f"
110
+ x1="373.6"
111
+ x2="182.8"
112
+ y1="370.3"
113
+ y2="128.4"
114
+ gradientUnits="userSpaceOnUse"
115
+ >
116
+ <stop stop-color="#B05C13" />
117
+ <stop offset="1" stop-color="#B05C13" stop-opacity="0" />
118
+ </linearGradient>
119
+ </defs>
120
+ </svg>
frontend/src/lib/badges/ten.svelte ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ fill="none"
9
+ viewBox="0 0 385 450"
10
+ width="385"
11
+ height="450"
12
+ class={classNames}
13
+ >
14
+ <defs>
15
+ <path
16
+ id="a"
17
+ fill="#777A6F"
18
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
19
+ />
20
+ </defs>
21
+ <use xlink:href="#a" />
22
+ <mask
23
+ id="b"
24
+ width="385"
25
+ height="443"
26
+ x="0"
27
+ y="4"
28
+ maskUnits="userSpaceOnUse"
29
+ style="mask-type:alpha"
30
+ >
31
+ <use xlink:href="#a" />
32
+ </mask>
33
+ <g mask="url(#b)">
34
+ <path
35
+ fill="#4E4F51"
36
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
37
+ />
38
+ <path
39
+ fill="#CCDDE2"
40
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
41
+ opacity=".2"
42
+ />
43
+ <path
44
+ fill="#C89435"
45
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
46
+ opacity=".3"
47
+ />
48
+ <path
49
+ fill="#CCDDE2"
50
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
51
+ opacity=".2"
52
+ />
53
+ </g>
54
+ <path
55
+ fill="url(#c)"
56
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
57
+ />
58
+ <mask
59
+ id="e"
60
+ width="351"
61
+ height="403"
62
+ x="17"
63
+ y="4"
64
+ maskUnits="userSpaceOnUse"
65
+ style="mask-type:alpha"
66
+ >
67
+ <path
68
+ fill="url(#d)"
69
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
70
+ />
71
+ </mask>
72
+ <g mask="url(#e)">
73
+ <path
74
+ fill="url(#f)"
75
+ d="M394.2 346.7c46.5-71.6-249.6-263-249.6-263L119 108s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L107 311.7s240.7 106.5 287.3 35Z"
76
+ opacity=".4"
77
+ />
78
+ <path
79
+ fill="#D9E8EF"
80
+ d="M157-47h177L137 459H-40L157-47Zm195.5-2H368L189.5 421H174L352.5-49Z"
81
+ opacity=".8"
82
+ />
83
+ <path
84
+ fill="#ECF8FF"
85
+ d="M360.5 111c14 17 8 34 8 38L389 95 194-31 10 78.5V161s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
86
+ />
87
+ <path
88
+ fill="#DBEAF2"
89
+ d="M21.5 299c-14-17-8-34-8-38L-7 315l195 126 184-109.5V249s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
90
+ opacity=".7"
91
+ />
92
+ </g>
93
+ <path
94
+ fill="#777A6F"
95
+ d="M109 325a5 5 0 0 1-5-5V57a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5H109Zm173-21.2a5 5 0 0 1-.5 2.1c-2.9 5.5-7 10-12.2 13.6a32.3 32.3 0 0 1-18.6 5.5H198a33.2 33.2 0 0 1-30.6-19.1c-.4-.6-.5-1.4-.5-2V69.4c0-.7.1-1.4.5-2 3.2-6.6 8-11.5 14.3-15 .7-.3 1.4-.5 2.2-.5h80.8c.8 0 1.5.2 2.2.5a34 34 0 0 1 14.5 14.9c.3.7.5 1.4.5 2.1v234.3ZM228.2 273a5 5 0 0 0 5-5V105a5 5 0 0 0-5-5h-7.4a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.4Z"
96
+ />
97
+ <path
98
+ fill="#fff"
99
+ d="M109 310a5 5 0 0 1-5-5V42a5 5 0 0 1 5-5h41.8a5 5 0 0 1 5 5v263a5 5 0 0 1-5 5H109Zm173-21.2a5 5 0 0 1-.5 2.1c-2.9 5.5-7 10-12.2 13.6a32.3 32.3 0 0 1-18.6 5.5H198a33.2 33.2 0 0 1-30.6-19.1c-.4-.6-.5-1.4-.5-2V54.4c0-.7.1-1.4.5-2 3.2-6.6 8-11.5 14.3-15 .7-.3 1.4-.5 2.2-.5h80.8c.8 0 1.5.2 2.2.5a34 34 0 0 1 14.5 14.9c.3.7.5 1.4.5 2.1v234.3ZM228.2 258a5 5 0 0 0 5-5V90a5 5 0 0 0-5-5h-7.4a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.4Z"
100
+ />
101
+ <defs>
102
+ <linearGradient id="c" x1="103" x2="192.5" y1="13" y2="410" gradientUnits="userSpaceOnUse">
103
+ <stop stop-color="#ACC0BE" />
104
+ <stop offset="1" stop-color="#8BAAA7" />
105
+ </linearGradient>
106
+ <linearGradient id="d" x1="94.5" x2="276" y1="12" y2="386.5" gradientUnits="userSpaceOnUse">
107
+ <stop stop-color="#F2B445" />
108
+ <stop offset="1" stop-color="#BD6D18" />
109
+ </linearGradient>
110
+ <linearGradient id="f" x1="357.5" x2="69.5" y1="335" y2="146.5" gradientUnits="userSpaceOnUse">
111
+ <stop stop-color="#6A807A" />
112
+ <stop offset="1" stop-color="#6A807A" stop-opacity="0" />
113
+ </linearGradient>
114
+ </defs>
115
+ </svg>
frontend/src/lib/badges/thirtyfive.svelte ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ fill="none"
8
+ viewBox="0 0 385 450"
9
+ width="385"
10
+ height="450"
11
+ class={classNames}
12
+ >
13
+ <path
14
+ fill="#D9800D"
15
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
16
+ />
17
+ <mask
18
+ id="a"
19
+ width="385"
20
+ height="443"
21
+ x="0"
22
+ y="4"
23
+ maskUnits="userSpaceOnUse"
24
+ style="mask-type:alpha"
25
+ >
26
+ <path
27
+ fill="#D3720A"
28
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
29
+ />
30
+ </mask>
31
+ <g mask="url(#a)">
32
+ <path
33
+ fill="#B87711"
34
+ d="M164.6 311.8c-25.1 59-49.7 120.7-138.5 83s-182.7-151-157.6-210c25-59.1 116.3-93.2 205-55.5 88.9 37.7 116.2 123.4 91 182.5Z"
35
+ />
36
+ <path
37
+ fill="#7C4D16"
38
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
39
+ />
40
+ <path
41
+ fill="#F5DD21"
42
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
43
+ opacity=".3"
44
+ />
45
+ <path
46
+ fill="#C89435"
47
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
48
+ opacity=".3"
49
+ />
50
+ <path
51
+ fill="#F5DD21"
52
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
53
+ opacity=".3"
54
+ />
55
+ </g>
56
+ <path
57
+ fill="url(#b)"
58
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
59
+ />
60
+ <mask
61
+ id="c"
62
+ width="351"
63
+ height="403"
64
+ x="17"
65
+ y="4"
66
+ maskUnits="userSpaceOnUse"
67
+ style="mask-type:alpha"
68
+ >
69
+ <path
70
+ fill="#FBEC17"
71
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
72
+ />
73
+ </mask>
74
+ <g mask="url(#c)">
75
+ <path
76
+ fill="url(#d)"
77
+ d="M197.2 341.7c46.5-71.6-249.6-263-249.6-263L-78 103S133.6 217.9 98.5 266.3c-35 48.4-217-78.3-217-78.3L-90 306.7s240.7 106.5 287.3 35Z"
78
+ opacity=".7"
79
+ />
80
+ <path fill="#FFFA86" d="M259-47h177L239 459H62L259-47Z" opacity=".6" />
81
+ <path fill="#FFFA86" d="M454.5-49H470L291.5 421H276L454.5-49Z" opacity=".8" />
82
+ <path
83
+ fill="#FFFCE6"
84
+ d="M359.5 115c14 17 8 34 8 38L388 99 193-27 9 82.5V165s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
85
+ />
86
+ <path
87
+ fill="#FFFAD5"
88
+ d="M21.5 296c-14-17-8-34-8-38L-7 312l195 126 184-109.5V246s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
89
+ />
90
+ </g>
91
+ <path
92
+ fill="#D9800D"
93
+ d="M187 167.4a33 33 0 0 1-8.6 11.4 32 32 0 0 1 8.6 11.6v115.5a34.5 34.5 0 0 1-31.1 20.1h-52.6A34.5 34.5 0 0 1 72 306v-81.2h48.8V274h17.4v-69H107v-52h31.2v-52h-17.4v32H72V69.3c3.4-7 8.4-12.5 15.3-16.2h84.4c6.8 3.7 12 9.1 15.3 16.2v98.2ZM313.4 306a34.5 34.5 0 0 1-31.2 20h-52.5a34.5 34.5 0 0 1-31.3-20.1V222h48.8v52h17.3v-69h-66.1V53H306v47.9h-59v52h35.1c6.9 0 13 1.9 18.7 5.6a33 33 0 0 1 12.5 14.5v133Z"
94
+ />
95
+ <path
96
+ fill="#fff"
97
+ d="M187 150.4a33 33 0 0 1-8.6 11.4 32 32 0 0 1 8.6 11.6v115.5a34.5 34.5 0 0 1-31.1 20.1h-52.6A34.5 34.5 0 0 1 72 289v-81.2h48.8V257h17.4v-69H107v-52h31.2V84h-17.4v32H72V52.3c3.4-7 8.4-12.5 15.3-16.2h84.4c6.8 3.7 12 9.1 15.3 16.2v98.2ZM313.4 289a34.5 34.5 0 0 1-31.2 20h-52.5a34.5 34.5 0 0 1-31.3-20.1V205h48.8v52h17.3v-69h-66.1V36H306v47.9h-59v52h35.1c6.9 0 13 1.9 18.7 5.6a33 33 0 0 1 12.5 14.5v133Z"
98
+ />
99
+ <defs>
100
+ <linearGradient id="b" x1="147" x2="201.5" y1="0" y2="418.5" gradientUnits="userSpaceOnUse">
101
+ <stop stop-color="#F8EF0A" />
102
+ <stop offset="1" stop-color="#F5BE1B" />
103
+ </linearGradient>
104
+ <linearGradient id="d" x1="111" x2="-21" y1="357.5" y2="126" gradientUnits="userSpaceOnUse">
105
+ <stop stop-color="#FE9C15" />
106
+ <stop offset="1" stop-color="#FE9C15" stop-opacity="0" />
107
+ </linearGradient>
108
+ </defs>
109
+ </svg>
frontend/src/lib/badges/twenty.svelte ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ fill="none"
8
+ viewBox="0 0 385 450"
9
+ width="385"
10
+ height="450"
11
+ class={classNames}
12
+ >
13
+ <path
14
+ fill="#D9800D"
15
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
16
+ />
17
+ <mask
18
+ id="a"
19
+ width="385"
20
+ height="443"
21
+ x="0"
22
+ y="4"
23
+ maskUnits="userSpaceOnUse"
24
+ style="mask-type:alpha"
25
+ >
26
+ <path
27
+ fill="#D3720A"
28
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
29
+ />
30
+ </mask>
31
+ <g mask="url(#a)">
32
+ <path
33
+ fill="#B87711"
34
+ d="M164.6 311.8c-25.1 59-49.7 120.7-138.5 83s-182.7-151-157.6-210c25-59.1 116.3-93.2 205-55.5 88.9 37.7 116.2 123.4 91 182.5Z"
35
+ />
36
+ <path
37
+ fill="#7C4D16"
38
+ d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
39
+ />
40
+ <path
41
+ fill="#F5DD21"
42
+ d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
43
+ opacity=".3"
44
+ />
45
+ <path
46
+ fill="#C89435"
47
+ d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
48
+ opacity=".3"
49
+ />
50
+ <path
51
+ fill="#F5DD21"
52
+ d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
53
+ opacity=".3"
54
+ />
55
+ </g>
56
+ <path
57
+ fill="url(#b)"
58
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
59
+ />
60
+ <mask
61
+ id="c"
62
+ width="351"
63
+ height="403"
64
+ x="17"
65
+ y="4"
66
+ maskUnits="userSpaceOnUse"
67
+ style="mask-type:alpha"
68
+ >
69
+ <path
70
+ fill="#FBEC17"
71
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
72
+ />
73
+ </mask>
74
+ <g mask="url(#c)">
75
+ <path
76
+ fill="url(#d)"
77
+ d="M197.2 341.7c46.5-71.6-249.6-263-249.6-263L-78 103S133.6 217.9 98.5 266.3c-35 48.4-217-78.3-217-78.3L-90 306.7s240.7 106.5 287.3 35Z"
78
+ opacity=".7"
79
+ />
80
+ <path fill="#FFFA86" d="M259-47h177L239 459H62L259-47Z" opacity=".6" />
81
+ <path fill="#FFFA86" d="M454.5-49H470L291.5 421H276L454.5-49Z" opacity=".8" />
82
+ <path
83
+ fill="#FFFCE6"
84
+ d="M359.5 115c14 17 8 34 8 38L388 99 193-27 9 82.5V165s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
85
+ />
86
+ <path
87
+ fill="#FFFAD5"
88
+ d="M21.5 296c-14-17-8-34-8-38L-7 312l195 126 184-109.5V246s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
89
+ />
90
+ </g>
91
+ <path
92
+ fill="#D9800D"
93
+ d="M187 74.3a5 5 0 0 0-.5-2.1 34.2 34.2 0 0 0-12.2-13.6 32.3 32.3 0 0 0-18.6-5.6H103a34 34 0 0 0-30.6 19.2c-.4.6-.5 1.3-.5 2V152a5 5 0 0 0 5 5h38.8a5 5 0 0 0 5-5v-42a5 5 0 0 1 5-5h7.4a5 5 0 0 1 5 5v59.3a5 5 0 0 1-5 5h-30a33.6 33.6 0 0 0-30.7 19.1c-.3.7-.5 1.4-.5 2.1v113.4c0 .7.1 1.4.5 2a33 33 0 0 0 13.7 14.7c.7.4 1.5.6 2.3.6H182a5 5 0 0 0 5-5v-72.6a5 5 0 0 0-5-5h-38.8a5 5 0 0 0-5 5V273a5 5 0 0 1-5 5h-7.4a5 5 0 0 1-5-5v-41.8a5 5 0 0 1 5-5h29.9c7 0 13.2-1.9 18.6-5.6a36 36 0 0 0 12.2-13.5c.3-.7.5-1.4.5-2.2V74.3Zm126.4 230.5c0 .8-.2 1.5-.5 2.2-2.9 5.5-7 10-12.2 13.5a32.3 32.3 0 0 1-18.7 5.6h-52.5c-7 0-13.2-1.9-18.8-5.6-5.2-3.5-9.1-8-11.9-13.6-.3-.6-.4-1.3-.4-2V70.5c0-.7.1-1.4.4-2 3.2-6.5 8-11.5 14.4-15a5 5 0 0 1 2.2-.5H296c.8 0 1.6.2 2.3.6a34 34 0 0 1 14.5 14.8c.3.7.5 1.4.5 2.2v234.2Zm-53.9-30.7a5 5 0 0 0 5-5V105.9a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5v163.2a5 5 0 0 0 5 5h7.3Z"
94
+ />
95
+ <path
96
+ fill="#FFFFEF"
97
+ d="M187 58.2c0-.7-.2-1.4-.5-2a34.2 34.2 0 0 0-12.2-13.6 32.3 32.3 0 0 0-18.6-5.6H103a33.2 33.2 0 0 0-30.6 19.2c-.4.6-.5 1.3-.5 2v77.6a5 5 0 0 0 5 5h38.8a5 5 0 0 0 5-5v-42a5 5 0 0 1 5-5h7.4a5 5 0 0 1 5 5v59.3a5 5 0 0 1-5 5h-30c-7 0-13.3 2-18.9 5.6-5.2 3.6-9.1 8-11.8 13.6-.3.6-.5 1.3-.5 2v113.4c0 .8.1 1.5.5 2.1 3 6.2 7.6 11.1 13.7 14.6.7.4 1.5.6 2.3.6H182a5 5 0 0 0 5-5v-72.5a5 5 0 0 0-5-5h-38.8a5 5 0 0 0-5 5V257a5 5 0 0 1-5 5h-7.4a5 5 0 0 1-5-5v-42a5 5 0 0 1 5-5h29.9a32 32 0 0 0 18.6-5.5c5.3-3.6 9.3-8 12.2-13.6a5 5 0 0 0 .5-2.1V58.2Zm126.4 230.6a5 5 0 0 1-.5 2.1c-2.9 5.5-7 10-12.2 13.6A32.3 32.3 0 0 1 282 310h-52.5a33.2 33.2 0 0 1-30.7-19.1c-.3-.6-.4-1.4-.4-2V54.4c0-.7.1-1.4.4-2 3.2-6.6 8-11.5 14.4-15a5 5 0 0 1 2.2-.5H296a6 6 0 0 1 2.3.5 34 34 0 0 1 14.5 14.9c.3.7.5 1.4.5 2.1v234.3ZM259.5 258a5 5 0 0 0 5-5V90a5 5 0 0 0-5-5h-7.3a5 5 0 0 0-5 5v163a5 5 0 0 0 5 5h7.3Z"
98
+ />
99
+ <defs>
100
+ <linearGradient id="b" x1="147" x2="201.5" y1="0" y2="418.5" gradientUnits="userSpaceOnUse">
101
+ <stop stop-color="#F8EF0A" />
102
+ <stop offset="1" stop-color="#F5BE1B" />
103
+ </linearGradient>
104
+ <linearGradient id="d" x1="111" x2="-21" y1="357.5" y2="126" gradientUnits="userSpaceOnUse">
105
+ <stop stop-color="#FE9C15" />
106
+ <stop offset="1" stop-color="#FE9C15" stop-opacity="0" />
107
+ </linearGradient>
108
+ </defs>
109
+ </svg>
frontend/src/lib/badges/two.svelte ADDED
@@ -0,0 +1,84 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script lang="ts">
2
+ export let classNames = '';
3
+ </script>
4
+
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ xmlns:xlink="http://www.w3.org/1999/xlink"
8
+ fill="none"
9
+ viewBox="0 0 385 450"
10
+ width="385"
11
+ height="450"
12
+ class={classNames}
13
+ >
14
+ <defs>
15
+ <path
16
+ id="a"
17
+ fill="#6A2B16"
18
+ d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
19
+ />
20
+ </defs>
21
+ <use xlink:href="#a" />
22
+ <mask
23
+ id="b"
24
+ width="385"
25
+ height="443"
26
+ x="0"
27
+ y="4"
28
+ maskUnits="userSpaceOnUse"
29
+ style="mask-type:alpha"
30
+ >
31
+ <use xlink:href="#a" />
32
+ </mask>
33
+ <g fill="#4D1D0D" mask="url(#b)">
34
+ <path
35
+ d="m-5.5 196 23-34.5L19 196l-23 25-1.5-25Zm394 111.5-21-18-3.5 11 23 25 1.5-18Zm0-60.5c7 0-21-25.5-21-25.5L364 240l23 25s-5.5-18 1.5-18Zm-1.5-71.5-19.5-24-25 14.5 24.5-4.5 19.5 20 .5-6Zm-1.5-59.1c6.7-2.3-28.2-17.1-28.2-17.1l2.8 18.6c18.4 7.4 23.7 10.7 30 16 0 0-11.2-15.1-4.6-17.5ZM-5 279.5c12.8-8 16.3-17.7 23-34.5l-1 14S5 285.5-4 281.5s-1-2-1-2Zm4 61c8-4 14.5-19 23-34.5l4 3.5c-15 18.5-9.5 24-19 40l-8-9Zm240 85c-17 2-12-18-20.5-33.5l-6.5 2.5c15 18.5-7 29.5 2.5 45.5l24.5-14.5Zm-205-62c3-22.5 14.5-19 23-34.5l17.5 11c-15 18.5-30 9-32.5 32.5l-8-9Zm72 41c-1-45.5-4.5-47.5 9-53.5l28.5 3c-8.2 7.6-17 8-24.5 11.5-4 5-8 23-8 39.5l-5-.5Zm177.5-49c6 14-14 38.1 0 49l-7.3 6.5c-15.9-17.8 7-39.5 1.3-52l6-3.5Z"
36
+ />
37
+ </g>
38
+ <path
39
+ fill="url(#c)"
40
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l66.4 39.5a25 25 0 0 0 16.2 3.3l29.7-4c1.2-.2 1.6 1.4.5 1.8l-22.3 9.5a2 2 0 0 0-.3 3.5l57.4 34.1a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V162.8a2 2 0 0 0-2.3-2l-16 2.6c-1 .2-1.5-1.4-.5-1.9l17.1-8.2a3 3 0 0 0 1.7-2.7v-31.5a25 25 0 0 0-12.4-21.6Z"
41
+ />
42
+ <g opacity=".3" style="mix-blend-mode:multiply">
43
+ <mask
44
+ id="d"
45
+ width="351"
46
+ height="403"
47
+ x="17"
48
+ y="4"
49
+ maskUnits="userSpaceOnUse"
50
+ style="mask-type:alpha"
51
+ >
52
+ <path
53
+ fill="#C46545"
54
+ d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
55
+ />
56
+ </mask>
57
+ <g fill="#B66D40" mask="url(#d)">
58
+ <path
59
+ d="M399.5 80.5C266 122 87.5 50.5-19 203.5l8 12.5C166.5 93.5 301.8 111.5 399.5 80.5ZM269 32c-112 7-91.5-18-161.5-18L82 32c44.6 12.4 72.4 18.8 198 12.5L269 32Zm-68 125.5c-84.9 24.9-129.3 43-193 96l-10 21c74.6-60.5 118.5-88 203-117ZM64.2 276c-19.7 4.6-62.4 50.4-62.4 50.4C37 299.6 88 279 91.8 293.7c3.8 14.7-32.9 37.8-38.7 37.6C36.4 331 3.7 339 3.7 339s51.7 2.5 59.6 5.1c15.1 4.8 45.4-48.5 65-62.9-1.7-6.5-44.5-9.7-64.1-5.2ZM301 134.5c20.8-4.2 63.1-21 70.5-31.5l5 14.5c-27.2 13.8-44.5 15-75.5 17Zm-177.5 106C242 205.5 306.4 209.2 395 227l-4 27.5c-27.5-19.5-149-38.7-267.5-14Zm98.5 40.2c55.8-4.4 146.7 11.7 152 30.1l10.7-14.6c-51-22.6-87.8-24-162.7-15.5Zm55 88.3c27-39.5-8.5-61.5-106.5-21 67-14 114-18.5 106.5 21Zm-63.3 36c16.4-20.4-5.2-31.8-64.7-10.9 40.7-7.2 69.2-9.5 64.7 10.9Z"
60
+ />
61
+ </g>
62
+ </g>
63
+ <path
64
+ fill="#98492E"
65
+ d="M249 68.5c0-1-.2-1.8-.6-2.6-2.8-5.5-6.9-10-12-13.3a32.3 32.3 0 0 0-18.7-5.6H165a34 34 0 0 0-30.6 19c-.3.7-.5 1.6-.5 2.4v76.4a6 6 0 0 0 6 6h36.8a6 6 0 0 0 6-6v-40a6 6 0 0 1 6-6h5.4a6 6 0 0 1 6 6v57.3a6 6 0 0 1-6 6h-29c-7 0-13.3 2-18.9 5.6a35 35 0 0 0-11.7 13.4c-.4.8-.6 1.6-.6 2.5v113c0 .8.2 1.6.6 2.4 3 6 7.5 10.8 13.4 14.3.8.5 1.8.7 2.8.7H243a6 6 0 0 0 6-6v-70.5a6 6 0 0 0-6-6h-36.8a6 6 0 0 0-6 6V266a6 6 0 0 1-6 6h-5.4a6 6 0 0 1-6-6v-40a6 6 0 0 1 6-6h28.9a32 32 0 0 0 18.6-5.5c5.2-3.5 9.2-8 12-13.4.5-.8.7-1.6.7-2.5V68.5Z"
66
+ />
67
+ <path
68
+ fill="#FFD193"
69
+ d="M249 58.5c0-1-.2-1.8-.6-2.6-2.8-5.5-6.9-10-12-13.3a32.3 32.3 0 0 0-18.7-5.6H165a34 34 0 0 0-30.6 19c-.3.7-.5 1.6-.5 2.4v76.4a6 6 0 0 0 6 6h36.8a6 6 0 0 0 6-6v-40a6 6 0 0 1 6-6h5.4a6 6 0 0 1 6 6v57.3a6 6 0 0 1-6 6h-29c-7 0-13.3 2-18.9 5.6a35 35 0 0 0-11.7 13.4c-.4.8-.6 1.6-.6 2.5v113c0 .8.2 1.6.6 2.4 3 6 7.5 10.8 13.4 14.3.8.5 1.8.7 2.8.7H243a6 6 0 0 0 6-6v-70.5a6 6 0 0 0-6-6h-36.8a6 6 0 0 0-6 6V256a6 6 0 0 1-6 6h-5.4a6 6 0 0 1-6-6v-40a6 6 0 0 1 6-6h28.9a32 32 0 0 0 18.6-5.5c5.2-3.5 9.2-8 12-13.4.5-.8.7-1.6.7-2.5V58.5Z"
70
+ />
71
+ <defs>
72
+ <linearGradient
73
+ id="c"
74
+ x1="107.5"
75
+ x2="208.5"
76
+ y1="-13.5"
77
+ y2="446.5"
78
+ gradientUnits="userSpaceOnUse"
79
+ >
80
+ <stop stop-color="#EEB657" />
81
+ <stop offset="1" stop-color="#B65841" />
82
+ </linearGradient>
83
+ </defs>
84
+ </svg>
frontend/src/lib/utils.ts CHANGED
@@ -36,6 +36,16 @@ export const colors = {
36
  [LetterState.INITIAL]: '#5d5d5d'
37
  };
38
 
 
 
 
 
 
 
 
 
 
 
39
  export const cheersMessages = [
40
  '🤗 Hugging 🤗',
41
  '🧞 Genius 🧞',
@@ -43,5 +53,5 @@ export const cheersMessages = [
43
  '😲 Impressive 😲',
44
  '🧚 Splendid 🧚',
45
  '✳ Great ✳',
46
- '🍡 Phew 🍡',
47
  ];
 
36
  [LetterState.INITIAL]: '#5d5d5d'
37
  };
38
 
39
+ export const badges = {
40
+ 2: 'two',
41
+ 5: 'five',
42
+ 10: 'ten',
43
+ 15: 'fifteen',
44
+ 20: 'twenty',
45
+ 35: 'thirtyfive',
46
+ 50: 'fifty'
47
+ };
48
+
49
  export const cheersMessages = [
50
  '🤗 Hugging 🤗',
51
  '🧞 Genius 🧞',
 
53
  '😲 Impressive 😲',
54
  '🧚 Splendid 🧚',
55
  '✳ Great ✳',
56
+ '🍡 Phew 🍡'
57
  ];