clxxiii.dev
Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu!
osu.bingo
osu
1<script lang="ts">
2 export let grade: string;
3</script>
4
5<span class="font-rounded text-3xl font-black">
6 {#if grade == 'XH'}
7 <span class="rounded bg-blue-100 p-1 pb-0 text-zinc-700">SS</span>
8 {:else if grade == 'X'}
9 <span class="rounded bg-yellow-200 p-1 pb-0 text-zinc-700">SS</span>
10 {:else if grade == 'SH'}
11 <span class="text-blue-200">S</span>
12 {:else if grade == 'S'}
13 <span class="text-yellow-200">S</span>
14 {:else if grade == 'A'}
15 <span class="text-green-300">A</span>
16 {:else if grade == 'B'}
17 <span class="text-blue-300">B</span>
18 {:else if grade == 'C'}
19 <span class="text-purple-700">C</span>
20 {:else if grade == 'D'}
21 <span class="text-red-300">D</span>
22 {:else if grade == 'F'}
23 <span class="text-red-600">F</span>
24 {/if}
25</span>