examples links

site/content/examples/03-logic/05-await-blocks/App.svelte

@@ -2,7 +2,7 @@
 	let promise = getRandomNumber();
 
 	async function getRandomNumber() {
-		const res = await fetch(`tutorial/random-number`);
+		const res = await fetch(`/tutorial/random-number`);
 		const text = await res.text();
 
 		if (res.ok) {
@@ -27,4 +27,4 @@
 	<p>The number is {number}</p>
 {:catch error}
 	<p style="color: red">{error.message}</p>
-{/await}
+{/await}

site/content/examples/15-composition/02-named-slots/ContactCard.svelte

@@ -41,7 +41,7 @@
 		line-height: 1.2;
 	}
 
-	.address { background-image: url(tutorial/icons/map-marker.svg) }
+	.address { background-image: url(/tutorial/icons/map-marker.svg) }
-	.email   { background-image: url(tutorial/icons/email.svg) }
+	.email   { background-image: url(/tutorial/icons/email.svg) }
 	.missing { color: #999 }
-</style>
+</style>

site/content/examples/17-special-elements/00-svelte-self/File.svelte

@@ -3,7 +3,7 @@
 	$: type = name.slice(name.lastIndexOf('.') + 1);
 </script>
 
-<span style="background-image: url(tutorial/icons/{type}.svg)">{name}</span>
+<span style="background-image: url(/tutorial/icons/{type}.svg)">{name}</span>
 
 <style>
 	span {
@@ -11,4 +11,4 @@
 		background: 0 0.1em no-repeat;
 		background-size: 1em 1em;
 	}
-</style>
+</style>

site/content/examples/17-special-elements/00-svelte-self/Folder.svelte

@@ -30,14 +30,14 @@
 <style>
 	span {
 		padding: 0 0 0 1.5em;
-		background: url(tutorial/icons/folder.svg) 0 0.1em no-repeat;
+		background: url(/tutorial/icons/folder.svg) 0 0.1em no-repeat;
 		background-size: 1em 1em;
 		font-weight: bold;
 		cursor: pointer;
 	}
 
 	.expanded {
-		background-image: url(tutorial/icons/folder-open.svg);
+		background-image: url(/tutorial/icons/folder-open.svg);
 	}
 
 	ul {

site/content/examples/17-special-elements/04-svelte-body/App.svelte

@@ -14,7 +14,7 @@
 <img
 	class:curious={hereKitty}
 	alt="Kitten wants to know what's going on"
-	src="tutorial/kitten.png"
+	src="/tutorial/kitten.png"
 >
 
 <style>
@@ -34,4 +34,4 @@
 	:global(body) {
 		overflow: hidden;
 	}
-</style>
+</style>

site/content/examples/17-special-elements/05-svelte-head/App.svelte

@@ -1,5 +1,5 @@
 <svelte:head>
-	<link rel="stylesheet" href="tutorial/dark-theme.css">
+	<link rel="stylesheet" href="/tutorial/dark-theme.css">
 </svelte:head>
 
-<h1>Hello world!</h1>
+<h1>Hello world!</h1>