Compare commits
2 commits
9de0059976
...
8e33400516
Author | SHA1 | Date | |
---|---|---|---|
8e33400516 | |||
3279036332 |
8 changed files with 33 additions and 10 deletions
|
@ -2,7 +2,7 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
<link rel="icon" href="%sveltekit.assets%/favicon.avif" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -8,7 +8,11 @@
|
||||||
const props: Props = $props();
|
const props: Props = $props();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h1>TCL-Guessr</h1>
|
<svelte:head>
|
||||||
|
<title>TCL-Guessr</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<h1><img src="/logo.avif" alt="tcl-guessr logo" width="240" height="240" /></h1>
|
||||||
|
|
||||||
<div class="login">
|
<div class="login">
|
||||||
{#if props.data.user === null}
|
{#if props.data.user === null}
|
||||||
|
@ -50,12 +54,15 @@
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
.login {
|
.login {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pfp {
|
.pfp {
|
||||||
vertical-align: middle;
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -105,7 +105,7 @@
|
||||||
.addTo(map)
|
.addTo(map)
|
||||||
.openPopup();
|
.openPopup();
|
||||||
} else {
|
} else {
|
||||||
alert("it seems than an error occurred");
|
alert(`une erreur est survenue: ${response.status} ${await response.text()}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
isChecking = false;
|
isChecking = false;
|
||||||
|
@ -135,18 +135,22 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#await Promise.all([mapPromise, gamePromise])}
|
<svelte:head>
|
||||||
<h1>Loading...</h1>
|
<title>TCL-Guessr</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
<div><button disabled>Loading...</button></div>
|
{#await Promise.all([mapPromise, gamePromise])}
|
||||||
|
<h1>Chargement...</h1>
|
||||||
|
|
||||||
|
<div><button disabled>Chargement...</button></div>
|
||||||
{:then [, gameData]}
|
{:then [, gameData]}
|
||||||
<h1>{gameData.stopNames[currentIndex]}</h1>
|
<h1>{gameData.stopNames[currentIndex]}</h1>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
{#if results === null}
|
{#if results === null}
|
||||||
<button onclick={checkLocation} disabled={!playerMarker || isChecking}>SUBMIT</button>
|
<button onclick={checkLocation} disabled={!playerMarker || isChecking}>VÉRIFIER</button>
|
||||||
{:else}
|
{:else}
|
||||||
<button onclick={restartGame}>NEXT</button>
|
<button onclick={restartGame}>SUIVANT</button>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/await}
|
{/await}
|
||||||
|
@ -168,6 +172,10 @@
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.results {
|
.results {
|
||||||
color: green;
|
color: green;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
|
@ -15,7 +15,11 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h1>LEADERBOARD !!!!!</h1>
|
<svelte:head>
|
||||||
|
<title>Tableau des scores</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<h1>Tableau des scores</h1>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
Mode: <select name="mode" bind:value={mode}>
|
Mode: <select name="mode" bind:value={mode}>
|
||||||
|
|
|
@ -14,6 +14,10 @@
|
||||||
const saveParams = new URLSearchParams({ next: `/api/save?id=${props.data.gameId}` });
|
const saveParams = new URLSearchParams({ next: `/api/save?id=${props.data.gameId}` });
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>TCL-Guessr - Résultats</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
<h1>Score total: {totalScore}</h1>
|
<h1>Score total: {totalScore}</h1>
|
||||||
|
|
||||||
<span>Mode: <b>{mode}</b></span>
|
<span>Mode: <b>{mode}</b></span>
|
||||||
|
|
BIN
static/favicon.avif
Normal file
BIN
static/favicon.avif
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.5 KiB |
BIN
static/logo.avif
Normal file
BIN
static/logo.avif
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue