Fix paths

Author: naitian

website/src/lib/CloseWide.svelte

@@ -1,13 +1,14 @@
 <script>
 	import Wide from './Wide.svelte';
+    import { base } from '$app/paths';
 </script>
 
 <figure>
 	<Wide>
-		<img class="wide" src="/wide.png" alt="A wide shot of Audrey Hepburn from the film Charade." />
+		<img class="wide" src={`${base}/wide.png`} alt="A wide shot of Audrey Hepburn from the film Charade." />
 		<img
 			class="close"
-			src="/close.png"
+			src={`${base}/close.png`}
 			alt="A close-up of Audrey Hepburn showing the details of her expression from the film Charade."
 		/>
 	</Wide>

website/src/lib/Video.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Wide from './Wide.svelte';
 	import { intersect } from 'svelte-intersection-observer-action';
+    import { base } from '$app/paths';
 
 	const intersectionOptions = {
 		callback: (entry) => {
@@ -17,7 +18,7 @@
 <Wide>
 	<div id="theater" class="video-container">
 		<div class="inner">
-			<video src="/ladies_and_gentlemen.mp4" use:intersect={intersectionOptions} controls></video>
+			<video src={`${base}/ladies_and_gentlemen.mp4`} use:intersect={intersectionOptions} controls></video>
             <p class="caption">Keep scrolling to dive in.</p>
 		</div>
 	</div>