From d447c96f1c28ae20008bedb2a48dfbc8720975bf Mon Sep 17 00:00:00 2001
From: Henri Saudubray <henri.saudubray@proton.me>
Date: Fri, 23 May 2025 13:09:33 +0200
Subject: [PATCH] fix: w3c validation

---
 fish.html  |  28 ++---
 tiles.html | 312 +++++++++++++++++++++++++++++++++++++++--------------
 2 files changed, 241 insertions(+), 99 deletions(-)
diff --git a/fish.html b/fish.html
index 83d3816..28c25cd 100644
--- a/fish.html
+++ b/fish.html
@@ -12,39 +12,25 @@
     <header>THE FISH &gt;&lt;&gt;</header>
     <main>
       <div>
-        <a href="./img/fish/bands.avif" download>
-          <img src="./img/fish/bands.avif" />
-        </a>
+        <img src="./img/fish/bands.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/bubbles.avif" download>
-          <img src="./img/fish/bubbles.avif" />
-        </a>
+        <img src="./img/fish/bubbles.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/spike.avif" download>
-          <img src="./img/fish/spike.avif" />
-        </a>
+        <img src="./img/fish/spike.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/squid.avif" download>
-          <img src="./img/fish/squid.avif" />
-        </a>
+        <img src="./img/fish/squid.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/sus.avif" download>
-          <img src="./img/fish/sus.avif" />
-        </a>
+        <img src="./img/fish/sus.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/thin.avif" download>
-          <img src="./img/fish/thin.avif" />
-        </a>
+        <img src="./img/fish/thin.avif" alt="Picture of a drawn fish">
       </div>
       <div>
-        <a href="./img/fish/whale.avif" download>
-          <img src="./img/fish/whale.avif" />
-        </a>
+        <img src="./img/fish/whale.avif" alt="Picture of a drawn fish">
       </div>
     </main>
     <footer>
diff --git a/tiles.html b/tiles.html
index d266d4b..23731df 100644
--- a/tiles.html
+++ b/tiles.html
@@ -11,84 +11,240 @@
   <body>
     <header>THE TILES</header>
     <main>
