From e12cb348b0ae8858aaf4161b200a24afe231bfb8 Mon Sep 17 00:00:00 2001
From: Rene Kootstra <kootstra.rene@gmail.com>
Date: Mon, 24 Jan 2022 15:54:18 +0100
Subject: [PATCH] Update App.svelte in window-bindings example

The #each should use the layers as defined in the <script> section so that the parallax works correctly when the layers array is changed
---
 .../17-special-elements/03-svelte-window-bindings/App.svelte  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/content/examples/17-special-elements/03-svelte-window-bindings/App.svelte b/site/content/examples/17-special-elements/03-svelte-window-bindings/App.svelte
index 28831a6d31..15c2aa0ebc 100644
--- a/site/content/examples/17-special-elements/03-svelte-window-bindings/App.svelte
+++ b/site/content/examples/17-special-elements/03-svelte-window-bindings/App.svelte
@@ -7,7 +7,7 @@
 <svelte:window bind:scrollY={y}/>
 
 <a class="parallax-container" href="https://www.firewatchgame.com">
-	{#each [0, 1, 2, 3, 4, 5, 6, 7, 8] as layer}
+	{#each layers as layer}
 		<img
 			style="transform: translate(0,{-y * layer / (layers.length - 1)}px)"
 			src="https://www.firewatchgame.com/images/parallax/parallax{layer}.png"
@@ -85,4 +85,4 @@
 		padding: 0;
 		background-color: rgb(253, 174, 51);
 	}
-</style>
\ No newline at end of file
+</style>