From 47c831dfecfde4d7408c752ca05e1500186ddcb2 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Tue, 6 Aug 2024 07:34:31 -0700
Subject: [PATCH] replace placeholder images with ones that work

---
 src/routes/transitions/shared-axis-x/+page.svelte | 8 ++++----
 src/routes/transitions/shared-axis-y/+page.svelte | 8 ++++----
 src/routes/transitions/shared-axis-z/+page.svelte | 8 ++++----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/routes/transitions/shared-axis-x/+page.svelte b/src/routes/transitions/shared-axis-x/+page.svelte
index 4e07508..b30889a 100644
--- a/src/routes/transitions/shared-axis-x/+page.svelte
+++ b/src/routes/transitions/shared-axis-x/+page.svelte
@@ -13,7 +13,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 1))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?red"
+        src="https://picsum.photos/id/12/192/168"
         alt="Red placeholder"
         width="192"
         height="168"
@@ -35,7 +35,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 2))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?orange"
+        src="https://picsum.photos/id/20/192/168"
         alt="Orange placeholder"
         width="192"
         height="168"
@@ -57,7 +57,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 3))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?yellow"
+        src="https://picsum.photos/id/19/192/168"
         alt="Yellow placeholder"
         width="192"
         height="168"
@@ -69,7 +69,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 2))}>back</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?green"
+        src="https://picsum.photos/id/18/192/168"
         alt="Green placeholder"
         width="192"
         height="168"
diff --git a/src/routes/transitions/shared-axis-y/+page.svelte b/src/routes/transitions/shared-axis-y/+page.svelte
index c290502..9e23066 100644
--- a/src/routes/transitions/shared-axis-y/+page.svelte
+++ b/src/routes/transitions/shared-axis-y/+page.svelte
@@ -13,7 +13,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 1))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?red"
+        src="https://picsum.photos/id/12/192/168"
         alt="Red placeholder"
         width="192"
         height="168"
@@ -35,7 +35,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 2))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?orange"
+        src="https://picsum.photos/id/20/192/168"
         alt="Orange placeholder"
         width="192"
         height="168"
@@ -57,7 +57,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 3))}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?yellow"
+        src="https://picsum.photos/id/19/192/168"
         alt="Yellow placeholder"
         width="192"
         height="168"
@@ -69,7 +69,7 @@
         <Button type="outlined" on:click={() => ((prevPage = page), (page = 2))}>back</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?green"
+        src="https://picsum.photos/id/18/192/168"
         alt="Green placeholder"
         width="192"
         height="168"
diff --git a/src/routes/transitions/shared-axis-z/+page.svelte b/src/routes/transitions/shared-axis-z/+page.svelte
index cb7bf07..b115284 100644
--- a/src/routes/transitions/shared-axis-z/+page.svelte
+++ b/src/routes/transitions/shared-axis-z/+page.svelte
@@ -15,7 +15,7 @@
         <Button type="outlined" on:click={() => (page = 1)}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?red"
+        src="https://picsum.photos/id/12/192/168"
         alt="Red placeholder"
         width="192"
         height="168"
@@ -31,7 +31,7 @@
         <Button type="outlined" on:click={() => (page = 2)}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?orange"
+        src="https://picsum.photos/id/20/192/168"
         alt="Orange placeholder"
         width="192"
         height="168"
@@ -47,7 +47,7 @@
         <Button type="outlined" on:click={() => (page = 3)}>next</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?yellow"
+        src="https://picsum.photos/id/19/192/168"
         alt="Yellow placeholder"
         width="192"
         height="168"
@@ -62,7 +62,7 @@
         <Button type="outlined" on:click={() => (page = 2)}>back</Button>
       </p>
       <img
-        src="https://source.unsplash.com/192x168/?green"
+        src="https://picsum.photos/id/18/192/168"
         alt="Green placeholder"
         width="192"
         height="168"