Compare commits

...

2 commits

Author SHA1 Message Date
uku
8e33400516
fix: add titles & minor translations
All checks were successful
deploy to cloudflare pages / deploy (push) Successful in 33s
2024-11-27 10:19:24 +01:00
uku
3279036332
feat: add new logo 2024-11-27 10:14:58 +01:00
8 changed files with 33 additions and 10 deletions

View file

@ -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>

View file

@ -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%;
} }

View file

@ -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;

View file

@ -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}>

View file

@ -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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB