From 1f76caf162bdf69b6b1d078888f6c720e53e4620 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Wed, 16 Mar 2022 16:29:35 +0100
Subject: [PATCH] :notebook_with_decorative_cover: Use Unsplash images instead
 of ones taken from Reddit (closes #43)

---
 index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 6a53dff..09003e0 100644
--- a/index.html
+++ b/index.html
@@ -212,7 +212,7 @@
                         <p>
                             Images are <b>automatically centered and resized to fit</b> the panel they are in.
                         </p>
-                        <img src="https://i.imgur.com/tpC5y1N.png" alt="Uno reverse card reverses water"/>
+                        <img src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon Ice Cream"/>
                     </section>
                     <div class="chapter-forcewrap"></div>
                     <section class="panel panel-box" id="panel-limited">
@@ -230,7 +230,7 @@
                                 <p>
                                     The following image has a limit of half the vertical viewport:
                                 </p>
-                                <img class="image-limit-half" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
+                                <img class="image-limit-half" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
                             </section>
                             <section class="panel panel-box" id="panel-limited-quarter">
                                 <h3>
@@ -239,7 +239,7 @@
                                 <p>
                                     The following image has a limit of a quarter of the vertical viewport:
                                 </p>
-                                <img class="image-limit-quarter" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
+                                <img class="image-limit-quarter" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
                             </section>
                         </div>
                     </section>
@@ -252,9 +252,9 @@
                             Images can be wrapped in a figure element to semantically provide additional detail to them.
                         </p>
                         <figure>
-                            <img class="image-limit-quarter" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
+                            <img class="image-limit-quarter" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
                             <figcaption>
-                                A USB key in a bottle.
+                                Neon ice cream
                             </figcaption>
                         </figure>
                     </section>