diff --git a/site/content/examples/00-introduction/00-adding-data/App.svelte b/site/content/examples/00-introduction/00-hello-world/App.svelte
similarity index 53%
rename from site/content/examples/00-introduction/00-adding-data/App.svelte
rename to site/content/examples/00-introduction/00-hello-world/App.svelte
index 2ab60ba0ac..22b3c84db0 100644
--- a/site/content/examples/00-introduction/00-adding-data/App.svelte
+++ b/site/content/examples/00-introduction/00-hello-world/App.svelte
@@ -2,4 +2,4 @@
 	let name = 'world';
 </script>
 
-<h1>Hello {name.toUpperCase()}!</h1>
\ No newline at end of file
+<h1>Hello {name}!</h1>
\ No newline at end of file
diff --git a/site/content/examples/00-introduction/00-adding-data/meta.json b/site/content/examples/00-introduction/00-hello-world/meta.json
similarity index 100%
rename from site/content/examples/00-introduction/00-adding-data/meta.json
rename to site/content/examples/00-introduction/00-hello-world/meta.json
diff --git a/site/content/examples/00-introduction/01-dynamic-attributes/App.svelte b/site/content/examples/00-introduction/01-dynamic-attributes/App.svelte
index 6a12752e1a..6a76b43dde 100644
--- a/site/content/examples/00-introduction/01-dynamic-attributes/App.svelte
+++ b/site/content/examples/00-introduction/01-dynamic-attributes/App.svelte
@@ -3,4 +3,5 @@
 	let name = 'Rick Astley';
 </script>
 
+<!-- {src} is short for src={src} -->
 <img {src} alt="{name} dancing">
\ No newline at end of file
diff --git a/site/content/examples/00-introduction/02-styling/App.svelte b/site/content/examples/00-introduction/02-styling/App.svelte
index ab87af83d8..cacaf8ccba 100644
--- a/site/content/examples/00-introduction/02-styling/App.svelte
+++ b/site/content/examples/00-introduction/02-styling/App.svelte
@@ -6,4 +6,4 @@
 	}
 </style>
 
-<p>This is a paragraph.</p>
\ No newline at end of file
+<p>Styled!</p>
\ No newline at end of file
diff --git a/site/content/examples/00-introduction/03-nested-components/App.svelte b/site/content/examples/00-introduction/03-nested-components/App.svelte
index 9ba76665bf..e0a2e5fe17 100644
--- a/site/content/examples/00-introduction/03-nested-components/App.svelte
+++ b/site/content/examples/00-introduction/03-nested-components/App.svelte
@@ -10,5 +10,5 @@
 	}
 </style>
 
-<p>This is a paragraph.</p>
+<p>These styles...</p>
 <Nested/>
\ No newline at end of file
diff --git a/site/content/examples/00-introduction/03-nested-components/Nested.svelte b/site/content/examples/00-introduction/03-nested-components/Nested.svelte
index 5297ab1044..17685233a5 100644
--- a/site/content/examples/00-introduction/03-nested-components/Nested.svelte
+++ b/site/content/examples/00-introduction/03-nested-components/Nested.svelte
@@ -1 +1 @@
-<p>This is another paragraph.</p>
\ No newline at end of file
+<p>...don't affect this element</p>
\ No newline at end of file
diff --git a/site/content/examples/00-introduction/04-html-tags/App.svelte b/site/content/examples/00-introduction/04-html-tags/App.svelte
index 527e9a4830..4029f076e2 100644
--- a/site/content/examples/00-introduction/04-html-tags/App.svelte
+++ b/site/content/examples/00-introduction/04-html-tags/App.svelte
@@ -1,5 +1,5 @@
 <script>
-	let string = `this string contains some <strong>HTML!!!</strong>`;
+	let string = `here's some <strong>HTML!!!</strong>`;
 </script>
 
 <p>{@html string}</p>
\ No newline at end of file
diff --git a/site/content/examples/01-reactivity/00-reactive-assignments/meta.json b/site/content/examples/01-reactivity/00-reactive-assignments/meta.json
index ab1554aae4..feb3e8f338 100644
--- a/site/content/examples/01-reactivity/00-reactive-assignments/meta.json
+++ b/site/content/examples/01-reactivity/00-reactive-assignments/meta.json
@@ -1,3 +1,3 @@
 {
-	"title": "Assignments"
+	"title": "Reactive assignments"
 }
