From 52a4b47dc374440da057fae675ff545d70f89e47 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Tue, 31 Dec 2024 22:34:24 -0500
Subject: [PATCH] tag cleanup in index.php with focus on semantic HTML

---
 index.php | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/index.php b/index.php
index 1bef261..10449dd 100644
--- a/index.php
+++ b/index.php
@@ -33,7 +33,7 @@
         </div>
       </section>
       <section>
-        <h2>Baxter facts!</h2>
+        <h3>Baxter facts!</h3>
         <div class="quick-facts">
           <div class="baxter-is">
             <p>Baxter is:</p>
@@ -77,28 +77,30 @@
         </div>
       </section>
       <section>
-        <h2>My favorite photos of Baxter</h2>
-        <div class="photo-gallery">
-          <div class="gallery-card">
+        <h3>My favorite photos of Baxter</h3>
+        <figure>
             <img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible">
-            <p>A very fancy photo of a very fancy cat!</p>
-          </div>
-          <div class="gallery-card">
+
+            <figcaption>A very fancy photo of a very fancy cat!</figcaption>
+          </figure>
+          <figure>
             <img src="./img/curious-baxter.jpg" alt="My cat Baxter inspecting the camera lens. His nose is the closest part of him to the lens as he inspects it by smelling as would be typical for a cat inspecting something unfamiliar">
-            <p>A curious baxter inspects the camera lens</p>
-          </div>
-          <div class="gallery-card">
+          
+            <figcaption>A curious baxter inspects the camera lens</figcaption>
+          </figure>
+          <figure>
             <img src="img/gallery-card-three.webp" alt="My cat Baxter as a kitten strecthed out enjoying the sun coming through a window.">
-            <p>Did I mention he loves sunbathing too?</p>
-          </div>
-          <div class="gallery-card">
+
+            <figcaption>Did I mention he loves sunbathing too?</figcaption>
+         </figure> 
+        <figure>
             <img src="img/gallery-card-two.webp" alt="My cat Baxter looking out from behind a window blind.">
-            <p>Looking shy but owning the look at the same time, he's a natural!</p>
-          </div>
-        </div>
+
+            <figcaption>Looking shy but owning the look at the same time, he's a natural!</figcaption>
+        </figure>
       </section>
       <section class="goodbye">
-        <h2>Come back anytime!</h2>
+        <h3>Come back anytime!</h3>
         <p>
           I hope you've enjoyed your visit and learned about Baxter and just
           how much he means to me. If you haven't please check out the other pages on this site.