src/routes/projects/animaldex/+page.svelte

@@ -63,7 +63,7 @@
 		const initMap = (center: [number, number], zoom: number) => {
 			map = new Map({
 				container: mapContainer,
-				style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + PUBLIC_MAPTILER_API_KEY,
+				style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
 				center,
 				zoom
 			});
@@ -217,7 +217,7 @@
 
 	<div class="absolute top-4 left-1/2 z-10 flex -translate-x-1/2 gap-2">
 		<a
-			href={resolve('/register')}
+			href={resolve('/projects/animaldex/register')}
 			class="flex items-center gap-2 rounded-full bg-orange-500 px-4 py-2 text-sm font-semibold text-white shadow-lg hover:bg-orange-600"
 		>
 			+ Log a sighting
@@ -345,7 +345,7 @@
 					{/each}
 				</div>
 				<a
-					href={resolve(`/register?animalId=${selected.animalId}`)}
+					href={resolve(`/projects/animaldex/register?animalId=${selected.animalId}`)}
 					class="mt-3 block w-full rounded-lg bg-orange-500 py-2 text-center text-sm font-semibold text-white hover:bg-orange-600"
 				>
 					I saw this animal too!

src/routes/projects/animaldex/register/+page.svelte

@@ -73,7 +73,7 @@
 
 		map = new Map({
 			container: mapContainer,
-			style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + PUBLIC_MAPTILER_API_KEY,
+			style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
 			center: [lng!, lat!],
 			zoom: 15
 		});