-      <div><img src="./img/tiles/01.avif" /></div>
-      <div><img src="./img/tiles/02.avif" /></div>
-      <div><img src="./img/tiles/03.avif" /></div>
-      <div><img src="./img/tiles/04.avif" /></div>
-      <div><img src="./img/tiles/05.avif" /></div>
-      <div><img src="./img/tiles/06.avif" /></div>
-      <div><img src="./img/tiles/07.avif" /></div>
-      <div><img src="./img/tiles/08.avif" /></div>
-      <div><img src="./img/tiles/09.avif" /></div>
-      <div><img src="./img/tiles/10.avif" /></div>
-      <div><img src="./img/tiles/11.avif" /></div>
-      <div><img src="./img/tiles/12.avif" /></div>
-      <div><img src="./img/tiles/13.avif" /></div>
-      <div><img src="./img/tiles/14.avif" /></div>
-      <div><img src="./img/tiles/15.avif" /></div>
-      <div><img src="./img/tiles/16.avif" /></div>
-      <div><img src="./img/tiles/17.avif" /></div>
-      <div><img src="./img/tiles/18.avif" /></div>
-      <div><img src="./img/tiles/19.avif" /></div>
-      <div><img src="./img/tiles/20.avif" /></div>
-      <div><img src="./img/tiles/21.avif" /></div>
-      <div><img src="./img/tiles/22.avif" /></div>
-      <div><img src="./img/tiles/23.avif" /></div>
-      <div><img src="./img/tiles/24.avif" /></div>
-      <div><img src="./img/tiles/25.avif" /></div>
-      <div><img src="./img/tiles/26.avif" /></div>
-      <div><img src="./img/tiles/27.avif" /></div>
-      <div><img src="./img/tiles/28.avif" /></div>
-      <div><img src="./img/tiles/29.avif" /></div>
-      <div><img src="./img/tiles/30.avif" /></div>
-      <div><img src="./img/tiles/31.avif" /></div>
-      <div><img src="./img/tiles/32.avif" /></div>
-      <div><img src="./img/tiles/33.avif" /></div>
-      <div><img src="./img/tiles/34.avif" /></div>
-      <div><img src="./img/tiles/35.avif" /></div>
-      <div><img src="./img/tiles/36.avif" /></div>
-      <div><img src="./img/tiles/37.avif" /></div>
-      <div><img src="./img/tiles/38.avif" /></div>
-      <div><img src="./img/tiles/39.avif" /></div>
-      <div><img src="./img/tiles/40.avif" /></div>
-      <div><img src="./img/tiles/41.avif" /></div>
-      <div><img src="./img/tiles/42.avif" /></div>
-      <div><img src="./img/tiles/43.avif" /></div>
-      <div><img src="./img/tiles/44.avif" /></div>
-      <div><img src="./img/tiles/45.avif" /></div>
-      <div><img src="./img/tiles/46.avif" /></div>
-      <div><img src="./img/tiles/47.avif" /></div>
-      <div><img src="./img/tiles/48.avif" /></div>
-      <div><img src="./img/tiles/49.avif" /></div>
-      <div><img src="./img/tiles/50.avif" /></div>
-      <div><img src="./img/tiles/51.avif" /></div>
-      <div><img src="./img/tiles/52.avif" /></div>
-      <div><img src="./img/tiles/53.avif" /></div>
-      <div><img src="./img/tiles/54.avif" /></div>
-      <div><img src="./img/tiles/55.avif" /></div>
-      <div><img src="./img/tiles/56.avif" /></div>
-      <div><img src="./img/tiles/57.avif" /></div>
-      <div><img src="./img/tiles/58.avif" /></div>
-      <div><img src="./img/tiles/59.avif" /></div>
-      <div><img src="./img/tiles/60.avif" /></div>
-      <div><img src="./img/tiles/61.avif" /></div>
-      <div><img src="./img/tiles/62.avif" /></div>
-      <div><img src="./img/tiles/63.avif" /></div>
-      <div><img src="./img/tiles/64.avif" /></div>
-      <div><img src="./img/tiles/65.avif" /></div>
-      <div><img src="./img/tiles/66.avif" /></div>
-      <div><img src="./img/tiles/67.avif" /></div>
-      <div><img src="./img/tiles/68.avif" /></div>
-      <div><img src="./img/tiles/69.avif" /></div>
-      <div><img src="./img/tiles/70.avif" /></div>
-      <div><img src="./img/tiles/71.avif" /></div>
-      <div><img src="./img/tiles/72.avif" /></div>
-      <div><img src="./img/tiles/73.avif" /></div>
-      <div><img src="./img/tiles/74.avif" /></div>
-      <div><img src="./img/tiles/75.avif" /></div>
-      <div><img src="./img/tiles/76.avif" /></div>
-      <div><img src="./img/tiles/77.avif" /></div>
-      <div><img src="./img/tiles/78.avif" /></div>
+      <div>
+        <img src="./img/tiles/01.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/02.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/03.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/04.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/05.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/06.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/07.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/08.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/09.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/10.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/11.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/12.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/13.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/14.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/15.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/16.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/17.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/18.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/19.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/20.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/21.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/22.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/23.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/24.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/25.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/26.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/27.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/28.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/29.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/30.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/31.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/32.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/33.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/34.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/35.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/36.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/37.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/38.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/39.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/40.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/41.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/42.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/43.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/44.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/45.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/46.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/47.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/48.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/49.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/50.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/51.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/52.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/53.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/54.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/55.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/56.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/57.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/58.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/59.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/60.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/61.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/62.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/63.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/64.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/65.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/66.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/67.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/68.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/69.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/70.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/71.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/72.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/73.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/74.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/75.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/76.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/77.avif" alt="Picture of a mosaic on a wall">
+      </div>
+      <div>
+        <img src="./img/tiles/78.avif" alt="Picture of a mosaic on a wall">
+      </div>
     </main>
     <footer>
       <a href="./index.html">GO BACK</a>
