Merge branch 'master' into pr/6798

package.json

@@ -133,7 +133,7 @@
     "magic-string": "^0.25.3",
     "mocha": "^7.0.0",
     "periscopic": "^3.0.4",
-    "puppeteer": "^2.1.1",
+    "puppeteer": "^2.0.0",
     "rollup": "^1.27.14",
     "source-map": "^0.7.3",
     "source-map-support": "^0.5.13",

site/content/examples/09-transitions/04-custom-js-transitions/App.svelte

@@ -30,7 +30,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter out:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
 {/if}

site/content/tutorial/10-transitions/05-custom-js-transitions/app-a/App.svelte

@@ -16,7 +16,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
-{/if}
+{/if}

site/content/tutorial/10-transitions/05-custom-js-transitions/app-b/App.svelte

@@ -30,7 +30,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter out:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
 {/if}

site/src/routes/_components/WhosUsingSvelte.svelte

@@ -46,6 +46,7 @@
 		height: 100%;
 		padding: 5px 10px;
 		transition: transform 0.2s;
+		min-width:  0; /* Avoid image overflow in Safari */
 	}
 	picture:hover,
 	img:hover {

site/src/routes/index.svelte

@@ -70,7 +70,7 @@
 
 		<p>Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.</p>
 
-		<p><a href="blog/svelte-3-rethinking-reactivity">Read the introductory blog post</a> to learn more.</p>
+		<p>We're proud that Svelte was recently voted the <a href="https://insights.stackoverflow.com/survey/2021#section-most-loved-dreaded-and-wanted-web-frameworks">most loved web framework</a> with the <a href="https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/">most satisfied developers</a> in a pair of industry surveys. We think you'll love it too. <a href="blog/svelte-3-rethinking-reactivity">Read the introductory blog post</a> to learn more.</p>
 	</div>
 
 	<div style="grid-area: start; display: flex; flex-direction: column; min-width: 0" slot="how">