frontend/src/app.d.ts

@@ -57,18 +57,17 @@ declare global {
 
 		}
 		interface Route {
-			id: number;
+			id: 1,
-			cover: string;
+			name_it: "GLI INSEDIAMENTI ANTICHI LUNGO IL TIDONE",
-			name_it: string;
+			name_en: "GLI INSEDIAMENTI ANTICHI LUNGO IL TIDONE",
-			name_en: string;
+			description_it: "Il percorso pone l\u2019attenzione su diversi borghi situati lungo il corso del Tidone. L\u2019insediamento umano in Val Tidone \u00e8 testimoniato fin dalle epoche pi\u00f9 remote, quando l\u2019uomo, in base alle necessit\u00e0 delle varie epoche, sceglie terrazzi fluviali o luoghi pi\u00f9 riparati per impiantare i propri siti abitati.  \r\n\r\nL\u2019itinerario partendo da Arcello, passando per Pianello V.T., e risalendo il corso del torrente fino a Vallerenzo, incontra numerosi borghi, dove rinvenimenti archeologici testimoniano la presenza romana e lo sfruttamento agricolo dell\u2019area. In epoca successiva, la costruzione di chiese, castelli e monasteri fa comprendere l\u2019importanza strategica del territorio durante tutto il Medioevo, nelle lotte per il potere e come snodo degli itinerari di commercio e di pellegrinaggio.",
-			description_it: string;
+			description_en: "The route focuses on various villages located along the Tidone. Human settlement in Val Tidone has been witnessed since the most remote times, when man, based on the needs of the various eras, chose river terraces or more sheltered places to establish his own inhabited sites.\r\n\r\nThe itinerary starting from Arcello, passing through Pianello V.T., and going up the course of the stream to Vallerenzo, encounters numerous villages, where archaeological finds testify to the Roman presence and the agricultural exploitation of the area. In the subsequent era, the construction of churches, castles and monasteries makes us understand the strategic importance of the territory throughout the Middle Ages, in the struggles for power and as a hub for trade and pilgrimage itineraries.",
-			description_en: string;
+			route_category_id: 2,
-			route_category_id: number;
+			created_at: "2023-11-02T10:50:07.000000Z",
-			created_at: "2023-11-02T10:50:07.000000Z";
+			updated_at: null,
-			updated_at: null;
+			deleted_at: null,
-			deleted_at: null;
+			route_sport_details: Array<SportDetails>,
-			route_sport_details: Array<SportDetails>;
+			elevation_gain?: number,
-			elevation_gain?: number;
 		}
 	}
 }

frontend/src/lib/components/Path.svelte

@@ -7,6 +7,7 @@
 	export const path = `/paths/${id}`;
 	export let src: string;
 
+	console.log(id)
 	let image = '/archi.png'
 	switch (id) {
 		case 1:

frontend/src/lib/components/Route.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
-	import {PUBLIC_BACKEND_URL} from '$env/static/public'
-
 	export let route: App.Route;
 </script>
 
 <a href="/routes/{route.id}">
-	<div id="image" style:background-image="url({route.cover})" />
+	<div id="image" style="background-image: url(/images/test-1.jpg" />
 	<div id='path-holder'>
+		<div style='font-size: 20px;'>Percorso</div>
 		<p class='path-name'>{route.title_it}</p>
 	</div>
 	<div id='duration-holder'>
@@ -22,7 +21,7 @@
 		display: block;
 		box-shadow: 0 0 50px #ccc;
 		border-radius: 5px;
-		width: calc((100% - 50px));
+		width: calc((100% - 50px) / 2);
 		font-size: 18px;
 	}
 
@@ -60,14 +59,10 @@
 		padding-top: 2px;
 		padding-bottom: 2px;
 		font-weight: bold;
-		font-size: 1em;
+		font-size: 22px;
-		line-height: 1em;
-		text-overflow: ellipsis;
-		overflow: hidden;
 	}
 
 	.path-name {
 		view-transition-name: title;
-		max-height: 2em;
 	}
 </style>