Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu! osu.bingo
osu
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

minor styling fixes

+19 -6
+1 -1
src/lib/components/Header.svelte
··· 7 7 <nav class="relative flex h-12 w-full items-center overflow-hidden p-1"> 8 8 <a href="/" class="flex h-10 gap-1 rounded p-2 transition hover:bg-zinc-900"> 9 9 <img src="/icon.svg" class="h-6" alt="" /> 10 - <div class="flex h-6 items-center text-nowrap font-display text-lg">bingo</div> 10 + <div class="flex h-6 items-center text-nowrap font-rounded text-lg font-bold">BINGO</div> 11 11 </a> 12 12 <VR /> 13 13 <NavLink href="/">Home</NavLink>
+1 -1
src/lib/components/MainPageSection.svelte
··· 3 3 </script> 4 4 5 5 <div> 6 - <h2 class="font-rounded text-2xl font-bold">{title}</h2> 6 + <h2 class="font-display text-2xl">{title}</h2> 7 7 <p class="ml-2"><slot /></p> 8 8 </div>
+4 -2
src/routes/(main)/+page.svelte
··· 12 12 </svelte:head> 13 13 14 14 <PageContainer> 15 - <div class="pattern h-[300px]"></div> 15 + <div class="flex h-[300px] items-center justify-center"> 16 + <h1 class="font-display text-[96px]">osu!Bingo</h1> 17 + </div> 16 18 <div class="m-auto mt-10 flex w-full max-w-[1200px] flex-col gap-10 lg:flex-row"> 17 19 <div> 18 20 <h1 class="text-3xl">Welcome to osu! Bingo!</h1> ··· 28 30 </MainPageSection> 29 31 30 32 <MainPageSection title="No square is safe!"> 31 - Even if a team claims a square, the other team can **reclaim** that square by getting a high 33 + Even if a team claims a square, the other team can <b>reclaim</b> that square by getting a high 32 34 score on the map that also meets the claim condition. 33 35 </MainPageSection> 34 36
+11 -1
src/routes/(main)/app.css
··· 23 23 src: url('/fonts/montserrat/Montserrat-Regular.ttf'); 24 24 } 25 25 26 + @font-face { 27 + font-family: 'Geo'; 28 + src: url('/fonts/Geo-Regular.ttf'); 29 + } 30 + 31 + @font-face { 32 + font-family: 'Poiret One'; 33 + src: url('/fonts/PoiretOne-Regular.ttf'); 34 + } 35 + 26 36 body { 27 37 @apply bg-zinc-900 font-sans text-purple-300; 28 - } 38 + }
static/fonts/Geo-Regular.ttf

This is a binary file and will not be displayed.

static/fonts/PoiretOne-Regular.ttf

This is a binary file and will not be displayed.

+2 -1
tailwind.config.js
··· 5 5 extend: { 6 6 fontFamily: { 7 7 sans: ['Montserrat', 'sans-serif'], 8 - display: ['Roundor', 'display', 'sans-serif'], 8 + display: ['Poiret One', 'display', 'sans-serif'], 9 9 rounded: ['Comfortaa', 'sans-serif'], 10 + square: ['Geo', 'sans-serif'], 10 11 mono: ['CutiveMono', 'monospace'] 11 12 }, 12 13 animation: {