diff --git a/zenno/src/routes/doc/lanecalc/+page.svelte b/zenno/src/routes/doc/lanecalc/+page.svelte
index ce6f7d5..9f569b6 100644
--- a/zenno/src/routes/doc/lanecalc/+page.svelte
+++ b/zenno/src/routes/doc/lanecalc/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { resolve } from '$app/paths';
+	import { asset, resolve } from '$app/paths';
 	import Skill from '$lib/Skill.svelte';
 	import Sec from '../Sec.svelte';
 	import * as skill from '$lib/data/skill';
@@ -165,12 +165,12 @@
 		The top section of lane calc is the course setup section. Set the race location, course at the location, and ground condition
 		here.
 	</p>
-	<a href={courseSetupHoriz}>
+	<a href={asset(courseSetupHoriz)}>
 		<picture>
-			<source srcset={courseSetupHoriz} media="(orientation: landscape)" width="882" height="111" />
+			<source srcset={asset(courseSetupHoriz)} media="(orientation: landscape)" width="882" height="111" />
 			<img
 				class="mx-auto"
-				src={courseSetupVert}
+				src={asset(courseSetupVert)}
 				width="412"
 				height="214"
 				alt="Lanecalc's course setup section with English labels"
@@ -188,10 +188,16 @@
 
 	<Sec h={2} id="uma">Uma Setup</Sec>
 	<p>The next section is the setup for the Uma.</p>
-	<a href={umaSetupHoriz}>
+	<a href={asset(umaSetupHoriz)}>
 		<picture>
-			<source srcset={umaSetupHoriz} media="(orientation: landscape)" width="878" height="218" />
-			<img class="mx-auto" src={umaSetupVert} width="412" height="456" alt="Lanecalc's Uma setup section with English labels" />
+			<source srcset={asset(umaSetupHoriz)} media="(orientation: landscape)" width="878" height="218" />
+			<img
+				class="mx-auto"
+				src={asset(umaSetupVert)}
+				width="412"
+				height="456"
+				alt="Lanecalc's Uma setup section with English labels"
+			/>
 		</picture>
 	</a>
 	<div class="mb-4 grid grid-cols-1 text-center text-xl md:grid-cols-3">
@@ -220,9 +226,9 @@
 
 	<Sec h={2} id="chart">Results Chart</Sec>
 	<p>Once the course and Uma are configured, click the green 計算 button. After a moment, the results appear.</p>
-	<a href={resultsChart}>
+	<a href={asset(resultsChart)}>
 		<picture>
-			<img class="mx-auto" src={resultsChart} width="800" height="600" alt="Lanecalc results chart" />
+			<img class="mx-auto" src={asset(resultsChart)} width="800" height="600" alt="Lanecalc results chart" />
 		</picture>
 	</a>
 	<p class="mt-4">
@@ -260,10 +266,10 @@
 			skill={skills.ignitedWIT}
 		/>.
 	</p>
-	<a href={resultsHoriz}>
+	<a href={asset(resultsHoriz)}>
 		<picture>
-			<source srcset={resultsHoriz} media="(orientation: landscape)" width="700" height="176" />
-			<img class="mx-auto" src={resultsVert} width="380" height="703" alt="Lanecalc results summary" />
+			<source srcset={asset(resultsHoriz)} media="(orientation: landscape)" width="700" height="176" />
+			<img class="mx-auto" src={asset(resultsVert)} width="380" height="703" alt="Lanecalc results summary" />
 		</picture>
 	</a>
 	<div class="mb-4 grid grid-cols-1 text-center text-xl md:grid-cols-3">