From 1dfb72876929db9f4977a784b419a6694b53e953 Mon Sep 17 00:00:00 2001
From: Ignatius Bagus <ignatius.mbs@gmail.com>
Date: Tue, 21 Dec 2021 17:03:42 +0700
Subject: [PATCH] examples links

---
 site/content/examples/03-logic/05-await-blocks/App.svelte   | 4 ++--
 .../15-composition/02-named-slots/ContactCard.svelte        | 6 +++---
 .../examples/17-special-elements/00-svelte-self/File.svelte | 4 ++--
 .../17-special-elements/00-svelte-self/Folder.svelte        | 4 ++--
 .../examples/17-special-elements/04-svelte-body/App.svelte  | 4 ++--
 .../examples/17-special-elements/05-svelte-head/App.svelte  | 4 ++--
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/site/content/examples/03-logic/05-await-blocks/App.svelte b/site/content/examples/03-logic/05-await-blocks/App.svelte
index 8c8036c0f1..a6d0346733 100644
--- a/site/content/examples/03-logic/05-await-blocks/App.svelte
+++ b/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}
\ No newline at end of file
+{/await}
diff --git a/site/content/examples/15-composition/02-named-slots/ContactCard.svelte b/site/content/examples/15-composition/02-named-slots/ContactCard.svelte
index 87bd392afa..1068641891 100644
--- a/site/content/examples/15-composition/02-named-slots/ContactCard.svelte
+++ b/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) }
-	.email   { background-image: url(tutorial/icons/email.svg) }
+	.address { background-image: url(/tutorial/icons/map-marker.svg) }
+	.email   { background-image: url(/tutorial/icons/email.svg) }
 	.missing { color: #999 }
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/examples/17-special-elements/00-svelte-self/File.svelte b/site/content/examples/17-special-elements/00-svelte-self/File.svelte
index 8a0048dd68..e769ab4841 100644
--- a/site/content/examples/17-special-elements/00-svelte-self/File.svelte
+++ b/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>
\ No newline at end of file
+</style>
diff --git a/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte b/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte
index c65e177983..7e9f667dd2 100644
--- a/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte
+++ b/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 {
diff --git a/site/content/examples/17-special-elements/04-svelte-body/App.svelte b/site/content/examples/17-special-elements/04-svelte-body/App.svelte
index d3245ab447..fddc8f8d0a 100644
--- a/site/content/examples/17-special-elements/04-svelte-body/App.svelte
+++ b/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>
\ No newline at end of file
+</style>
diff --git a/site/content/examples/17-special-elements/05-svelte-head/App.svelte b/site/content/examples/17-special-elements/05-svelte-head/App.svelte
index 38089c9fdd..8323b56ad0 100644
--- a/site/content/examples/17-special-elements/05-svelte-head/App.svelte
+++ b/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>
\ No newline at end of file
+<h1>Hello world!</h1>