niklas/beerpong-elo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added Front page

Browse Source 
WIP
This commit is contained in:
Niklas Kapelle 2025-05-07 19:14:44 +02:00
parent abbc2de298
commit b9d1a748d8
Signed by: niklas
GPG Key ID: 4EB651B36D841D16
1 changed files with 61 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
web/src/pages/Front.svelte Normal file
View File

@ -0,0 +1,61 @@
<script lang="ts">
import LastGameCard from "../lib/LastGameCard.svelte";
import TopPlayerCard from "../lib/TopPlayerCard.svelte";
import Search from "../lib/Search.svelte";
</script>
<div class="flex justify-center">
<div class="flex flex-col w-3/4">
<div class="mb-7 mt-3">
<Search
placeholder="Search player"
onSuggest={(s) => {
return ["One", "Two", s];
}}
/>
</div>
<div class="mb-7">
<h1 class="heading">Top players</h1>
<div>
<TopPlayerCard place={1} name="Player 1" elo={1337} playerID="1" />
<TopPlayerCard place={2} name="Player 2" elo={1234} playerID="2" />
<TopPlayerCard place={3} name="Player 3" elo={1001} playerID="3" />
</div>
</div>
<div class="mb-7">
<h1 class="heading">Last games</h1>
<div>
<LastGameCard
id="1"
score={2}
t0p0="Player 1"
t0p1="Player 2"
t1p0="Player 3"
t1p1="Player 4"
/>
<LastGameCard
id="2"
score={-2}
t0p0="Player 1"
t0p1="Player 2"
t1p0="Player 3"
t1p1="Player 4"
/>
<LastGameCard
id="3"
score={2}
t0p0="Player 1"
t0p1="Player 2"
t1p0="Player 3"
t1p1="Player 4"
/>
</div>
</div>
</div>
</div>
<style>
.heading {
@apply text-2xl;
}
</style>