Make entire card clickable, move topic tags above tool tags

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: robertogl

index.html

@@ -220,15 +220,7 @@
             font-size: 1.1rem;
             font-weight: 700;
             margin-bottom: 0.5rem;
-        }
-
-        .card-title a {
             color: var(--accent-orange);
-            text-decoration: none;
-        }
-
-        .card-title a:hover {
-            text-decoration: underline;
         }
 
         .card-summary {
@@ -424,13 +416,16 @@ <h2 class="section-heading" id="examples-heading">Examples</h2>
                     <img src="${project.image}" alt="${project.name}" loading="lazy">
                 </div>
                 <div class="card-body">
-                    <h3 class="card-title"><a href="${link}" target="_blank" rel="noopener">${project.name}</a></h3>
-                    ${topics}
+                    <h3 class="card-title">${project.name}</h3>
                     <p class="card-summary">${project.summary}</p>
+                    ${topics}
                     ${tools}
                 </div>
             `;
 
+            card.style.cursor = "pointer";
+            card.addEventListener("click", () => window.open(link, "_blank"));
+
             return card;
         }