fix: add titles & minor translations

feat: add new logo
2024-11-27 10:19:24 +01:00 · 2024-11-27 10:14:58 +01:00
8 changed files with 33 additions and 10 deletions
--- a/src/app.html
+++ b/src/app.html
@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<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" />
 		%sveltekit.head%
 	</head>
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -8,7 +8,11 @@
 	const props: Props = $props();
 </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">
 	{#if props.data.user === null}
@ -50,12 +54,15 @@
 </form>

 <style>
+	img {
+		vertical-align: middle;
+	}
+
 	.login {
 		font-size: 20px;
 	}

 	.pfp {
-		vertical-align: middle;
 		border-radius: 100%;
 	}

--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@ -105,7 +105,7 @@
 				.addTo(map)
 				.openPopup();
 		} else {
-			alert("it seems than an error occurred");
+			alert(`une erreur est survenue: ${response.status} ${await response.text()}`);
 		}

 		isChecking = false;
@ -135,18 +135,22 @@
 	}
 </script>

-{#await Promise.all([mapPromise, gamePromise])}
-	<h1>Loading...</h1>
+<svelte:head>
+	<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]}
 	<h1>{gameData.stopNames[currentIndex]}</h1>

 	<div>
 		{#if results === null}
-			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>SUBMIT</button>
+			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>VÉRIFIER</button>
 		{:else}
-			<button onclick={restartGame}>NEXT</button>
+			<button onclick={restartGame}>SUIVANT</button>
 		{/if}
 	</div>
 {/await}
@ -168,6 +172,10 @@
 		max-width: 100% !important;
 	}

+	button {
+		padding: 10px;
+	}
+
 	.results {
 		color: green;
 		font-size: 20px;
--- a/src/routes/leaderboard/+page.svelte
+++ b/src/routes/leaderboard/+page.svelte
@ -15,7 +15,11 @@
 	}
 </script>

-<h1>LEADERBOARD !!!!!</h1>
+<svelte:head>
+	<title>Tableau des scores</title>
+</svelte:head>
+
+<h1>Tableau des scores</h1>

 <div>
 	Mode: <select name="mode" bind:value={mode}>
--- a/src/routes/results/+page.svelte
+++ b/src/routes/results/+page.svelte
@ -14,6 +14,10 @@
 	const saveParams = new URLSearchParams({ next: `/api/save?id=${props.data.gameId}` });
 </script>

+<svelte:head>
+	<title>TCL-Guessr - Résultats</title>
+</svelte:head>
+
 <h1>Score total: {totalScore}</h1>

 <span>Mode: <b>{mode}</b></span>
--- a/static/favicon.avif
+++ b/static/favicon.avif
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/logo.avif
+++ b/static/logo.avif
Author	SHA1	Message	Date
uku	8e33400516	fix: add titles & minor translations All checks were successful deploy to cloudflare pages / deploy (push) Successful in 33s Details	2024-11-27 10:19:24 +01:00
uku	3279036332	feat: add new logo	2024-11-27 10:14:58 +01:00