tweak examples

site/content/examples/00-introduction/00-hello-world/App.svelte

@@ -2,4 +2,4 @@
 	let name = 'world';
 </script>
 
-<h1>Hello {name.toUpperCase()}!</h1>
+<h1>Hello {name}!</h1>

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">

site/content/examples/00-introduction/02-styling/App.svelte

@@ -6,4 +6,4 @@
 	}
 </style>
 
-<p>This is a paragraph.</p>
+<p>Styled!</p>

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/>

site/content/examples/00-introduction/03-nested-components/Nested.svelte

@@ -1 +1 @@
-<p>This is another paragraph.</p>
+<p>...don't affect this element</p>

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>

site/content/examples/01-reactivity/00-reactive-assignments/meta.json

@@ -1,3 +1,3 @@
 {
-	"title": "Assignments"
+	"title": "Reactive assignments"
 }

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>
+<p>{count} * 2 = {doubled}</p>
+<p>{doubled} * 2 = {quadrupled}</p>

site/content/examples/01-reactivity/01-reactive-declarations/meta.json

@@ -1,3 +1,3 @@
 {
-	"title": "Declarations"
+	"title": "Reactive declarations"
 }

site/content/examples/01-reactivity/02-reactive-statements/meta.json

@@ -1,3 +1,3 @@
 {
-	"title": "Statements"
+	"title": "Reactive statements"
 }

site/content/examples/05-bindings/10-bind-this/meta.json

@@ -1,3 +1,3 @@
 {
-	"title": "This"
+	"title": "bind:this={canvas}"
 }