From a3714162d8f82bb7a4d8061067e82f096ca7f082 Mon Sep 17 00:00:00 2001
From: Kushal SM <kushalsokke@gmail.com>
Date: Tue, 21 Apr 2026 20:33:30 +0530
Subject: [PATCH] Fix broken demo images: source.unsplash.com/random returns
 503

The source.unsplash.com/random endpoint was deprecated by Unsplash in
mid-2024 and now returns 503, so the two <img> tags in demo.html render
broken on any visit. Replace both with specific images.unsplash.com
photo URLs pinned with fixed dimensions.
---
 demo.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/demo.html b/demo.html
index 196e4ab..2419fec 100644
--- a/demo.html
+++ b/demo.html
@@ -184,8 +184,8 @@ <h3>Media</h3>
           <audio controls=""></audio>
           <p>This is an image: <code>img</code></p>
           <img
-            src="https://source.unsplash.com/random/400x300"
-            alt="random placeholder image"
+            src="https://images.unsplash.com/photo-1718220216044-006f43e3a9b1?w=400&h=300&fit=crop&q=80"
+            alt="open-plan office workspace"
           />
           <p>
             Wrap the <code>img</code> in a <code>figure</code> to include a
@@ -193,8 +193,8 @@ <h3>Media</h3>
           </p>
           <figure>
             <img
-              src="https://source.unsplash.com/random/400x300"
-              alt="random placeholder image"
+              src="https://images.unsplash.com/photo-1572521165329-b197f9ea3da6?w=400&h=300&fit=crop&q=80"
+              alt="calm office environment"
             />
             <figcaption>
               This image is from <a href="https://unsplash.com/">Unsplash</a>.