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