diff --git a/site/scripts/get-example-thumbnails/index.js b/site/scripts/get-example-thumbnails/index.js
index 050f720c80..e5b977c6d4 100644
--- a/site/scripts/get-example-thumbnails/index.js
+++ b/site/scripts/get-example-thumbnails/index.js
@@ -15,7 +15,7 @@ fs.readdirSync(`content/examples`).forEach(group_dir => {
async function main() {
const browser = await puppeteer.launch({
defaultViewport: {
- width: 600 * 10 / 4,
+ width: 400 * 10 / 4,
height: 400 + 42,
deviceScaleFactor: 2
}
@@ -25,7 +25,7 @@ async function main() {
for (const slug of slugs) {
try {
- const output_file = `static/examples/thumbnails/${slug}.png`;
+ const output_file = `static/examples/thumbnails/${slug}.jpg`;
if (fs.existsSync(output_file)) {
console.log(c.gray(`skipping ${slug}`));
continue;
@@ -45,16 +45,16 @@ async function main() {
image.autocrop();
// image.scale(0.25);
- if (image.bitmap.width > 300 || image.bitmap.width > 200) {
+ if (image.bitmap.width > 200 || image.bitmap.width > 200) {
const scale = Math.min(
- 300 / image.bitmap.width,
+ 200 / image.bitmap.width,
200 / image.bitmap.height
);
image.scale(scale);
}
- await image.write(output_file);
+ await image.quality(75).write(output_file);
} catch (err) {
console.log(c.bold().red(`failed to screenshot ${slug}`));
console.log(err);
diff --git a/site/src/routes/examples/_TableOfContents.svelte b/site/src/routes/examples/_TableOfContents.svelte
index b00533041c..0e591659b2 100644
--- a/site/src/routes/examples/_TableOfContents.svelte
+++ b/site/src/routes/examples/_TableOfContents.svelte
@@ -49,7 +49,7 @@
{example.title}
diff --git a/site/static/examples/thumbnails/7guis-circles.jpg b/site/static/examples/thumbnails/7guis-circles.jpg
new file mode 100644
index 0000000000..e2d58b9f36
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-circles.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-circles.png b/site/static/examples/thumbnails/7guis-circles.png
deleted file mode 100644
index 3aa8811e39..0000000000
Binary files a/site/static/examples/thumbnails/7guis-circles.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/7guis-counter.jpg b/site/static/examples/thumbnails/7guis-counter.jpg
new file mode 100644
index 0000000000..b0b525fc42
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-counter.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-counter.png b/site/static/examples/thumbnails/7guis-counter.png
deleted file mode 100644
index d2fbeeb73e..0000000000
Binary files a/site/static/examples/thumbnails/7guis-counter.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/7guis-crud.jpg b/site/static/examples/thumbnails/7guis-crud.jpg
new file mode 100644
index 0000000000..ccebfb8a6b
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-crud.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-crud.png b/site/static/examples/thumbnails/7guis-crud.png
deleted file mode 100644
index c14167ac12..0000000000
Binary files a/site/static/examples/thumbnails/7guis-crud.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/7guis-flight-booker.jpg b/site/static/examples/thumbnails/7guis-flight-booker.jpg
new file mode 100644
index 0000000000..c0aecc9fe1
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-flight-booker.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-flight-booker.png b/site/static/examples/thumbnails/7guis-flight-booker.png
deleted file mode 100644
index ae57b627f0..0000000000
Binary files a/site/static/examples/thumbnails/7guis-flight-booker.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/7guis-temperature.jpg b/site/static/examples/thumbnails/7guis-temperature.jpg
new file mode 100644
index 0000000000..b58e9e09b9
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-temperature.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-temperature.png b/site/static/examples/thumbnails/7guis-temperature.png
deleted file mode 100644
index 6b5ee7ad1c..0000000000
Binary files a/site/static/examples/thumbnails/7guis-temperature.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/7guis-timer.jpg b/site/static/examples/thumbnails/7guis-timer.jpg
new file mode 100644
index 0000000000..6fd89dd75a
Binary files /dev/null and b/site/static/examples/thumbnails/7guis-timer.jpg differ
diff --git a/site/static/examples/thumbnails/7guis-timer.png b/site/static/examples/thumbnails/7guis-timer.png
deleted file mode 100644
index 5ab04d5f7d..0000000000
Binary files a/site/static/examples/thumbnails/7guis-timer.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/actions.jpg b/site/static/examples/thumbnails/actions.jpg
new file mode 100644
index 0000000000..33986769df
Binary files /dev/null and b/site/static/examples/thumbnails/actions.jpg differ
diff --git a/site/static/examples/thumbnails/actions.png b/site/static/examples/thumbnails/actions.png
deleted file mode 100644
index 57f339ea98..0000000000
Binary files a/site/static/examples/thumbnails/actions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/adding-parameters-to-actions.jpg b/site/static/examples/thumbnails/adding-parameters-to-actions.jpg
new file mode 100644
index 0000000000..4853e2d3ff
Binary files /dev/null and b/site/static/examples/thumbnails/adding-parameters-to-actions.jpg differ
diff --git a/site/static/examples/thumbnails/adding-parameters-to-actions.png b/site/static/examples/thumbnails/adding-parameters-to-actions.png
deleted file mode 100644
index 764f6b03dd..0000000000
Binary files a/site/static/examples/thumbnails/adding-parameters-to-actions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/adding-parameters-to-transitions.jpg b/site/static/examples/thumbnails/adding-parameters-to-transitions.jpg
new file mode 100644
index 0000000000..db4f939d2a
Binary files /dev/null and b/site/static/examples/thumbnails/adding-parameters-to-transitions.jpg differ
diff --git a/site/static/examples/thumbnails/adding-parameters-to-transitions.png b/site/static/examples/thumbnails/adding-parameters-to-transitions.png
deleted file mode 100644
index c77553b451..0000000000
Binary files a/site/static/examples/thumbnails/adding-parameters-to-transitions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/animate.jpg b/site/static/examples/thumbnails/animate.jpg
new file mode 100644
index 0000000000..48cc6eb45d
Binary files /dev/null and b/site/static/examples/thumbnails/animate.jpg differ
diff --git a/site/static/examples/thumbnails/animate.png b/site/static/examples/thumbnails/animate.png
deleted file mode 100644
index 56fdeb0dd8..0000000000
Binary files a/site/static/examples/thumbnails/animate.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/area-chart.jpg b/site/static/examples/thumbnails/area-chart.jpg
new file mode 100644
index 0000000000..4f6a2c8e64
Binary files /dev/null and b/site/static/examples/thumbnails/area-chart.jpg differ
diff --git a/site/static/examples/thumbnails/area-chart.png b/site/static/examples/thumbnails/area-chart.png
deleted file mode 100644
index 3d23bf9c99..0000000000
Binary files a/site/static/examples/thumbnails/area-chart.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/auto-subscriptions.jpg b/site/static/examples/thumbnails/auto-subscriptions.jpg
new file mode 100644
index 0000000000..9f14c15036
Binary files /dev/null and b/site/static/examples/thumbnails/auto-subscriptions.jpg differ
diff --git a/site/static/examples/thumbnails/auto-subscriptions.png b/site/static/examples/thumbnails/auto-subscriptions.png
deleted file mode 100644
index 8e2e7d3b33..0000000000
Binary files a/site/static/examples/thumbnails/auto-subscriptions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/await-blocks.jpg b/site/static/examples/thumbnails/await-blocks.jpg
new file mode 100644
index 0000000000..3d3dbe60f5
Binary files /dev/null and b/site/static/examples/thumbnails/await-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/await-blocks.png b/site/static/examples/thumbnails/await-blocks.png
deleted file mode 100644
index 3906edcfb9..0000000000
Binary files a/site/static/examples/thumbnails/await-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/bar-chart.jpg b/site/static/examples/thumbnails/bar-chart.jpg
new file mode 100644
index 0000000000..ce303b926c
Binary files /dev/null and b/site/static/examples/thumbnails/bar-chart.jpg differ
diff --git a/site/static/examples/thumbnails/bar-chart.png b/site/static/examples/thumbnails/bar-chart.png
deleted file mode 100644
index d1295c7152..0000000000
Binary files a/site/static/examples/thumbnails/bar-chart.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/bind-this.jpg b/site/static/examples/thumbnails/bind-this.jpg
new file mode 100644
index 0000000000..61c1957f69
Binary files /dev/null and b/site/static/examples/thumbnails/bind-this.jpg differ
diff --git a/site/static/examples/thumbnails/bind-this.png b/site/static/examples/thumbnails/bind-this.png
deleted file mode 100644
index 3148b8560b..0000000000
Binary files a/site/static/examples/thumbnails/bind-this.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/checkbox-inputs.jpg b/site/static/examples/thumbnails/checkbox-inputs.jpg
new file mode 100644
index 0000000000..2831b458d7
Binary files /dev/null and b/site/static/examples/thumbnails/checkbox-inputs.jpg differ
diff --git a/site/static/examples/thumbnails/checkbox-inputs.png b/site/static/examples/thumbnails/checkbox-inputs.png
deleted file mode 100644
index dee565f610..0000000000
Binary files a/site/static/examples/thumbnails/checkbox-inputs.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/class-shorthand.jpg b/site/static/examples/thumbnails/class-shorthand.jpg
new file mode 100644
index 0000000000..3c3937e4e0
Binary files /dev/null and b/site/static/examples/thumbnails/class-shorthand.jpg differ
diff --git a/site/static/examples/thumbnails/class-shorthand.png b/site/static/examples/thumbnails/class-shorthand.png
deleted file mode 100644
index 7292d57c1a..0000000000
Binary files a/site/static/examples/thumbnails/class-shorthand.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/classes.jpg b/site/static/examples/thumbnails/classes.jpg
new file mode 100644
index 0000000000..b2081309e1
Binary files /dev/null and b/site/static/examples/thumbnails/classes.jpg differ
diff --git a/site/static/examples/thumbnails/classes.png b/site/static/examples/thumbnails/classes.png
deleted file mode 100644
index 25ff98fd4d..0000000000
Binary files a/site/static/examples/thumbnails/classes.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/clock.jpg b/site/static/examples/thumbnails/clock.jpg
new file mode 100644
index 0000000000..9cab05c8cc
Binary files /dev/null and b/site/static/examples/thumbnails/clock.jpg differ
diff --git a/site/static/examples/thumbnails/clock.png b/site/static/examples/thumbnails/clock.png
deleted file mode 100644
index 63dc9be7bd..0000000000
Binary files a/site/static/examples/thumbnails/clock.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/component-bindings.jpg b/site/static/examples/thumbnails/component-bindings.jpg
new file mode 100644
index 0000000000..a28af2440f
Binary files /dev/null and b/site/static/examples/thumbnails/component-bindings.jpg differ
diff --git a/site/static/examples/thumbnails/component-bindings.png b/site/static/examples/thumbnails/component-bindings.png
deleted file mode 100644
index c10303c77d..0000000000
Binary files a/site/static/examples/thumbnails/component-bindings.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/component-events.jpg b/site/static/examples/thumbnails/component-events.jpg
new file mode 100644
index 0000000000..3199aff9c9
Binary files /dev/null and b/site/static/examples/thumbnails/component-events.jpg differ
diff --git a/site/static/examples/thumbnails/component-events.png b/site/static/examples/thumbnails/component-events.png
deleted file mode 100644
index 3be74527d0..0000000000
Binary files a/site/static/examples/thumbnails/component-events.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/context-api.jpg b/site/static/examples/thumbnails/context-api.jpg
new file mode 100644
index 0000000000..5c283cd63e
Binary files /dev/null and b/site/static/examples/thumbnails/context-api.jpg differ
diff --git a/site/static/examples/thumbnails/context-api.png b/site/static/examples/thumbnails/context-api.png
deleted file mode 100644
index 9b50b12c2f..0000000000
Binary files a/site/static/examples/thumbnails/context-api.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/custom-css-transitions.jpg b/site/static/examples/thumbnails/custom-css-transitions.jpg
new file mode 100644
index 0000000000..fb406bff92
Binary files /dev/null and b/site/static/examples/thumbnails/custom-css-transitions.jpg differ
diff --git a/site/static/examples/thumbnails/custom-css-transitions.png b/site/static/examples/thumbnails/custom-css-transitions.png
deleted file mode 100644
index 2b855edb3e..0000000000
Binary files a/site/static/examples/thumbnails/custom-css-transitions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/custom-js-transitions.jpg b/site/static/examples/thumbnails/custom-js-transitions.jpg
new file mode 100644
index 0000000000..4f43705d99
Binary files /dev/null and b/site/static/examples/thumbnails/custom-js-transitions.jpg differ
diff --git a/site/static/examples/thumbnails/custom-js-transitions.png b/site/static/examples/thumbnails/custom-js-transitions.png
deleted file mode 100644
index a0054eaad6..0000000000
Binary files a/site/static/examples/thumbnails/custom-js-transitions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/custom-stores.jpg b/site/static/examples/thumbnails/custom-stores.jpg
new file mode 100644
index 0000000000..9f14c15036
Binary files /dev/null and b/site/static/examples/thumbnails/custom-stores.jpg differ
diff --git a/site/static/examples/thumbnails/custom-stores.png b/site/static/examples/thumbnails/custom-stores.png
deleted file mode 100644
index 8e2e7d3b33..0000000000
Binary files a/site/static/examples/thumbnails/custom-stores.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/debug.jpg b/site/static/examples/thumbnails/debug.jpg
new file mode 100644
index 0000000000..e65fa074e2
Binary files /dev/null and b/site/static/examples/thumbnails/debug.jpg differ
diff --git a/site/static/examples/thumbnails/debug.png b/site/static/examples/thumbnails/debug.png
deleted file mode 100644
index 797a69941a..0000000000
Binary files a/site/static/examples/thumbnails/debug.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/declaring-props.jpg b/site/static/examples/thumbnails/declaring-props.jpg
new file mode 100644
index 0000000000..94759bc743
Binary files /dev/null and b/site/static/examples/thumbnails/declaring-props.jpg differ
diff --git a/site/static/examples/thumbnails/declaring-props.png b/site/static/examples/thumbnails/declaring-props.png
deleted file mode 100644
index 41612d51cc..0000000000
Binary files a/site/static/examples/thumbnails/declaring-props.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/default-values.jpg b/site/static/examples/thumbnails/default-values.jpg
new file mode 100644
index 0000000000..94033260b2
Binary files /dev/null and b/site/static/examples/thumbnails/default-values.jpg differ
diff --git a/site/static/examples/thumbnails/default-values.png b/site/static/examples/thumbnails/default-values.png
deleted file mode 100644
index 25e6b68582..0000000000
Binary files a/site/static/examples/thumbnails/default-values.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/deferred-transitions.jpg b/site/static/examples/thumbnails/deferred-transitions.jpg
new file mode 100644
index 0000000000..48cc6eb45d
Binary files /dev/null and b/site/static/examples/thumbnails/deferred-transitions.jpg differ
diff --git a/site/static/examples/thumbnails/deferred-transitions.png b/site/static/examples/thumbnails/deferred-transitions.png
deleted file mode 100644
index 56fdeb0dd8..0000000000
Binary files a/site/static/examples/thumbnails/deferred-transitions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/derived-stores.jpg b/site/static/examples/thumbnails/derived-stores.jpg
new file mode 100644
index 0000000000..a2aade2920
Binary files /dev/null and b/site/static/examples/thumbnails/derived-stores.jpg differ
diff --git a/site/static/examples/thumbnails/derived-stores.png b/site/static/examples/thumbnails/derived-stores.png
deleted file mode 100644
index 9349af5a9c..0000000000
Binary files a/site/static/examples/thumbnails/derived-stores.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/dimensions.jpg b/site/static/examples/thumbnails/dimensions.jpg
new file mode 100644
index 0000000000..065a62207c
Binary files /dev/null and b/site/static/examples/thumbnails/dimensions.jpg differ
diff --git a/site/static/examples/thumbnails/dimensions.png b/site/static/examples/thumbnails/dimensions.png
deleted file mode 100644
index e1bc487d4b..0000000000
Binary files a/site/static/examples/thumbnails/dimensions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/dom-event-forwarding.jpg b/site/static/examples/thumbnails/dom-event-forwarding.jpg
new file mode 100644
index 0000000000..307acde39d
Binary files /dev/null and b/site/static/examples/thumbnails/dom-event-forwarding.jpg differ
diff --git a/site/static/examples/thumbnails/dom-event-forwarding.png b/site/static/examples/thumbnails/dom-event-forwarding.png
deleted file mode 100644
index 73e0f09706..0000000000
Binary files a/site/static/examples/thumbnails/dom-event-forwarding.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/dom-events.jpg b/site/static/examples/thumbnails/dom-events.jpg
new file mode 100644
index 0000000000..365d26e705
Binary files /dev/null and b/site/static/examples/thumbnails/dom-events.jpg differ
diff --git a/site/static/examples/thumbnails/dom-events.png b/site/static/examples/thumbnails/dom-events.png
deleted file mode 100644
index e78f09a45d..0000000000
Binary files a/site/static/examples/thumbnails/dom-events.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/dynamic-attributes.jpg b/site/static/examples/thumbnails/dynamic-attributes.jpg
new file mode 100644
index 0000000000..a0d5898ce2
Binary files /dev/null and b/site/static/examples/thumbnails/dynamic-attributes.jpg differ
diff --git a/site/static/examples/thumbnails/dynamic-attributes.png b/site/static/examples/thumbnails/dynamic-attributes.png
deleted file mode 100644
index e8dbd13374..0000000000
Binary files a/site/static/examples/thumbnails/dynamic-attributes.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/each-block-bindings.jpg b/site/static/examples/thumbnails/each-block-bindings.jpg
new file mode 100644
index 0000000000..931f1dcf42
Binary files /dev/null and b/site/static/examples/thumbnails/each-block-bindings.jpg differ
diff --git a/site/static/examples/thumbnails/each-block-bindings.png b/site/static/examples/thumbnails/each-block-bindings.png
deleted file mode 100644
index acb59ab6a1..0000000000
Binary files a/site/static/examples/thumbnails/each-block-bindings.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/each-blocks.jpg b/site/static/examples/thumbnails/each-blocks.jpg
new file mode 100644
index 0000000000..efc9dcb88f
Binary files /dev/null and b/site/static/examples/thumbnails/each-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/each-blocks.png b/site/static/examples/thumbnails/each-blocks.png
deleted file mode 100644
index 81a897d3d0..0000000000
Binary files a/site/static/examples/thumbnails/each-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/else-blocks.jpg b/site/static/examples/thumbnails/else-blocks.jpg
new file mode 100644
index 0000000000..69426d5ec3
Binary files /dev/null and b/site/static/examples/thumbnails/else-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/else-blocks.png b/site/static/examples/thumbnails/else-blocks.png
deleted file mode 100644
index 76a0cab55a..0000000000
Binary files a/site/static/examples/thumbnails/else-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/else-if-blocks.jpg b/site/static/examples/thumbnails/else-if-blocks.jpg
new file mode 100644
index 0000000000..15996af39f
Binary files /dev/null and b/site/static/examples/thumbnails/else-if-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/else-if-blocks.png b/site/static/examples/thumbnails/else-if-blocks.png
deleted file mode 100644
index ec3f4d68c3..0000000000
Binary files a/site/static/examples/thumbnails/else-if-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/event-forwarding.jpg b/site/static/examples/thumbnails/event-forwarding.jpg
new file mode 100644
index 0000000000..3199aff9c9
Binary files /dev/null and b/site/static/examples/thumbnails/event-forwarding.jpg differ
diff --git a/site/static/examples/thumbnails/event-forwarding.png b/site/static/examples/thumbnails/event-forwarding.png
deleted file mode 100644
index 3be74527d0..0000000000
Binary files a/site/static/examples/thumbnails/event-forwarding.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/event-modifiers.jpg b/site/static/examples/thumbnails/event-modifiers.jpg
new file mode 100644
index 0000000000..752c5b1a0a
Binary files /dev/null and b/site/static/examples/thumbnails/event-modifiers.jpg differ
diff --git a/site/static/examples/thumbnails/event-modifiers.png b/site/static/examples/thumbnails/event-modifiers.png
deleted file mode 100644
index 8605e15c63..0000000000
Binary files a/site/static/examples/thumbnails/event-modifiers.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/group-inputs.jpg b/site/static/examples/thumbnails/group-inputs.jpg
new file mode 100644
index 0000000000..c70f2afcdc
Binary files /dev/null and b/site/static/examples/thumbnails/group-inputs.jpg differ
diff --git a/site/static/examples/thumbnails/group-inputs.png b/site/static/examples/thumbnails/group-inputs.png
deleted file mode 100644
index 26b377b0b6..0000000000
Binary files a/site/static/examples/thumbnails/group-inputs.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/hacker-news.jpg b/site/static/examples/thumbnails/hacker-news.jpg
new file mode 100644
index 0000000000..1792586cef
Binary files /dev/null and b/site/static/examples/thumbnails/hacker-news.jpg differ
diff --git a/site/static/examples/thumbnails/hacker-news.png b/site/static/examples/thumbnails/hacker-news.png
deleted file mode 100644
index 48be57287f..0000000000
Binary files a/site/static/examples/thumbnails/hacker-news.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/hello-world.jpg b/site/static/examples/thumbnails/hello-world.jpg
new file mode 100644
index 0000000000..3b8d871ade
Binary files /dev/null and b/site/static/examples/thumbnails/hello-world.jpg differ
diff --git a/site/static/examples/thumbnails/hello-world.png b/site/static/examples/thumbnails/hello-world.png
deleted file mode 100644
index 587d6a7703..0000000000
Binary files a/site/static/examples/thumbnails/hello-world.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/html-tags.jpg b/site/static/examples/thumbnails/html-tags.jpg
new file mode 100644
index 0000000000..f208c04e4f
Binary files /dev/null and b/site/static/examples/thumbnails/html-tags.jpg differ
diff --git a/site/static/examples/thumbnails/html-tags.png b/site/static/examples/thumbnails/html-tags.png
deleted file mode 100644
index a346c0f2d7..0000000000
Binary files a/site/static/examples/thumbnails/html-tags.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/if-blocks.jpg b/site/static/examples/thumbnails/if-blocks.jpg
new file mode 100644
index 0000000000..69426d5ec3
Binary files /dev/null and b/site/static/examples/thumbnails/if-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/if-blocks.png b/site/static/examples/thumbnails/if-blocks.png
deleted file mode 100644
index 76a0cab55a..0000000000
Binary files a/site/static/examples/thumbnails/if-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/immutable-data.jpg b/site/static/examples/thumbnails/immutable-data.jpg
new file mode 100644
index 0000000000..e339b8d459
Binary files /dev/null and b/site/static/examples/thumbnails/immutable-data.jpg differ
diff --git a/site/static/examples/thumbnails/immutable-data.png b/site/static/examples/thumbnails/immutable-data.png
deleted file mode 100644
index 64374a7292..0000000000
Binary files a/site/static/examples/thumbnails/immutable-data.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/in-and-out.jpg b/site/static/examples/thumbnails/in-and-out.jpg
new file mode 100644
index 0000000000..397ca3b51b
Binary files /dev/null and b/site/static/examples/thumbnails/in-and-out.jpg differ
diff --git a/site/static/examples/thumbnails/in-and-out.png b/site/static/examples/thumbnails/in-and-out.png
deleted file mode 100644
index 481541cee3..0000000000
Binary files a/site/static/examples/thumbnails/in-and-out.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/inline-handlers.jpg b/site/static/examples/thumbnails/inline-handlers.jpg
new file mode 100644
index 0000000000..365d26e705
Binary files /dev/null and b/site/static/examples/thumbnails/inline-handlers.jpg differ
diff --git a/site/static/examples/thumbnails/inline-handlers.png b/site/static/examples/thumbnails/inline-handlers.png
deleted file mode 100644
index e78f09a45d..0000000000
Binary files a/site/static/examples/thumbnails/inline-handlers.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/keyed-each-blocks.jpg b/site/static/examples/thumbnails/keyed-each-blocks.jpg
new file mode 100644
index 0000000000..8f3d85b288
Binary files /dev/null and b/site/static/examples/thumbnails/keyed-each-blocks.jpg differ
diff --git a/site/static/examples/thumbnails/keyed-each-blocks.png b/site/static/examples/thumbnails/keyed-each-blocks.png
deleted file mode 100644
index 0bf87908d8..0000000000
Binary files a/site/static/examples/thumbnails/keyed-each-blocks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/media-elements.jpg b/site/static/examples/thumbnails/media-elements.jpg
new file mode 100644
index 0000000000..579dcc707f
Binary files /dev/null and b/site/static/examples/thumbnails/media-elements.jpg differ
diff --git a/site/static/examples/thumbnails/media-elements.png b/site/static/examples/thumbnails/media-elements.png
deleted file mode 100644
index 356edf0ea5..0000000000
Binary files a/site/static/examples/thumbnails/media-elements.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/modal.jpg b/site/static/examples/thumbnails/modal.jpg
new file mode 100644
index 0000000000..d6ec829865
Binary files /dev/null and b/site/static/examples/thumbnails/modal.jpg differ
diff --git a/site/static/examples/thumbnails/modal.png b/site/static/examples/thumbnails/modal.png
deleted file mode 100644
index 1c7e1d6f1c..0000000000
Binary files a/site/static/examples/thumbnails/modal.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/module-exports.jpg b/site/static/examples/thumbnails/module-exports.jpg
new file mode 100644
index 0000000000..26c3e6a32f
Binary files /dev/null and b/site/static/examples/thumbnails/module-exports.jpg differ
diff --git a/site/static/examples/thumbnails/module-exports.png b/site/static/examples/thumbnails/module-exports.png
deleted file mode 100644
index c0329acd7e..0000000000
Binary files a/site/static/examples/thumbnails/module-exports.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/multiple-select-bindings.jpg b/site/static/examples/thumbnails/multiple-select-bindings.jpg
new file mode 100644
index 0000000000..ada9aaa433
Binary files /dev/null and b/site/static/examples/thumbnails/multiple-select-bindings.jpg differ
diff --git a/site/static/examples/thumbnails/multiple-select-bindings.png b/site/static/examples/thumbnails/multiple-select-bindings.png
deleted file mode 100644
index ef9a363632..0000000000
Binary files a/site/static/examples/thumbnails/multiple-select-bindings.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/named-slots.jpg b/site/static/examples/thumbnails/named-slots.jpg
new file mode 100644
index 0000000000..54915f686f
Binary files /dev/null and b/site/static/examples/thumbnails/named-slots.jpg differ
diff --git a/site/static/examples/thumbnails/named-slots.png b/site/static/examples/thumbnails/named-slots.png
deleted file mode 100644
index c1e0b60e0a..0000000000
Binary files a/site/static/examples/thumbnails/named-slots.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/nested-components.jpg b/site/static/examples/thumbnails/nested-components.jpg
new file mode 100644
index 0000000000..2352c21b6c
Binary files /dev/null and b/site/static/examples/thumbnails/nested-components.jpg differ
diff --git a/site/static/examples/thumbnails/nested-components.png b/site/static/examples/thumbnails/nested-components.png
deleted file mode 100644
index 4f7ef29550..0000000000
Binary files a/site/static/examples/thumbnails/nested-components.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/numeric-inputs.jpg b/site/static/examples/thumbnails/numeric-inputs.jpg
new file mode 100644
index 0000000000..0bcbbbbfd2
Binary files /dev/null and b/site/static/examples/thumbnails/numeric-inputs.jpg differ
diff --git a/site/static/examples/thumbnails/numeric-inputs.png b/site/static/examples/thumbnails/numeric-inputs.png
deleted file mode 100644
index effd9a085d..0000000000
Binary files a/site/static/examples/thumbnails/numeric-inputs.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/ondestroy.jpg b/site/static/examples/thumbnails/ondestroy.jpg
new file mode 100644
index 0000000000..c34d437017
Binary files /dev/null and b/site/static/examples/thumbnails/ondestroy.jpg differ
diff --git a/site/static/examples/thumbnails/ondestroy.png b/site/static/examples/thumbnails/ondestroy.png
deleted file mode 100644
index 4746abb3ba..0000000000
Binary files a/site/static/examples/thumbnails/ondestroy.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/onmount.jpg b/site/static/examples/thumbnails/onmount.jpg
new file mode 100644
index 0000000000..e42c874b90
Binary files /dev/null and b/site/static/examples/thumbnails/onmount.jpg differ
diff --git a/site/static/examples/thumbnails/onmount.png b/site/static/examples/thumbnails/onmount.png
deleted file mode 100644
index 6002900b24..0000000000
Binary files a/site/static/examples/thumbnails/onmount.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/reactive-assignments.jpg b/site/static/examples/thumbnails/reactive-assignments.jpg
new file mode 100644
index 0000000000..3a57e27711
Binary files /dev/null and b/site/static/examples/thumbnails/reactive-assignments.jpg differ
diff --git a/site/static/examples/thumbnails/reactive-assignments.png b/site/static/examples/thumbnails/reactive-assignments.png
deleted file mode 100644
index 9564ac0f07..0000000000
Binary files a/site/static/examples/thumbnails/reactive-assignments.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/reactive-declarations.jpg b/site/static/examples/thumbnails/reactive-declarations.jpg
new file mode 100644
index 0000000000..4f094d80ff
Binary files /dev/null and b/site/static/examples/thumbnails/reactive-declarations.jpg differ
diff --git a/site/static/examples/thumbnails/reactive-declarations.png b/site/static/examples/thumbnails/reactive-declarations.png
deleted file mode 100644
index a222a8636e..0000000000
Binary files a/site/static/examples/thumbnails/reactive-declarations.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/reactive-statements.jpg b/site/static/examples/thumbnails/reactive-statements.jpg
new file mode 100644
index 0000000000..3a57e27711
Binary files /dev/null and b/site/static/examples/thumbnails/reactive-statements.jpg differ
diff --git a/site/static/examples/thumbnails/reactive-statements.png b/site/static/examples/thumbnails/reactive-statements.png
deleted file mode 100644
index 9564ac0f07..0000000000
Binary files a/site/static/examples/thumbnails/reactive-statements.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/readable-stores.jpg b/site/static/examples/thumbnails/readable-stores.jpg
new file mode 100644
index 0000000000..18b3ecc97f
Binary files /dev/null and b/site/static/examples/thumbnails/readable-stores.jpg differ
diff --git a/site/static/examples/thumbnails/readable-stores.png b/site/static/examples/thumbnails/readable-stores.png
deleted file mode 100644
index 9a1cb4121e..0000000000
Binary files a/site/static/examples/thumbnails/readable-stores.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/scatterplot.jpg b/site/static/examples/thumbnails/scatterplot.jpg
new file mode 100644
index 0000000000..065aabcc8b
Binary files /dev/null and b/site/static/examples/thumbnails/scatterplot.jpg differ
diff --git a/site/static/examples/thumbnails/scatterplot.png b/site/static/examples/thumbnails/scatterplot.png
deleted file mode 100644
index 2c3af8feb0..0000000000
Binary files a/site/static/examples/thumbnails/scatterplot.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/select-bindings.jpg b/site/static/examples/thumbnails/select-bindings.jpg
new file mode 100644
index 0000000000..f1f2f1bf9c
Binary files /dev/null and b/site/static/examples/thumbnails/select-bindings.jpg differ
diff --git a/site/static/examples/thumbnails/select-bindings.png b/site/static/examples/thumbnails/select-bindings.png
deleted file mode 100644
index 59ad614baf..0000000000
Binary files a/site/static/examples/thumbnails/select-bindings.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/sharing-code.jpg b/site/static/examples/thumbnails/sharing-code.jpg
new file mode 100644
index 0000000000..f3d5ec1045
Binary files /dev/null and b/site/static/examples/thumbnails/sharing-code.jpg differ
diff --git a/site/static/examples/thumbnails/sharing-code.png b/site/static/examples/thumbnails/sharing-code.png
deleted file mode 100644
index c5c3a9e834..0000000000
Binary files a/site/static/examples/thumbnails/sharing-code.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/slot-fallbacks.jpg b/site/static/examples/thumbnails/slot-fallbacks.jpg
new file mode 100644
index 0000000000..44c083e49d
Binary files /dev/null and b/site/static/examples/thumbnails/slot-fallbacks.jpg differ
diff --git a/site/static/examples/thumbnails/slot-fallbacks.png b/site/static/examples/thumbnails/slot-fallbacks.png
deleted file mode 100644
index 3cb48dd852..0000000000
Binary files a/site/static/examples/thumbnails/slot-fallbacks.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/slot-props.jpg b/site/static/examples/thumbnails/slot-props.jpg
new file mode 100644
index 0000000000..424a0f2b1e
Binary files /dev/null and b/site/static/examples/thumbnails/slot-props.jpg differ
diff --git a/site/static/examples/thumbnails/slot-props.png b/site/static/examples/thumbnails/slot-props.png
deleted file mode 100644
index 7703b0aa3f..0000000000
Binary files a/site/static/examples/thumbnails/slot-props.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/slots.jpg b/site/static/examples/thumbnails/slots.jpg
new file mode 100644
index 0000000000..845f3cb938
Binary files /dev/null and b/site/static/examples/thumbnails/slots.jpg differ
diff --git a/site/static/examples/thumbnails/slots.png b/site/static/examples/thumbnails/slots.png
deleted file mode 100644
index 6a8d019970..0000000000
Binary files a/site/static/examples/thumbnails/slots.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/spread-props.jpg b/site/static/examples/thumbnails/spread-props.jpg
new file mode 100644
index 0000000000..0d0e2a9228
Binary files /dev/null and b/site/static/examples/thumbnails/spread-props.jpg differ
diff --git a/site/static/examples/thumbnails/spread-props.png b/site/static/examples/thumbnails/spread-props.png
deleted file mode 100644
index e56d22d0b3..0000000000
Binary files a/site/static/examples/thumbnails/spread-props.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/spring.jpg b/site/static/examples/thumbnails/spring.jpg
new file mode 100644
index 0000000000..ca972a512d
Binary files /dev/null and b/site/static/examples/thumbnails/spring.jpg differ
diff --git a/site/static/examples/thumbnails/spring.png b/site/static/examples/thumbnails/spring.png
deleted file mode 100644
index 42786c976f..0000000000
Binary files a/site/static/examples/thumbnails/spring.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/styling.jpg b/site/static/examples/thumbnails/styling.jpg
new file mode 100644
index 0000000000..431c4bfe7b
Binary files /dev/null and b/site/static/examples/thumbnails/styling.jpg differ
diff --git a/site/static/examples/thumbnails/styling.png b/site/static/examples/thumbnails/styling.png
deleted file mode 100644
index 6c8cdd3052..0000000000
Binary files a/site/static/examples/thumbnails/styling.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-body.jpg b/site/static/examples/thumbnails/svelte-body.jpg
new file mode 100644
index 0000000000..2494b1c95a
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-body.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-body.png b/site/static/examples/thumbnails/svelte-body.png
deleted file mode 100644
index 3c929ae5f9..0000000000
Binary files a/site/static/examples/thumbnails/svelte-body.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-component.jpg b/site/static/examples/thumbnails/svelte-component.jpg
new file mode 100644
index 0000000000..b0b8922416
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-component.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-component.png b/site/static/examples/thumbnails/svelte-component.png
deleted file mode 100644
index 76d786e0a3..0000000000
Binary files a/site/static/examples/thumbnails/svelte-component.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-head.jpg b/site/static/examples/thumbnails/svelte-head.jpg
new file mode 100644
index 0000000000..fbf9c2a5e6
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-head.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-head.png b/site/static/examples/thumbnails/svelte-head.png
deleted file mode 100644
index d70fef382a..0000000000
Binary files a/site/static/examples/thumbnails/svelte-head.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-options.png b/site/static/examples/thumbnails/svelte-options.png
deleted file mode 100644
index 848640f2f9..0000000000
Binary files a/site/static/examples/thumbnails/svelte-options.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-self.jpg b/site/static/examples/thumbnails/svelte-self.jpg
new file mode 100644
index 0000000000..d28a3ac940
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-self.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-self.png b/site/static/examples/thumbnails/svelte-self.png
deleted file mode 100644
index 604b9a82c0..0000000000
Binary files a/site/static/examples/thumbnails/svelte-self.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-window-bindings.jpg b/site/static/examples/thumbnails/svelte-window-bindings.jpg
new file mode 100644
index 0000000000..4afdf49f7b
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-window-bindings.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-window-bindings.png b/site/static/examples/thumbnails/svelte-window-bindings.png
deleted file mode 100644
index 97560a6b0b..0000000000
Binary files a/site/static/examples/thumbnails/svelte-window-bindings.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svelte-window.jpg b/site/static/examples/thumbnails/svelte-window.jpg
new file mode 100644
index 0000000000..ff2d91423d
Binary files /dev/null and b/site/static/examples/thumbnails/svelte-window.jpg differ
diff --git a/site/static/examples/thumbnails/svelte-window.png b/site/static/examples/thumbnails/svelte-window.png
deleted file mode 100644
index 88514603c9..0000000000
Binary files a/site/static/examples/thumbnails/svelte-window.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/svg-transitions.jpg b/site/static/examples/thumbnails/svg-transitions.jpg
new file mode 100644
index 0000000000..ff2874f622
Binary files /dev/null and b/site/static/examples/thumbnails/svg-transitions.jpg differ
diff --git a/site/static/examples/thumbnails/svg-transitions.png b/site/static/examples/thumbnails/svg-transitions.png
deleted file mode 100644
index 64214b4233..0000000000
Binary files a/site/static/examples/thumbnails/svg-transitions.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/text-inputs.jpg b/site/static/examples/thumbnails/text-inputs.jpg
new file mode 100644
index 0000000000..e27418de53
Binary files /dev/null and b/site/static/examples/thumbnails/text-inputs.jpg differ
diff --git a/site/static/examples/thumbnails/text-inputs.png b/site/static/examples/thumbnails/text-inputs.png
deleted file mode 100644
index bc2b8431f9..0000000000
Binary files a/site/static/examples/thumbnails/text-inputs.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/textarea-inputs.jpg b/site/static/examples/thumbnails/textarea-inputs.jpg
new file mode 100644
index 0000000000..6245fd8d88
Binary files /dev/null and b/site/static/examples/thumbnails/textarea-inputs.jpg differ
diff --git a/site/static/examples/thumbnails/textarea-inputs.png b/site/static/examples/thumbnails/textarea-inputs.png
deleted file mode 100644
index 074e8add74..0000000000
Binary files a/site/static/examples/thumbnails/textarea-inputs.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/tick.jpg b/site/static/examples/thumbnails/tick.jpg
new file mode 100644
index 0000000000..660f5ba94e
Binary files /dev/null and b/site/static/examples/thumbnails/tick.jpg differ
diff --git a/site/static/examples/thumbnails/tick.png b/site/static/examples/thumbnails/tick.png
deleted file mode 100644
index 079c3c6281..0000000000
Binary files a/site/static/examples/thumbnails/tick.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/transition-events.jpg b/site/static/examples/thumbnails/transition-events.jpg
new file mode 100644
index 0000000000..40e7b05a19
Binary files /dev/null and b/site/static/examples/thumbnails/transition-events.jpg differ
diff --git a/site/static/examples/thumbnails/transition-events.png b/site/static/examples/thumbnails/transition-events.png
deleted file mode 100644
index d9ee7180ea..0000000000
Binary files a/site/static/examples/thumbnails/transition-events.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/transition.jpg b/site/static/examples/thumbnails/transition.jpg
new file mode 100644
index 0000000000..d99be156f8
Binary files /dev/null and b/site/static/examples/thumbnails/transition.jpg differ
diff --git a/site/static/examples/thumbnails/transition.png b/site/static/examples/thumbnails/transition.png
deleted file mode 100644
index 4f8ad88d66..0000000000
Binary files a/site/static/examples/thumbnails/transition.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/tweened.jpg b/site/static/examples/thumbnails/tweened.jpg
new file mode 100644
index 0000000000..89433e9f86
Binary files /dev/null and b/site/static/examples/thumbnails/tweened.jpg differ
diff --git a/site/static/examples/thumbnails/tweened.png b/site/static/examples/thumbnails/tweened.png
deleted file mode 100644
index 010b50c302..0000000000
Binary files a/site/static/examples/thumbnails/tweened.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/update.jpg b/site/static/examples/thumbnails/update.jpg
new file mode 100644
index 0000000000..95c4d22d6a
Binary files /dev/null and b/site/static/examples/thumbnails/update.jpg differ
diff --git a/site/static/examples/thumbnails/update.png b/site/static/examples/thumbnails/update.png
deleted file mode 100644
index 2c986e1034..0000000000
Binary files a/site/static/examples/thumbnails/update.png and /dev/null differ
diff --git a/site/static/examples/thumbnails/writable-stores.jpg b/site/static/examples/thumbnails/writable-stores.jpg
new file mode 100644
index 0000000000..9f14c15036
Binary files /dev/null and b/site/static/examples/thumbnails/writable-stores.jpg differ
diff --git a/site/static/examples/thumbnails/writable-stores.png b/site/static/examples/thumbnails/writable-stores.png
deleted file mode 100644
index 8e2e7d3b33..0000000000
Binary files a/site/static/examples/thumbnails/writable-stores.png and /dev/null differ