Update mock things

frontend/src/app.d.ts

@@ -16,7 +16,8 @@ declare global {
 			"created_at": null,
 			"updated_at": null,
 			"deleted_at": null,
-			"color": string
+			"color": string,
+			"cover": string,
 		}
 		interface Sport {
 			"id": 1,

frontend/src/lib/components/Path.svelte

@@ -3,11 +3,12 @@
 	export let id: string;
 	export let color: string;
 	export const path = `/paths/${id}`;
+	export let src;
 </script>
 
 <a href={path} class="route-card">
 	<div class="route-card-left" style="background-color: {color}">
-		<img src="/images/app-bar-logo.png" alt="logo" />
+		<img {src} alt="logo" />
 	</div>
 	<div class="route-card-center">
 		<div class="name">
@@ -23,11 +24,12 @@
     	color: inherit;
     	cursor: pointer;
 		display: grid;
-		grid-template-columns: 100px auto 100px;
+		grid-template-columns: 50px auto 50px;
 		max-width: 100%;
 		width: calc(100% - 20px);
 		margin: 0 auto;
 		height: 100%;
+		font-size: 28px;
 	}
 	.route-card-right {
 		border-top-right-radius: 45px;
@@ -52,7 +54,6 @@
 		display: grid;
 		place-content: center;
 		font-weight: bold;
-		font-size: 20px;
 		padding: 4px;
 		max-width: 100%;
 		text-overflow: ellipsis;

frontend/src/lib/mock/routeCategories.json

@@ -7,7 +7,7 @@
 		"description_en": "Countryside routes",
 		"icon": "",
 		"color": "#de0e1b",
-		"cover": "/storage/api-images/cat_nature.jpg",
+		"cover": "/montagne.png",
 		"created_at": null,
 		"updated_at": null,
 		"deleted_at": null
@@ -20,7 +20,7 @@
 		"description_en": "History routes",
 		"icon": "",
 		"color": "#f6ae04",
-		"cover": "/storage/api-images/cat_history.jpg",
+		"cover": "/archi.png",
 		"created_at": null,
 		"updated_at": null,
 		"deleted_at": null
@@ -33,7 +33,7 @@
 		"description_en": "Culinarian and traditional routes",
 		"icon": "",
 		"color": "#213c8b",
-		"cover": "/storage/api-images/cat_trad.jpg",
+		"cover": "/bibbito.png",
 		"created_at": null,
 		"updated_at": null,
 		"deleted_at": null

frontend/src/routes/+page.svelte

@@ -14,7 +14,7 @@
 	<div id="welcome-message">Benvenuti a <span class="bold">Pianello Val Tidone</span></div>
 	<div id="route-cards">
 		{#each categories as category}
-			<Path color={category.color} name="{category.name_it}" id={String(category.id)} />
+			<Path src={category.cover} color={category.color} name="{category.name_it}" id={String(category.id)} />
 		{/each}
 	</div>
 </main>