Minor UI updates.

Signed-off-by: James R. Perkins <jperkins@ibm.com>

Author: jamezp

public/css/bootstrap-theme.css

@@ -80,6 +80,18 @@ h4 {
   margin-top: 0 !important;
 }
 
+/* ============================================
+   LINKS - Modern hover behavior
+   ============================================ */
+a {
+  text-decoration: none !important;
+  transition: all 0.15s ease !important;
+}
+
+a:hover {
+  text-decoration: underline !important;
+}
+
 /* Dark mode heading colors */
 [data-bs-theme="dark"] h1 {
   color: #e6edf3 !important;
@@ -1680,11 +1692,14 @@ table tbody tr:last-child td,
   color: #e6edf3 !important;
 }
 
-[data-bs-theme="dark"] p,
-[data-bs-theme="dark"] a {
+[data-bs-theme="dark"] p {
   color: #c9d1d9 !important;
 }
 
+[data-bs-theme="dark"] a {
+  color: var(--resteasy-accent) !important;
+}
+
 [data-bs-theme="dark"] a:hover {
   color: var(--resteasy-accent-light) !important;
 }

public/js/theme-toggle.js public/js/site.jspublic/js/theme-toggle.js renamed to public/js/site.js

@@ -1,8 +1,12 @@
 /**
- * RESTEasy Theme Switcher
- * Toggles between light and dark modes using Bootstrap's data-bs-theme
+ * RESTEasy Site JavaScript
+ * Main JavaScript file containing theme switcher, navigation, and interactive features
  */
 
+/**
+ * Theme Switcher
+ * Toggles between light and dark modes using Bootstrap's data-bs-theme
+ */
 (function() {
   'use strict';
 
@@ -151,3 +155,55 @@
     });
   });
 })();
+
+/**
+ * Clickable News Cards
+ * Makes entire news/blog cards clickable while maintaining link accessibility
+ */
+(function() {
+  'use strict';
+
+  document.addEventListener('DOMContentLoaded', () => {
+    // Select all news/blog cards
+    const cards = document.querySelectorAll('.news-list-blocks .card, .blog-post-card');
+
+    cards.forEach(card => {
+      // Find the main link (either in title or "Read More")
+      const link = card.querySelector('.card-title a, .post-title a, a[href*="/posts/"]');
+
+      if (link) {
+        // Make the card clickable
+        card.style.cursor = 'pointer';
+
+        card.addEventListener('click', (e) => {
+          // Don't trigger if clicking on an actual link (let the link handle it)
+          if (e.target.tagName === 'A') {
+            return;
+          }
+
+          // Respect modifier keys (cmd/ctrl click for new tab, etc.)
+          if (e.metaKey || e.ctrlKey) {
+            window.open(link.href, '_blank');
+          } else {
+            window.location.href = link.href;
+          }
+        });
+
+        // Improve accessibility - make cards keyboard navigable
+        card.setAttribute('tabindex', '0');
+        card.setAttribute('role', 'article');
+
+        // Handle keyboard navigation (Enter key)
+        card.addEventListener('keydown', (e) => {
+          if (e.key === 'Enter') {
+            if (e.metaKey || e.ctrlKey) {
+              window.open(link.href, '_blank');
+            } else {
+              window.location.href = link.href;
+            }
+          }
+        });
+      }
+    });
+  });
+})();

templates/partials/head.html

@@ -32,6 +32,6 @@
             integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
             crossorigin="anonymous"></script>
 
-    <!-- Theme Toggle -->
-    <script src="{site.url('/js/theme-toggle.js').absolute}"></script>
+    <!-- Site JavaScript -->
+    <script src="{site.url('/js/site.js').absolute}"></script>
 </head>