tonymendonca23 · tonymendonca23 · Jan 29, 2026
diff --git a/.Jules/palette.md b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-05-22 - Semantic Button Refactoring
+**Learning:** Encountered `div` elements wrapping `h4` tags acting as buttons. This pattern breaks accessibility (no keyboard focus, no role). Refactoring to `<a>` tags required explicit `font-weight: 700` to match the previous `h4` visual weight.
+**Action:** When refactoring legacy "div buttons", always verify if inner headers (h3, h4) are providing weight/size that needs to be moved to the CSS class of the new button/link element.
diff --git a/index.html b/index.html
@@ -1,115 +1,111 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
-      rel="stylesheet"
-    />
-    <title>Cooking Recipe website</title>
-  </head>
-  <body>
-    <header>
-      <div class="logo">
-        <h1>Cooking<span>Recipes</span></h1>
-      </div>
-      <nav class="navbar">
-        <ul>
-          <li><a href="#">Home</a></li>
-          <li><a href="#">About</a></li>
-          <li><a href="#">Recipes</a></li>
-        </ul>
-      </nav>
-    </header>
-
-    <div class="home">
-      <div class="home-content">
-        <h3>Cooking Recipes</h3>
-        <p class="home-parag">
-          Welcome to our cooking recipes website! Here, you'll find a vast
-          collection of delicious and easy-to-follow recipes that are from
-          Guyana.
-        </p>
-        <div class="btn">
-          <h4>Join Us</h4>
-        </div>
-      </div>
-      <div class="home-img">
-        <img src="./assets/home_img.png" alt="home-img" />
-      </div>
-    </div>
-
-    <div class="about">
-      <div class="about-content">
-        <p class="food-parag">
-          Welcome to our cooking recipes website! Here, you'll find a vast
-          collection of delicious and easy-to-follow recipes that are from
-          Guyana.
-          <br />
-          <br />
-          Below you'll see some of our dishes that we have prepared for you.
-        </p>
-      </div>
-
-      <div class="recipes">
-        <div class="recipe">
-          <img src="./assets/Cassava-eggball.webp" alt="Cassava-eggball" />
-          <div class="recipe-content">
-            <p>Cassava-eggball.</p>
-          </div>
-        </div>
-
-        <div class="recipe">
-          <img src="./assets/Fried-Rice.jpg" alt="Fried-Rice" />
-          <div class="recipe-content">
-            <p>Fried-rice.</p>
-          </div>
-        </div>
-
-        <div class="recipe">
-          <img src="./assets/Guyanese-Cook-up-500x500.webp" alt="recipe3" />
-          <div class="recipe-content">
-            <p>Guyanese Cook-up.</p>
-          </div>
-        </div>
-
-        <div class="recipe">
-          <img src="./assets/roti_curry.jpg" alt="recipe4" />
-          <div class="recipe-content">
-            <p>Roti And Curry chicken.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="quote-section">
-      <p>
-        "One cannot think well, love well, sleep well, if one has not dined
-        well. One cannot think well, love well, sleep well, if one has not dined
-        well."
-      </p>
-    </div>
-
-    <div class="call-to-action">
-      <div class="call-content">
-        <div class="cta">
-          <h3>Call to action! It's time!</h3>
-          <p>Sign up to our website and get the best food recipes delivered to your inbox.</p>
-        </div>
-
-        <div class="sign-up-btn">
-          <h4>Sign up</h4>
-        </div>
-      </div>
-    </div>
-
-    <footer>
-      <p>Copyright &copy; 2023 Cooking Recipes</p>
-    </footer>
-
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
+    <title>Cooking Recipe website</title>
+  </head>
+  <body>
+    <header>
+      <div class="logo">
+        <h1>Cooking<span>Recipes</span></h1>
+      </div>
+      <nav class="navbar">
+        <ul>
+          <li><a href="#">Home</a></li>
+          <li><a href="#">About</a></li>
+          <li><a href="#">Recipes</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <div class="home">
+      <div class="home-content">
+        <h3>Cooking Recipes</h3>
+        <p class="home-parag">
+          Welcome to our cooking recipes website! Here, you'll find a vast
+          collection of delicious and easy-to-follow recipes that are from
+          Guyana.
+        </p>
+        <a href="#" class="btn">Join Us</a>
+      </div>
+      <div class="home-img">
+        <img src="./assets/home_img.png" alt="home-img" />
+      </div>
+    </div>
+
+    <div class="about">
+      <div class="about-content">
+        <p class="food-parag">
+          Welcome to our cooking recipes website! Here, you'll find a vast
+          collection of delicious and easy-to-follow recipes that are from
+          Guyana.
+          <br />
+          <br />
+          Below you'll see some of our dishes that we have prepared for you.
+        </p>
+      </div>
+
+      <div class="recipes">
+        <div class="recipe">
+          <img src="./assets/Cassava-eggball.webp" alt="Cassava-eggball" />
+          <div class="recipe-content">
+            <p>Cassava-eggball.</p>
+          </div>
+        </div>
+
+        <div class="recipe">
+          <img src="./assets/Fried-Rice.jpg" alt="Fried-Rice" />
+          <div class="recipe-content">
+            <p>Fried-rice.</p>
+          </div>
+        </div>
+
+        <div class="recipe">
+          <img src="./assets/Guyanese-Cook-up-500x500.webp" alt="recipe3" />
+          <div class="recipe-content">
+            <p>Guyanese Cook-up.</p>
+          </div>
+        </div>
+
+        <div class="recipe">
+          <img src="./assets/roti_curry.jpg" alt="recipe4" />
+          <div class="recipe-content">
+            <p>Roti And Curry chicken.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="quote-section">
+      <p>
+        "One cannot think well, love well, sleep well, if one has not dined
+        well. One cannot think well, love well, sleep well, if one has not dined
+        well."
+      </p>
+    </div>
+
+    <div class="call-to-action">
+      <div class="call-content">
+        <div class="cta">
+          <h3>Call to action! It's time!</h3>
+          <p>Sign up to our website and get the best food recipes delivered to your inbox.</p>
+        </div>
+
+        <a href="#" class="sign-up-btn">Sign up</a>
+      </div>
+    </div>
+
+    <footer>
+      <p>Copyright &copy; 2023 Cooking Recipes</p>
+    </footer>
+
+  </body>
+</html>