Backup database and code changes - 2025-06-08 20:51:14

assets/css/main.css

@@ -2094,6 +2094,11 @@ a:focus-visible {
     position: relative;
 }
 
+.page-hero .hero-search form {
+    position: relative;
+    display: block;
+}
+
 .page-hero .hero-search input {
     width: 100%;
     padding: 15px 50px 15px 20px;
@@ -2102,6 +2107,7 @@ a:focus-visible {
     font-size: 16px;
     background: rgba(255, 255, 255, 0.95);
     color: #333;
+    box-sizing: border-box;
 }
 
 .page-hero .hero-search button {
@@ -2114,6 +2120,11 @@ a:focus-visible {
     font-size: 18px;
     cursor: pointer;
     color: #666;
+    transition: color 0.3s ease;
+}
+
+.page-hero .hero-search button:hover {
+    color: #333;
 }
 
 /* Service Hero Section */
@@ -3500,4 +3511,39 @@ aside.related-articles {
     .capability-card h3 {
         font-size: 1.2rem;
     }
+}
+
+/* Fix for navbar overlap on content pages */
+main {
+    padding-top: 90px; /* Add padding to account for fixed navbar (70px + 20px buffer) */
+}
+
+/* Specific fix for legal content pages */
+.legal-content {
+    padding-top: 120px !important; /* Override inline styles for legal pages */
+}
+
+/* Also ensure any page sections that might be affected have proper spacing */
+.page-content {
+    padding-top: 90px;
+}
+
+/* For hero sections that should start right under navbar */
+.hero {
+    padding-top: 140px; /* 120px base + 20px for navbar */
+}
+
+/* For about page hero */
+.about-hero {
+    padding-top: 140px; /* 120px base + 20px for navbar */
+}
+
+/* For FAQ page hero */
+.faq-hero {
+    padding-top: 140px; /* 120px base + 20px for navbar */
+}
+
+/* For project types and other page heroes */
+.page-hero {
+    padding-top: 140px; /* 120px base + 20px for navbar */
 }

assets/js/main.js

@@ -651,7 +651,7 @@ document.addEventListener('DOMContentLoaded', function() {
             return;
         }
         
-        function renderPage(page) {
+        function renderPage(page, shouldScroll = false) {
             // Hide all articles
             allArticles.forEach(article => {
                 article.style.display = 'none';
@@ -682,11 +682,13 @@ document.addEventListener('DOMContentLoaded', function() {
             }
             window.history.replaceState({}, '', newUrl);
             
-            // Scroll to articles section
-            articlesGrid.scrollIntoView({
-                behavior: 'smooth',
-                block: 'start'
-            });
+            // Only scroll to articles section when navigating between pages
+            if (shouldScroll) {
+                articlesGrid.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start'
+                });
+            }
         }
         
         // Event listeners
@@ -694,7 +696,7 @@ document.addEventListener('DOMContentLoaded', function() {
             e.preventDefault();
             if (currentPage > 1) {
                 currentPage--;
-                renderPage(currentPage);
+                renderPage(currentPage, true);
             }
         });
         
@@ -702,12 +704,12 @@ document.addEventListener('DOMContentLoaded', function() {
             e.preventDefault();
             if (currentPage < totalPages) {
                 currentPage++;
-                renderPage(currentPage);
+                renderPage(currentPage, true);
             }
         });
         
-        // Initialize first page
-        renderPage(currentPage);
+        // Initialize first page (don't scroll on initial load)
+        renderPage(currentPage, false);
         
         // Add CSS animation for article transitions
         const style = document.createElement('style');