\ No newline at end of file
diff --git a/site/content/examples/01-reactivity/01-reactive-declarations/App.svelte b/site/content/examples/01-reactivity/01-reactive-declarations/App.svelte
index a9fc207851..f7aca3bd80 100644
--- a/site/content/examples/01-reactivity/01-reactive-declarations/App.svelte
+++ b/site/content/examples/01-reactivity/01-reactive-declarations/App.svelte
@@ -1,6 +1,9 @@
 <script>
-	let count = 0;
+	let count = 1;
+
+	// the `$:` means 're-run whenever these values change'
 	$: doubled = count * 2;
+	$: quadrupled = doubled * 2;
 
 	function handleClick() {
 		count += 1;
@@ -8,7 +11,8 @@
 </script>
 
 <button on:click={handleClick}>
-	Clicked {count} {count === 1 ? 'time' : 'times'}
+	Count: {count}
 </button>
 
-<p>{count} doubled is {doubled}</p>
\ No newline at end of file
+<p>{count} * 2 = {doubled}</p>
+<p>{doubled} * 2 = {quadrupled}</p>
\ No newline at end of file
diff --git a/site/content/examples/01-reactivity/01-reactive-declarations/meta.json b/site/content/examples/01-reactivity/01-reactive-declarations/meta.json
index d90a3844a9..d824d83669 100644
--- a/site/content/examples/01-reactivity/01-reactive-declarations/meta.json
+++ b/site/content/examples/01-reactivity/01-reactive-declarations/meta.json
@@ -1,3 +1,3 @@
 {
-	"title": "Declarations"
+	"title": "Reactive declarations"
 }
\ No newline at end of file
diff --git a/site/content/examples/01-reactivity/02-reactive-statements/meta.json b/site/content/examples/01-reactivity/02-reactive-statements/meta.json
index b4fe04850a..1ef62c8830 100644
--- a/site/content/examples/01-reactivity/02-reactive-statements/meta.json
+++ b/site/content/examples/01-reactivity/02-reactive-statements/meta.json
@@ -1,3 +1,3 @@
 {
-	"title": "Statements"
+	"title": "Reactive statements"
 }
\ No newline at end of file
diff --git a/site/content/examples/05-bindings/10-bind-this/meta.json b/site/content/examples/05-bindings/10-bind-this/meta.json
index 86cb4af3d1..da5ce399ab 100644
--- a/site/content/examples/05-bindings/10-bind-this/meta.json
+++ b/site/content/examples/05-bindings/10-bind-this/meta.json
@@ -1,3 +1,3 @@
 {
-	"title": "This"
+	"title": "bind:this={canvas}"
 }
\ No newline at end of file
diff --git a/site/static/examples/thumbnails/adding-data.png b/site/static/examples/thumbnails/adding-data.png
deleted file mode 100644
index 8a005f84cc..0000000000
Binary files a/site/static/examples/thumbnails/adding-data.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/hello-world.png b/site/static/examples/thumbnails/hello-world.png
new file mode 100644
index 0000000000..b9acfca3b7
Binary files /dev/null and b/site/static/examples/thumbnails/hello-world.png differ
diff --git a/site/static/examples/thumbnails/html-tags.png b/site/static/examples/thumbnails/html-tags.png
index 5529d08ccf..6d744e4eb3 100644
Binary files a/site/static/examples/thumbnails/html-tags.png and b/site/static/examples/thumbnails/html-tags.png differ
diff --git a/site/static/examples/thumbnails/nested-components.png b/site/static/examples/thumbnails/nested-components.png
index 7b8870e1f0..12700c9302 100644
Binary files a/site/static/examples/thumbnails/nested-components.png and b/site/static/examples/thumbnails/nested-components.png differ
diff --git a/site/static/examples/thumbnails/reactive-declarations.png b/site/static/examples/thumbnails/reactive-declarations.png
index 72d61c7bf2..bb342db5b0 100644
Binary files a/site/static/examples/thumbnails/reactive-declarations.png and b/site/static/examples/thumbnails/reactive-declarations.png differ
diff --git a/site/static/examples/thumbnails/styling.png b/site/static/examples/thumbnails/styling.png
index a86eb8ed3c..f8ad7e4a39 100644
Binary files a/site/static/examples/thumbnails/styling.png and b/site/static/examples/thumbnails/styling.png differ
diff --git a/site/static/examples/thumbnails/svelte-self.png b/site/static/examples/thumbnails/svelte-self.png
index ac17d27f9b..ad44d6a25d 100644
Binary files a/site/static/examples/thumbnails/svelte-self.png and b/site/static/examples/thumbnails/svelte-self.png differ