diff --git a/site/content/OLD.examples/await-block/App.svelte b/site/content/OLD.examples/await-block/App.svelte
deleted file mode 100644
index dce3340dde..0000000000
--- a/site/content/OLD.examples/await-block/App.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script>
-	let promise;
-
-	function findAnswer() {
-		promise = new Promise(fulfil => {
-			const delay = 1000 + Math.random() * 3000;
-			setTimeout(() => fulfil(42), delay);
-		});
-	}
-</script>
-
-<button on:click='{findAnswer}'>find the answer</button>
-
-{#if promise}
-	{#await promise}
-		<p>wait for it...</p>
-	{:then answer}
-		<p>the answer is {answer}!</p>
-	{:catch error}
-		<p>well that's odd</p>
-	{/await}
-{/if}
diff --git a/site/content/OLD.examples/binding-input-checkbox-group/App.svelte b/site/content/OLD.examples/binding-input-checkbox-group/App.svelte
deleted file mode 100644
index 9831a61591..0000000000
--- a/site/content/OLD.examples/binding-input-checkbox-group/App.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script>
-	const selected = ['blue'];
-</script>
-
-<label>
-	<input type=checkbox bind:group={selected} value="red">
-	red
-</label>
-
-<label>
-	<input type=checkbox bind:group={selected} value="green">
-	green
-</label>
-
-<label>
-	<input type=checkbox bind:group={selected} value="blue">
-	blue
-</label>
-
-<p>{selected.join(', ') || 'nothing'} selected</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/binding-input-numeric/App.svelte b/site/content/OLD.examples/binding-input-numeric/App.svelte
deleted file mode 100644
index 97cda96bcb..0000000000
--- a/site/content/OLD.examples/binding-input-numeric/App.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script>
-	let a = 5;
-	let b = 5;
-</script>
-
-<style>
-	input {
-		display: block;
-		width: 10em
-	}
-</style>
-
-<!-- number and range inputs are bound to numeric values -->
-<input bind:value={a} type=number min=0 max=10>
-<input bind:value={b} type=range min=0 max=10>
-
-<p>{a} * {b} = {a * b}</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/binding-input-radio/App.svelte b/site/content/OLD.examples/binding-input-radio/App.svelte
deleted file mode 100644
index abeafedfd6..0000000000
--- a/site/content/OLD.examples/binding-input-radio/App.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script>
-	let selected = 'blue';
-</script>
-
-<label>
-	<input type=radio bind:group={selected} value="red">
-	red
-</label>
-
-<label>
-	<input type=radio bind:group={selected} value="green">
-	green
-</label>
-
-<label>
-	<input type=radio bind:group={selected} value="blue">
-	blue
-</label>
-
-<p style="color: {selected};">selected {selected}</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/binding-input-text/App.svelte b/site/content/OLD.examples/binding-input-text/App.svelte
deleted file mode 100644
index 5eab79764a..0000000000
--- a/site/content/OLD.examples/binding-input-text/App.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-	let name = '';
-</script>
-
-<input bind:value={name} placeholder="enter your name">
-<p>Hello {name || 'stranger'}!</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/binding-media-elements/App.svelte b/site/content/OLD.examples/binding-media-elements/App.svelte
deleted file mode 100644
index fdfb4573d4..0000000000
--- a/site/content/OLD.examples/binding-media-elements/App.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script>
-	let paused = true;
-	let t = 0;
-	let d;
-	let bg;
-
-	$: icon = `https://icon.now.sh/${paused ? 'play' : 'pause'}_circle_filled`;
-
-	$: {
-		const p = d ? t / d : 0;
-		const h = 90 + 90 * p;
-		const l = 10 + p * 30;
-		bg = `hsl(${h},50%,${l}%)`;
-	}
-
-	function pad(num) {
-		return num < 10 ? '0' + num : num;
-	}
-
-	const format = time => {
-		if (isNaN(time)) return '--:--.-';
-		const minutes = Math.floor(time / 60);
-		const seconds = (time % 60).toFixed(1);
-
-		return minutes + ':' + pad(seconds)
-	};
-
-	function seek(event) {
-		if (event.buttons === 1) {
-			event.preventDefault();
-			const p = event.clientX / window.innerWidth;
-			t = p * d;
-		}
-	}
-</script>
-
-<svelte:window on:click={seek} on:mousemove={seek}/>
-
-<audio bind:currentTime={t} bind:duration={d} bind:paused>
-	<source type="audio/mp3" src="https://deepnote.surge.sh/deepnote.mp3">
-</audio>
-
-<p>THX Deep Note</p>
-<div class="status" on:click="{event => event.stopPropagation()}">
-	<img alt="play/pause button" on:click="{() => paused = !paused}" src="{icon}/333333">
-	<span class="elapsed">{format(t)}</span>
-	<span class="duration">{format(d)}</span>
-</div>
-
-<div class="progress" style="width: {d ? 100 * t/d : 0}%; background: {bg};">
-	<p>THX Deep Note</p>
-	<div class="status" on:click="{event => event.stopPropagation()}">
-		<img alt="play/pause button" src="{icon}/ffffff">
-		<span class="elapsed">{format(t)}</span>
-		<span class="duration">{format(d)}</span>
-	</div>
-</div>
-
-<style>
-	.progress {
-		position: absolute;
-		left: 0;
-		top: 0;
-		width: 100%;
-		height: 100%;
-		color: white;
-		overflow: hidden;
-		pointer-events: none;
-	}
-
-	p {
-		position: absolute;
-		left: 1em;
-		top: 1em;
-		width: 20em;
-	}
-
-	.status {
-		position: absolute;
-		bottom: 1em;
-		left: 1em;
-		width: calc(100vw - 2em);
-	}
-
-	img {
-		position: absolute;
-		left: 0;
-		bottom: 2em;
-		width: 3em;
-		cursor: pointer;
-	}
-
-	.elapsed { float: left; }
-	.duration { float: right; }
-</style>
diff --git a/site/content/OLD.examples/binding-textarea/App.svelte b/site/content/OLD.examples/binding-textarea/App.svelte
deleted file mode 100644
index 2c097a0b55..0000000000
--- a/site/content/OLD.examples/binding-textarea/App.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script>
-	import marked from 'marked';
-
-	let markdown = `# Markdown editor\n\nTODOs:\n\n* make a Svelte app\n* think of a third item for this list`;
-</script>
-
-<style>
-	textarea {
-		width: 100%;
-		height: 50%;
-	}
-</style>
-
-<textarea bind:value={markdown} resize="none"></textarea>
-<div class="output">{@html marked(markdown)}</div>
\ No newline at end of file
diff --git a/site/content/OLD.examples/each-blocks/App.svelte b/site/content/OLD.examples/each-blocks/App.svelte
deleted file mode 100644
index bf91fec8d4..0000000000
--- a/site/content/OLD.examples/each-blocks/App.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-<script>
-	const cats = [
-		{
-			name: 'Keyboard Cat',
-			video: 'https://www.youtube.com/watch?v=J---aiyznGQ'
-		},
-		{
-			name: 'Maru',
-			video: 'https://www.youtube.com/watch?v=z_AbfPXTKms'
-		},
-		{
-			name: 'Henri The Existential Cat',
-			video: 'https://www.youtube.com/watch?v=OUtn3pvWmpg'
-		}
-	];
-</script>
-
-<h1>Cats of YouTube</h1>
-
-<ul>
-	{#each cats as cat}
-		<li><a target="_blank" href={cat.video}>{cat.name}</a></li>
-	{/each}
-</ul>
\ No newline at end of file
diff --git a/site/content/OLD.examples/hello-world/App.svelte b/site/content/OLD.examples/hello-world/App.svelte
deleted file mode 100644
index 22b3c84db0..0000000000
--- a/site/content/OLD.examples/hello-world/App.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script>
-	let name = 'world';
-</script>
-
-<h1>Hello {name}!</h1>
\ No newline at end of file
diff --git a/site/content/OLD.examples/if-blocks/App.svelte b/site/content/OLD.examples/if-blocks/App.svelte
deleted file mode 100644
index a30128211c..0000000000
--- a/site/content/OLD.examples/if-blocks/App.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script>
-	let foo = true;
-</script>
-
-{#if foo}
-	<p>foo!</p>
-{:else}
-	<p>not foo!</p>
-{/if}
\ No newline at end of file
diff --git a/site/content/OLD.examples/motion-spring/App.svelte b/site/content/OLD.examples/motion-spring/App.svelte
deleted file mode 100644
index ae90d7cc8d..0000000000
--- a/site/content/OLD.examples/motion-spring/App.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script>
-	import { spring } from 'svelte/motion';
-
-	let coords = spring({
-		x: window.innerWidth / 2,
-		y: window.innerHeight / 2
-	}, {
-		stiffness: 0.1,
-		damping: 0.25
-	});
-
-	let size = spring(10);
-
-	function follow(e) {
-		coords.set({
-			x: e.clientX,
-			y: e.clientY
-		});
-	}
-
-	function embiggen() {
-		size.set(30);
-	}
-
-	function revert() {
-		size.set(10);
-	}
-</script>
-
-<svelte:window
-	on:mousemove={follow}
-	on:mousedown={embiggen}
-	on:mouseup={revert}
-/>
-
-<svg>
-	<circle cx={$coords.x} cy={$coords.y} r={$size}/>
-</svg>
-
-<div class="controls">
-	<label>
-		<h3>stiffness ({coords.stiffness})</h3>
-		<input bind:value={coords.stiffness} type="range" min="0" max="1" step="0.01">
-	</label>
-
-	<label>
-		<h3>damping ({coords.damping})</h3>
-		<input bind:value={coords.damping} type="range" min="0" max="1" step="0.01">
-	</label>
-</div>
-
-<style>
-	:global(body) { padding: 0 }
-	svg { width: 100%; height: 100% }
-	circle { fill: #ff3e00 }
-	.controls { position: absolute; top: 1em; left: 1em }
-</style>
\ No newline at end of file
diff --git a/site/content/OLD.examples/nested-components/App.svelte b/site/content/OLD.examples/nested-components/App.svelte
deleted file mode 100644
index 83cc0c6eb5..0000000000
--- a/site/content/OLD.examples/nested-components/App.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-	import Nested from './Nested.svelte';
-</script>
-
-<p>This is a top-level element.</p>
-<Nested/>
\ No newline at end of file
diff --git a/site/content/OLD.examples/nested-components/Nested.svelte b/site/content/OLD.examples/nested-components/Nested.svelte
deleted file mode 100644
index 74ee56a5ed..0000000000
--- a/site/content/OLD.examples/nested-components/Nested.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<p>And this is a nested component.</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/parallax/App.svelte b/site/content/OLD.examples/parallax/App.svelte
deleted file mode 100644
index 38ffd716b5..0000000000
--- a/site/content/OLD.examples/parallax/App.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script>
-	let sy;
-</script>
-
-<!-- this binds `sy` to the current value of `window.scrollY` -->
-<svelte:window bind:scrollY={sy}/>
-
-<!-- try changing the values that `sy` is multiplied by -
-     values closer to 0 appear further away -->
-<div class="parallax-container">
-	<img style="transform: translate(0,{-sy * 0.2}px)" src="https://www.firewatchgame.com/images/parallax/parallax0.png">
-	<img style="transform: translate(0,{-sy * 0.3}px)" src="https://www.firewatchgame.com/images/parallax/parallax1.png">
-	<img style="transform: translate(0,{-sy * 0.4}px)" src="https://www.firewatchgame.com/images/parallax/parallax3.png">
-	<img style="transform: translate(0,{-sy * 0.5}px)" src="https://www.firewatchgame.com/images/parallax/parallax5.png">
-	<img style="transform: translate(0,{-sy * 0.6}px)" src="https://www.firewatchgame.com/images/parallax/parallax7.png">
-</div>
-
-<div class="text">
-	<small style="
-		transform: translate(0,{-sy * 1.5}px);
-		opacity: {1 - Math.max( 0, sy / 80 )}
-	">(scroll down)</small>
-	<span>parallax has never been this easy</span>
-</div>
-
-<style>
-	.parallax-container {
-		position: fixed;
-		width: 2400px;
-		height: 712px;
-		left: 50%;
-		transform: translate(-50%,0);
-	}
-
-	.parallax-container img {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		will-change: transform;
-	}
-
-	.text {
-		position: relative;
-		width: 100%;
-		min-height: 100vh;
-		color: white;
-		text-align: center;
-		padding: 50vh 0.5em 0.5em 0.5em;
-		box-sizing: border-box;
-	}
-
-	.text::before {
-		content: '';
-		position: absolute;
-		width: 100%;
-		height: 100%;
-		top: 0;
-		left: 0;
-		background: linear-gradient(to bottom, rgba(45,10,13,0) 60vh,rgba(45,10,13,1) 712px);
-	}
-
-	small {
-		display: block;
-		font-size: 4vw;
-		will-change: transform, opacity;
-	}
-
-	.text span {
-		font-size: 20vw;
-		position: relative;
-		z-index: 2;
-	}
-
-	:global(body) { margin: 0; padding: 0; }
-</style>
diff --git a/site/content/OLD.examples/scoped-styles/App.svelte b/site/content/OLD.examples/scoped-styles/App.svelte
deleted file mode 100644
index c4d73176f0..0000000000
--- a/site/content/OLD.examples/scoped-styles/App.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="foo">
-	Big red Comic Sans
-</div>
-
-<style>
-	.foo {
-		color: red;
-		font-size: 2em;
-		font-family: 'Comic Sans MS';
-	}
-</style>
\ No newline at end of file
diff --git a/site/content/OLD.examples/self-references/App.svelte b/site/content/OLD.examples/self-references/App.svelte
deleted file mode 100644
index 2a579ace2d..0000000000
--- a/site/content/OLD.examples/self-references/App.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<script>
-	const node = {
-		name: 'Fruit',
-		children: [
-			{
-				name: 'Red',
-				children: [
-					{
-						name: 'Cherry'
-					},
-					{
-						name: 'Strawberry'
-					}
-				]
-			},
-			{
-				name: 'Green',
-				children: [
-					{
-						name: 'Apple'
-					},
-					{
-						name: 'Pear'
-					},
-					{
-						name: 'Lime'
-					}
-				]
-			}
-		]
-	};
-</script>
-
-<ul>
-	<li>{node.name}
-		{#if node.children}
-			{#each node.children as child}
-				<svelte:self node={child}/>
-			{/each}
-		{/if}
-	</li>
-</ul>
\ No newline at end of file
diff --git a/site/content/OLD.examples/transitions-custom/App.svelte b/site/content/OLD.examples/transitions-custom/App.svelte
deleted file mode 100644
index bee159e4c5..0000000000
--- a/site/content/OLD.examples/transitions-custom/App.svelte
+++ /dev/null
@@ -1,46 +0,0 @@
-<script>
-	import * as eases from 'svelte/easing';
-	import { fade } from 'svelte/transition';
-
-	let visible;
-
-	const wheee = (node, params) => {
-		return {
-			duration: params.duration,
-			css: t => {
-				const eased = eases.elasticOut(t);
-
-				return `
-					transform: scale(${eased}) rotate(${eased * 1080}deg);
-					color: hsl(
-						${~~(t * 360)},
-						${Math.min(100, 1000 - 1000 * t)}%,
-						${Math.min(50, 500 - 500 * t)}%
-					);`
-			}
-		};
-	};
-</script>
-
-<input type=checkbox bind:checked={visible}> visible
-
-{#if visible}
-	<div class="centered" in:wheee="{{duration: 8000}}" out:fade>
-		<span>wheeee!!!!!</span>
-	</div>
-{/if}
-
-<style>
-	.centered {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%,-50%);
-	}
-
-	span {
-		position: absolute;
-		transform: translate(-50%,-50%);
-		font-size: 4em;
-	}
-</style>
diff --git a/site/content/OLD.examples/transitions-fade/App.svelte b/site/content/OLD.examples/transitions-fade/App.svelte
deleted file mode 100644
index 528d495361..0000000000
--- a/site/content/OLD.examples/transitions-fade/App.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script>
-	import { fade } from 'svelte/transition';
-
-	let visible;
-</script>
-
-<input type=checkbox bind:checked={visible}> visible
-
-{#if visible}
-	<p transition:fade>fades in and out</p>
-{/if}
diff --git a/site/content/OLD.examples/transitions-fly/App.svelte b/site/content/OLD.examples/transitions-fly/App.svelte
deleted file mode 100644
index 43e4a1dd2d..0000000000
--- a/site/content/OLD.examples/transitions-fly/App.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script>
-	import { fly } from 'svelte/transition';
-
-	let visible;
-</script>
-
-<input type=checkbox bind:checked={visible}> visible
-
-{#if visible}
-	<p transition:fly="{{y: 200, duration: 1000}}">flies 200 pixels up, slowly</p>
-{/if}
diff --git a/site/content/OLD.examples/transitions-in-out/App.svelte b/site/content/OLD.examples/transitions-in-out/App.svelte
deleted file mode 100644
index 7b995bc04d..0000000000
--- a/site/content/OLD.examples/transitions-in-out/App.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script>
-	import { fade, fly } from 'svelte/transition';
-
-	let visible;
-</script>
-
-<input type=checkbox bind:checked={visible}> visible
-
-{#if visible}
-	<p in:fly="{{y: 50}}" out:fade>flies up, fades out</p>
-{/if}
diff --git a/site/content/examples/05-bindings/00-text-inputs/App.svelte b/site/content/examples/05-bindings/00-text-inputs/App.svelte
index 662785bfce..5eab79764a 100644
--- a/site/content/examples/05-bindings/00-text-inputs/App.svelte
+++ b/site/content/examples/05-bindings/00-text-inputs/App.svelte
@@ -1,9 +1,6 @@
 <script>
-	let name = 'world';
+	let name = '';
 </script>
 
-<label>
-	<input bind:value={name}>
-</label>
-
-<h1>Hello {name}!</h1>
\ No newline at end of file
+<input bind:value={name} placeholder="enter your name">
+<p>Hello {name || 'stranger'}!</p>
\ No newline at end of file
diff --git a/site/content/OLD.examples/svg-clock/App.svelte b/site/content/examples/11-svg/01-clock/App.svelte
similarity index 98%
rename from site/content/OLD.examples/svg-clock/App.svelte
rename to site/content/examples/11-svg/01-clock/App.svelte
index b83da1c203..49d3a7f809 100644
--- a/site/content/OLD.examples/svg-clock/App.svelte
+++ b/site/content/examples/11-svg/01-clock/App.svelte
@@ -20,6 +20,44 @@
 	});
 </script>
 
+<style>
+	svg {
+		width: 100%;
+		height: 100%;
+	}
+
+	.clock-face {
+		stroke: #333;
+		fill: white;
+	}
+
+	.minor {
+		stroke: #999;
+		stroke-width: 0.5;
+	}
+
+	.major {
+		stroke: #333;
+		stroke-width: 1;
+	}
+
+	.hour {
+		stroke: #333;
+	}
+
+	.minute {
+		stroke: #666;
+	}
+
+	.second, .second-counterweight {
+		stroke: rgb(180,0,0);
+	}
+
+	.second-counterweight {
+		stroke-width: 3;
+	}
+</style>
+
 <svg viewBox='-50 -50 100 100'>
 	<circle class='clock-face' r='48'/>
 
@@ -63,35 +101,4 @@
 		<line class='second' y1='10' y2='-38'/>
 		<line class='second-counterweight' y1='10' y2='2'/>
 	</g>
-</svg>
-
-<style>
-	svg {
-		width: 100%;
-		height: 100%;
-	}
-	.clock-face {
-		stroke: #333;
-		fill: white;
-	}
-	.minor {
-		stroke: #999;
-		stroke-width: 0.5;
-	}
-	.major {
-		stroke: #333;
-		stroke-width: 1;
-	}
-	.hour {
-		stroke: #333;
-	}
-	.minute {
-		stroke: #666;
-	}
-	.second, .second-counterweight {
-		stroke: rgb(180,0,0);
-	}
-	.second-counterweight {
-		stroke-width: 3;
-	}
-</style>
\ No newline at end of file
+</svg>
\ No newline at end of file
diff --git a/site/content/examples/11-svg/01-clock/meta.json b/site/content/examples/11-svg/01-clock/meta.json
new file mode 100644
index 0000000000..ec7137feb6
--- /dev/null
+++ b/site/content/examples/11-svg/01-clock/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Clock"
+}
\ No newline at end of file
diff --git a/site/content/OLD.examples/bar-chart/App.svelte b/site/content/examples/11-svg/02-bar-chart/App.svelte
similarity index 97%
rename from site/content/OLD.examples/bar-chart/App.svelte
rename to site/content/examples/11-svg/02-bar-chart/App.svelte
index b6be4d6b44..e0f27586c3 100644
--- a/site/content/OLD.examples/bar-chart/App.svelte
+++ b/site/content/examples/11-svg/02-bar-chart/App.svelte
@@ -78,7 +78,7 @@
 </style>
 
 <div class="chart">
-	<h2>US birthrate by year {width}/{height}</h2>
+	<h2>US birthrate by year</h2>
 	<svg bind:clientWidth={width} bind:clientHeight={height}>
 		<!-- y axis -->
 		<g class="axis y-axis" transform="translate(0,{padding.top})">
diff --git a/site/content/examples/11-svg/02-bar-chart/meta.json b/site/content/examples/11-svg/02-bar-chart/meta.json
new file mode 100644
index 0000000000..97ae2b671b
--- /dev/null
+++ b/site/content/examples/11-svg/02-bar-chart/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Bar chart"
+}
\ No newline at end of file
diff --git a/site/content/OLD.examples/line-chart/App.svelte b/site/content/examples/11-svg/03-area-chart/App.svelte
similarity index 100%
rename from site/content/OLD.examples/line-chart/App.svelte
rename to site/content/examples/11-svg/03-area-chart/App.svelte
diff --git a/site/content/OLD.examples/line-chart/data.js b/site/content/examples/11-svg/03-area-chart/data.js
similarity index 100%
rename from site/content/OLD.examples/line-chart/data.js
rename to site/content/examples/11-svg/03-area-chart/data.js
diff --git a/site/content/examples/11-svg/03-area-chart/meta.json b/site/content/examples/11-svg/03-area-chart/meta.json
new file mode 100644
index 0000000000..3c8bb48a40
--- /dev/null
+++ b/site/content/examples/11-svg/03-area-chart/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Area chart"
+}
\ No newline at end of file
diff --git a/site/content/OLD.examples/scatterplot/App.svelte b/site/content/examples/11-svg/04-scatterplot/App.svelte
similarity index 100%
rename from site/content/OLD.examples/scatterplot/App.svelte
rename to site/content/examples/11-svg/04-scatterplot/App.svelte
diff --git a/site/content/OLD.examples/scatterplot/Scatterplot.svelte b/site/content/examples/11-svg/04-scatterplot/Scatterplot.svelte
similarity index 100%
rename from site/content/OLD.examples/scatterplot/Scatterplot.svelte
rename to site/content/examples/11-svg/04-scatterplot/Scatterplot.svelte
diff --git a/site/content/OLD.examples/scatterplot/data.js b/site/content/examples/11-svg/04-scatterplot/data.js
similarity index 100%
rename from site/content/OLD.examples/scatterplot/data.js
rename to site/content/examples/11-svg/04-scatterplot/data.js
diff --git a/site/content/examples/11-svg/04-scatterplot/meta.json b/site/content/examples/11-svg/04-scatterplot/meta.json
new file mode 100644
index 0000000000..52a4c119bc
--- /dev/null
+++ b/site/content/examples/11-svg/04-scatterplot/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Scatterplot"
+}
\ No newline at end of file
diff --git a/site/content/examples/11-svg/meta.json b/site/content/examples/11-svg/meta.json
new file mode 100644
index 0000000000..a26780dfc8
--- /dev/null
+++ b/site/content/examples/11-svg/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "SVG"
+}
\ No newline at end of file
diff --git a/site/content/examples/11-actions/00-actions/App.svelte b/site/content/examples/12-actions/00-actions/App.svelte
similarity index 100%
rename from site/content/examples/11-actions/00-actions/App.svelte
rename to site/content/examples/12-actions/00-actions/App.svelte
diff --git a/site/content/examples/11-actions/00-actions/meta.json b/site/content/examples/12-actions/00-actions/meta.json
similarity index 100%
rename from site/content/examples/11-actions/00-actions/meta.json
rename to site/content/examples/12-actions/00-actions/meta.json
diff --git a/site/content/examples/11-actions/00-actions/pannable.js b/site/content/examples/12-actions/00-actions/pannable.js
similarity index 100%
rename from site/content/examples/11-actions/00-actions/pannable.js
rename to site/content/examples/12-actions/00-actions/pannable.js
diff --git a/site/content/examples/11-actions/01-adding-parameters-to-actions/App.svelte b/site/content/examples/12-actions/01-adding-parameters-to-actions/App.svelte
similarity index 100%
rename from site/content/examples/11-actions/01-adding-parameters-to-actions/App.svelte
rename to site/content/examples/12-actions/01-adding-parameters-to-actions/App.svelte
diff --git a/site/content/examples/11-actions/01-adding-parameters-to-actions/meta.json b/site/content/examples/12-actions/01-adding-parameters-to-actions/meta.json
similarity index 100%
rename from site/content/examples/11-actions/01-adding-parameters-to-actions/meta.json
rename to site/content/examples/12-actions/01-adding-parameters-to-actions/meta.json
diff --git a/site/content/examples/11-actions/meta.json b/site/content/examples/12-actions/meta.json
similarity index 100%
rename from site/content/examples/11-actions/meta.json
rename to site/content/examples/12-actions/meta.json
diff --git a/site/content/examples/12-classes/00-classes/App.svelte b/site/content/examples/13-classes/00-classes/App.svelte
similarity index 100%
rename from site/content/examples/12-classes/00-classes/App.svelte
rename to site/content/examples/13-classes/00-classes/App.svelte
diff --git a/site/content/examples/12-classes/00-classes/meta.json b/site/content/examples/13-classes/00-classes/meta.json
similarity index 100%
rename from site/content/examples/12-classes/00-classes/meta.json
rename to site/content/examples/13-classes/00-classes/meta.json
diff --git a/site/content/examples/12-classes/01-class-shorthand/App.svelte b/site/content/examples/13-classes/01-class-shorthand/App.svelte
similarity index 100%
rename from site/content/examples/12-classes/01-class-shorthand/App.svelte
rename to site/content/examples/13-classes/01-class-shorthand/App.svelte
diff --git a/site/content/examples/12-classes/01-class-shorthand/meta.json b/site/content/examples/13-classes/01-class-shorthand/meta.json
similarity index 100%
rename from site/content/examples/12-classes/01-class-shorthand/meta.json
rename to site/content/examples/13-classes/01-class-shorthand/meta.json
diff --git a/site/content/examples/12-classes/meta.json b/site/content/examples/13-classes/meta.json
similarity index 100%
rename from site/content/examples/12-classes/meta.json
rename to site/content/examples/13-classes/meta.json
diff --git a/site/content/examples/13-composition/00-slots/App.svelte b/site/content/examples/14-composition/00-slots/App.svelte
similarity index 100%
rename from site/content/examples/13-composition/00-slots/App.svelte
rename to site/content/examples/14-composition/00-slots/App.svelte
diff --git a/site/content/examples/13-composition/00-slots/Box.svelte b/site/content/examples/14-composition/00-slots/Box.svelte
similarity index 100%
rename from site/content/examples/13-composition/00-slots/Box.svelte
rename to site/content/examples/14-composition/00-slots/Box.svelte
diff --git a/site/content/examples/13-composition/00-slots/meta.json b/site/content/examples/14-composition/00-slots/meta.json
similarity index 100%
rename from site/content/examples/13-composition/00-slots/meta.json
rename to site/content/examples/14-composition/00-slots/meta.json
diff --git a/site/content/examples/13-composition/01-slot-fallbacks/App.svelte b/site/content/examples/14-composition/01-slot-fallbacks/App.svelte
similarity index 100%
rename from site/content/examples/13-composition/01-slot-fallbacks/App.svelte
rename to site/content/examples/14-composition/01-slot-fallbacks/App.svelte
diff --git a/site/content/examples/13-composition/01-slot-fallbacks/Box.svelte b/site/content/examples/14-composition/01-slot-fallbacks/Box.svelte
similarity index 100%
rename from site/content/examples/13-composition/01-slot-fallbacks/Box.svelte
rename to site/content/examples/14-composition/01-slot-fallbacks/Box.svelte
diff --git a/site/content/examples/13-composition/01-slot-fallbacks/meta.json b/site/content/examples/14-composition/01-slot-fallbacks/meta.json
similarity index 100%
rename from site/content/examples/13-composition/01-slot-fallbacks/meta.json
rename to site/content/examples/14-composition/01-slot-fallbacks/meta.json
diff --git a/site/content/examples/13-composition/02-named-slots/App.svelte b/site/content/examples/14-composition/02-named-slots/App.svelte
similarity index 100%
rename from site/content/examples/13-composition/02-named-slots/App.svelte
rename to site/content/examples/14-composition/02-named-slots/App.svelte
diff --git a/site/content/examples/13-composition/02-named-slots/ContactCard.svelte b/site/content/examples/14-composition/02-named-slots/ContactCard.svelte
similarity index 100%
rename from site/content/examples/13-composition/02-named-slots/ContactCard.svelte
rename to site/content/examples/14-composition/02-named-slots/ContactCard.svelte
diff --git a/site/content/examples/13-composition/02-named-slots/meta.json b/site/content/examples/14-composition/02-named-slots/meta.json
similarity index 100%
rename from site/content/examples/13-composition/02-named-slots/meta.json
rename to site/content/examples/14-composition/02-named-slots/meta.json
diff --git a/site/content/examples/13-composition/03-slot-props/App.svelte b/site/content/examples/14-composition/03-slot-props/App.svelte
similarity index 100%
rename from site/content/examples/13-composition/03-slot-props/App.svelte
rename to site/content/examples/14-composition/03-slot-props/App.svelte
diff --git a/site/content/examples/13-composition/03-slot-props/Hoverable.svelte b/site/content/examples/14-composition/03-slot-props/Hoverable.svelte
similarity index 100%
rename from site/content/examples/13-composition/03-slot-props/Hoverable.svelte
rename to site/content/examples/14-composition/03-slot-props/Hoverable.svelte
diff --git a/site/content/examples/13-composition/03-slot-props/meta.json b/site/content/examples/14-composition/03-slot-props/meta.json
similarity index 100%
rename from site/content/examples/13-composition/03-slot-props/meta.json
rename to site/content/examples/14-composition/03-slot-props/meta.json
diff --git a/site/content/examples/13-composition/meta.json b/site/content/examples/14-composition/meta.json
similarity index 100%
rename from site/content/examples/13-composition/meta.json
rename to site/content/examples/14-composition/meta.json
diff --git a/site/content/examples/14-context/00-context-api/App.svelte b/site/content/examples/15-context/00-context-api/App.svelte
similarity index 100%
rename from site/content/examples/14-context/00-context-api/App.svelte
rename to site/content/examples/15-context/00-context-api/App.svelte
diff --git a/site/content/examples/14-context/00-context-api/Map.svelte b/site/content/examples/15-context/00-context-api/Map.svelte
similarity index 100%
rename from site/content/examples/14-context/00-context-api/Map.svelte
rename to site/content/examples/15-context/00-context-api/Map.svelte
diff --git a/site/content/examples/14-context/00-context-api/MapMarker.svelte b/site/content/examples/15-context/00-context-api/MapMarker.svelte
similarity index 100%
rename from site/content/examples/14-context/00-context-api/MapMarker.svelte
rename to site/content/examples/15-context/00-context-api/MapMarker.svelte
diff --git a/site/content/examples/14-context/00-context-api/mapbox.js b/site/content/examples/15-context/00-context-api/mapbox.js
similarity index 100%
rename from site/content/examples/14-context/00-context-api/mapbox.js
rename to site/content/examples/15-context/00-context-api/mapbox.js
diff --git a/site/content/examples/14-context/00-context-api/meta.json b/site/content/examples/15-context/00-context-api/meta.json
similarity index 100%
rename from site/content/examples/14-context/00-context-api/meta.json
rename to site/content/examples/15-context/00-context-api/meta.json
diff --git a/site/content/examples/14-context/meta.json b/site/content/examples/15-context/meta.json
similarity index 100%
rename from site/content/examples/14-context/meta.json
rename to site/content/examples/15-context/meta.json
diff --git a/site/content/examples/15-special-elements/00-svelte-self/App.svelte b/site/content/examples/16-special-elements/00-svelte-self/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/00-svelte-self/App.svelte
rename to site/content/examples/16-special-elements/00-svelte-self/App.svelte
diff --git a/site/content/examples/15-special-elements/00-svelte-self/File.svelte b/site/content/examples/16-special-elements/00-svelte-self/File.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/00-svelte-self/File.svelte
rename to site/content/examples/16-special-elements/00-svelte-self/File.svelte
diff --git a/site/content/examples/15-special-elements/00-svelte-self/Folder.svelte b/site/content/examples/16-special-elements/00-svelte-self/Folder.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/00-svelte-self/Folder.svelte
rename to site/content/examples/16-special-elements/00-svelte-self/Folder.svelte
diff --git a/site/content/examples/15-special-elements/00-svelte-self/meta.json b/site/content/examples/16-special-elements/00-svelte-self/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/00-svelte-self/meta.json
rename to site/content/examples/16-special-elements/00-svelte-self/meta.json
diff --git a/site/content/examples/15-special-elements/01-svelte-component/App.svelte b/site/content/examples/16-special-elements/01-svelte-component/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/01-svelte-component/App.svelte
rename to site/content/examples/16-special-elements/01-svelte-component/App.svelte
diff --git a/site/content/examples/15-special-elements/01-svelte-component/BlueThing.svelte b/site/content/examples/16-special-elements/01-svelte-component/BlueThing.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/01-svelte-component/BlueThing.svelte
rename to site/content/examples/16-special-elements/01-svelte-component/BlueThing.svelte
diff --git a/site/content/examples/15-special-elements/01-svelte-component/GreenThing.svelte b/site/content/examples/16-special-elements/01-svelte-component/GreenThing.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/01-svelte-component/GreenThing.svelte
rename to site/content/examples/16-special-elements/01-svelte-component/GreenThing.svelte
diff --git a/site/content/examples/15-special-elements/01-svelte-component/RedThing.svelte b/site/content/examples/16-special-elements/01-svelte-component/RedThing.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/01-svelte-component/RedThing.svelte
rename to site/content/examples/16-special-elements/01-svelte-component/RedThing.svelte
diff --git a/site/content/examples/15-special-elements/01-svelte-component/meta.json b/site/content/examples/16-special-elements/01-svelte-component/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/01-svelte-component/meta.json
rename to site/content/examples/16-special-elements/01-svelte-component/meta.json
diff --git a/site/content/examples/15-special-elements/02-svelte-window/App.svelte b/site/content/examples/16-special-elements/02-svelte-window/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/02-svelte-window/App.svelte
rename to site/content/examples/16-special-elements/02-svelte-window/App.svelte
diff --git a/site/content/examples/15-special-elements/02-svelte-window/meta.json b/site/content/examples/16-special-elements/02-svelte-window/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/02-svelte-window/meta.json
rename to site/content/examples/16-special-elements/02-svelte-window/meta.json
diff --git a/site/content/examples/15-special-elements/03-svelte-window-bindings/App.svelte b/site/content/examples/16-special-elements/03-svelte-window-bindings/App.svelte
similarity index 94%
rename from site/content/examples/15-special-elements/03-svelte-window-bindings/App.svelte
rename to site/content/examples/16-special-elements/03-svelte-window-bindings/App.svelte
index a4b6f927b7..3dbfd43f21 100644
--- a/site/content/examples/15-special-elements/03-svelte-window-bindings/App.svelte
+++ b/site/content/examples/16-special-elements/03-svelte-window-bindings/App.svelte
@@ -80,5 +80,9 @@
 		padding: 50vh 0 0 0;
 	}
 
-	:global(body) { margin: 0; padding: 0; }
+	:global(body) {
+		margin: 0;
+		padding: 0;
+		background-color: rgb(253, 174, 51);
+	}
 </style>
diff --git a/site/content/examples/15-special-elements/03-svelte-window-bindings/meta.json b/site/content/examples/16-special-elements/03-svelte-window-bindings/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/03-svelte-window-bindings/meta.json
rename to site/content/examples/16-special-elements/03-svelte-window-bindings/meta.json
diff --git a/site/content/examples/15-special-elements/04-svelte-body/App.svelte b/site/content/examples/16-special-elements/04-svelte-body/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/04-svelte-body/App.svelte
rename to site/content/examples/16-special-elements/04-svelte-body/App.svelte
diff --git a/site/content/examples/15-special-elements/04-svelte-body/meta.json b/site/content/examples/16-special-elements/04-svelte-body/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/04-svelte-body/meta.json
rename to site/content/examples/16-special-elements/04-svelte-body/meta.json
diff --git a/site/content/examples/15-special-elements/05-svelte-head/App.svelte b/site/content/examples/16-special-elements/05-svelte-head/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/05-svelte-head/App.svelte
rename to site/content/examples/16-special-elements/05-svelte-head/App.svelte
diff --git a/site/content/examples/15-special-elements/05-svelte-head/meta.json b/site/content/examples/16-special-elements/05-svelte-head/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/05-svelte-head/meta.json
rename to site/content/examples/16-special-elements/05-svelte-head/meta.json
diff --git a/site/content/examples/15-special-elements/06-svelte-options/App.svelte b/site/content/examples/16-special-elements/06-svelte-options/App.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/06-svelte-options/App.svelte
rename to site/content/examples/16-special-elements/06-svelte-options/App.svelte
diff --git a/site/content/examples/15-special-elements/06-svelte-options/Square.svelte b/site/content/examples/16-special-elements/06-svelte-options/Square.svelte
similarity index 100%
rename from site/content/examples/15-special-elements/06-svelte-options/Square.svelte
rename to site/content/examples/16-special-elements/06-svelte-options/Square.svelte
diff --git a/site/content/examples/15-special-elements/06-svelte-options/meta.json b/site/content/examples/16-special-elements/06-svelte-options/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/06-svelte-options/meta.json
rename to site/content/examples/16-special-elements/06-svelte-options/meta.json
diff --git a/site/content/examples/15-special-elements/meta.json b/site/content/examples/16-special-elements/meta.json
similarity index 100%
rename from site/content/examples/15-special-elements/meta.json
rename to site/content/examples/16-special-elements/meta.json
diff --git a/site/content/examples/16-module-context/00-sharing-code/App.svelte b/site/content/examples/17-module-context/00-sharing-code/App.svelte
similarity index 100%
rename from site/content/examples/16-module-context/00-sharing-code/App.svelte
rename to site/content/examples/17-module-context/00-sharing-code/App.svelte
diff --git a/site/content/examples/16-module-context/00-sharing-code/AudioPlayer.svelte b/site/content/examples/17-module-context/00-sharing-code/AudioPlayer.svelte
similarity index 100%
rename from site/content/examples/16-module-context/00-sharing-code/AudioPlayer.svelte
rename to site/content/examples/17-module-context/00-sharing-code/AudioPlayer.svelte
diff --git a/site/content/examples/16-module-context/00-sharing-code/meta.json b/site/content/examples/17-module-context/00-sharing-code/meta.json
similarity index 100%
rename from site/content/examples/16-module-context/00-sharing-code/meta.json
rename to site/content/examples/17-module-context/00-sharing-code/meta.json
diff --git a/site/content/examples/16-module-context/01-module-exports/App.svelte b/site/content/examples/17-module-context/01-module-exports/App.svelte
similarity index 100%
rename from site/content/examples/16-module-context/01-module-exports/App.svelte
rename to site/content/examples/17-module-context/01-module-exports/App.svelte
diff --git a/site/content/examples/16-module-context/01-module-exports/AudioPlayer.svelte b/site/content/examples/17-module-context/01-module-exports/AudioPlayer.svelte
similarity index 100%
rename from site/content/examples/16-module-context/01-module-exports/AudioPlayer.svelte
rename to site/content/examples/17-module-context/01-module-exports/AudioPlayer.svelte
diff --git a/site/content/examples/16-module-context/01-module-exports/meta.json b/site/content/examples/17-module-context/01-module-exports/meta.json
similarity index 100%
rename from site/content/examples/16-module-context/01-module-exports/meta.json
rename to site/content/examples/17-module-context/01-module-exports/meta.json
diff --git a/site/content/examples/16-module-context/meta.json b/site/content/examples/17-module-context/meta.json
similarity index 100%
rename from site/content/examples/16-module-context/meta.json
rename to site/content/examples/17-module-context/meta.json
diff --git a/site/content/examples/17-debugging/00-debug/App.svelte b/site/content/examples/18-debugging/00-debug/App.svelte
similarity index 100%
rename from site/content/examples/17-debugging/00-debug/App.svelte
rename to site/content/examples/18-debugging/00-debug/App.svelte
diff --git a/site/content/examples/17-debugging/00-debug/meta.json b/site/content/examples/18-debugging/00-debug/meta.json
similarity index 100%
rename from site/content/examples/17-debugging/00-debug/meta.json
rename to site/content/examples/18-debugging/00-debug/meta.json
diff --git a/site/content/examples/17-debugging/meta.json b/site/content/examples/18-debugging/meta.json
similarity index 100%
rename from site/content/examples/17-debugging/meta.json
rename to site/content/examples/18-debugging/meta.json
diff --git a/site/content/examples/18-7guis/01-7guis-counter/App.svelte b/site/content/examples/19-7guis/01-7guis-counter/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/01-7guis-counter/App.svelte
rename to site/content/examples/19-7guis/01-7guis-counter/App.svelte
diff --git a/site/content/examples/18-7guis/01-7guis-counter/meta.json b/site/content/examples/19-7guis/01-7guis-counter/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/01-7guis-counter/meta.json
rename to site/content/examples/19-7guis/01-7guis-counter/meta.json
diff --git a/site/content/examples/18-7guis/02-7guis-temperature/App.svelte b/site/content/examples/19-7guis/02-7guis-temperature/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/02-7guis-temperature/App.svelte
rename to site/content/examples/19-7guis/02-7guis-temperature/App.svelte
diff --git a/site/content/examples/18-7guis/02-7guis-temperature/meta.json b/site/content/examples/19-7guis/02-7guis-temperature/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/02-7guis-temperature/meta.json
rename to site/content/examples/19-7guis/02-7guis-temperature/meta.json
diff --git a/site/content/examples/18-7guis/03-7guis-flight-booker/App.svelte b/site/content/examples/19-7guis/03-7guis-flight-booker/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/03-7guis-flight-booker/App.svelte
rename to site/content/examples/19-7guis/03-7guis-flight-booker/App.svelte
diff --git a/site/content/examples/18-7guis/03-7guis-flight-booker/meta.json b/site/content/examples/19-7guis/03-7guis-flight-booker/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/03-7guis-flight-booker/meta.json
rename to site/content/examples/19-7guis/03-7guis-flight-booker/meta.json
diff --git a/site/content/examples/18-7guis/04-7guis-timer/App.svelte b/site/content/examples/19-7guis/04-7guis-timer/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/04-7guis-timer/App.svelte
rename to site/content/examples/19-7guis/04-7guis-timer/App.svelte
diff --git a/site/content/examples/18-7guis/04-7guis-timer/meta.json b/site/content/examples/19-7guis/04-7guis-timer/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/04-7guis-timer/meta.json
rename to site/content/examples/19-7guis/04-7guis-timer/meta.json
diff --git a/site/content/examples/18-7guis/05-7guis-crud/App.svelte b/site/content/examples/19-7guis/05-7guis-crud/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/05-7guis-crud/App.svelte
rename to site/content/examples/19-7guis/05-7guis-crud/App.svelte
diff --git a/site/content/examples/18-7guis/05-7guis-crud/meta.json b/site/content/examples/19-7guis/05-7guis-crud/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/05-7guis-crud/meta.json
rename to site/content/examples/19-7guis/05-7guis-crud/meta.json
diff --git a/site/content/examples/18-7guis/06-7guis-circles/App.svelte b/site/content/examples/19-7guis/06-7guis-circles/App.svelte
similarity index 100%
rename from site/content/examples/18-7guis/06-7guis-circles/App.svelte
rename to site/content/examples/19-7guis/06-7guis-circles/App.svelte
diff --git a/site/content/examples/18-7guis/06-7guis-circles/meta.json b/site/content/examples/19-7guis/06-7guis-circles/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/06-7guis-circles/meta.json
rename to site/content/examples/19-7guis/06-7guis-circles/meta.json
diff --git a/site/content/examples/18-7guis/meta.json b/site/content/examples/19-7guis/meta.json
similarity index 100%
rename from site/content/examples/18-7guis/meta.json
rename to site/content/examples/19-7guis/meta.json
diff --git a/site/content/tutorial/06-bindings/01-text-inputs/app-a/App.svelte b/site/content/tutorial/06-bindings/01-text-inputs/app-a/App.svelte
index d3cf1a44ed..f1c03071ed 100644
--- a/site/content/tutorial/06-bindings/01-text-inputs/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/01-text-inputs/app-a/App.svelte
@@ -2,8 +2,6 @@
 	let name = 'world';
 </script>
 
-<label>
-	<input value={name}>
-</label>
+<input value={name}>
 
 <h1>Hello {name}!</h1>
\ No newline at end of file
diff --git a/site/content/tutorial/06-bindings/01-text-inputs/app-b/App.svelte b/site/content/tutorial/06-bindings/01-text-inputs/app-b/App.svelte
index 662785bfce..89dd54a709 100644
--- a/site/content/tutorial/06-bindings/01-text-inputs/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/01-text-inputs/app-b/App.svelte
@@ -2,8 +2,6 @@
 	let name = 'world';
 </script>
 
-<label>
-	<input bind:value={name}>
-</label>
+<input bind:value={name}>
 
 <h1>Hello {name}!</h1>
\ No newline at end of file
diff --git a/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-a/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-a/App.svelte
index 480ba4419e..fc6725e894 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-a/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-a/App.svelte
@@ -80,5 +80,9 @@
 		padding: 50vh 0 0 0;
 	}
 
-	:global(body) { margin: 0; padding: 0; }
+	:global(body) {
+		margin: 0;
+		padding: 0;
+		background-color: rgb(253, 174, 51);
+	}
 </style>
diff --git a/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-b/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-b/App.svelte
index a4b6f927b7..3dbfd43f21 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window-bindings/app-b/App.svelte
@@ -80,5 +80,9 @@
 		padding: 50vh 0 0 0;
 	}
 
-	:global(body) { margin: 0; padding: 0; }
+	:global(body) {
+		margin: 0;
+		padding: 0;
+		background-color: rgb(253, 174, 51);
+	}
 </style>
diff --git a/site/static/examples/thumbnails/bar-chart.png b/site/static/examples/thumbnails/bar-chart.png
new file mode 100644
index 0000000000..178bf4d92c
Binary files /dev/null and b/site/static/examples/thumbnails/bar-chart.png differ
diff --git a/site/static/examples/thumbnails/clock.png b/site/static/examples/thumbnails/clock.png
new file mode 100644
index 0000000000..3f2b2b0d3e
Binary files /dev/null and b/site/static/examples/thumbnails/clock.png differ
diff --git a/site/static/examples/thumbnails/scatterplot.png b/site/static/examples/thumbnails/scatterplot.png
new file mode 100644
index 0000000000..b52b3a4d42
Binary files /dev/null and b/site/static/examples/thumbnails/scatterplot.png differ