Adding the new blog post to the website

hcherukuri · hcherukuri · commit 22c485e389bf · 2025-11-28T12:33:52.000-05:00
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
@@ -226,9 +226,13 @@ html.smooth-scroll {
       height: 300px;
     }
     
-    &:hover {
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
       transform: translateY(-2px);
       box-shadow: 0 8px 16px rgba(238, 0, 0, 0.3);
+      color: #ffffff !important;
     }
     
     // Ensure text is visible
@@ -237,16 +241,36 @@ html.smooth-scroll {
       position: relative;
       z-index: 1;
     }
+    
+    // Ensure text stays white on all states
+    &:hover *, &:focus *, &:active *, &.active * {
+      color: #ffffff !important;
+    }
   }
 
   .btn-primary {
     background: linear-gradient(135deg, $primary 0%, #cc0000 100%) !important;
     box-shadow: 0 4px 12px rgba(238, 0, 0, 0.2);
     border: 2px solid transparent;
+    color: #ffffff !important;
     
-    &:hover {
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
       box-shadow: 0 8px 20px rgba(238, 0, 0, 0.4);
       border-color: #ff4444;
+      color: #ffffff !important;
+      background: linear-gradient(135deg, $primary 0%, #cc0000 100%) !important;
+    }
+    
+    // Ensure all text and icons stay white
+    &, & * {
+      color: #ffffff !important;
+    }
+    
+    &:hover *, &:focus *, &:active *, &.active * {
+      color: #ffffff !important;
     }
   }
 
diff --git a/content/en/_index.md b/content/en/_index.md
@@ -42,7 +42,7 @@ tech:
 ---
 
 {{< blocks/cover title="Ansible Middleware" image_anchor="top" height="full" >}}
-<a class="btn btn-lg btn-primary me-3 mb-4" href="https://developers.redhat.com/topics/ansible-automation-applications-and-services" target="_blank">
+<a class="btn btn-lg btn-secondary me-3 mb-4" href="https://developers.redhat.com/topics/ansible-automation-applications-and-services" target="_blank">
   Learn More <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
 <a class="btn btn-lg btn-secondary me-3 mb-4" href="https://github.com/ansible-middleware" target="_blank">
diff --git a/content/en/blog/Articles/Ansible-Collection-Red-Hat-Runtimes.md b/content/en/blog/Articles/Ansible-Collection-Red-Hat-Runtimes.md
@@ -0,0 +1,6 @@
+---
+title: Ansible Collection for Red Hat Runtimes
+date: 2024-07-15
+link: https://developers.redhat.com/articles/2024/07/15/ansible-collection-red-hat-runtimes
+---
+
diff --git a/content/en/blog/Articles/Apache-Kafka-cluster-Ansible.md b/content/en/blog/Articles/Apache-Kafka-cluster-Ansible.md
@@ -0,0 +1,6 @@
+---
+title: Set up a streams for Apache Kafka cluster with Ansible
+date: 2024-07-30
+link: https://developers.redhat.com/articles/2024/07/30/set-up-streams-apache-kafka-cluster-ansible
+---
+
diff --git a/content/en/blog/Articles/Event-Driven-Ansible-remediation.md b/content/en/blog/Articles/Event-Driven-Ansible-remediation.md
@@ -0,0 +1,6 @@
+---
+title: Implement remediation strategies with Event-Driven Ansible
+date: 2025-01-09
+link: https://developers.redhat.com/articles/2025/01/09/implement-remediation-strategies-event-driven-ansible
+---
+
diff --git a/content/en/blog/Articles/Get-started-JWS-collection.md b/content/en/blog/Articles/Get-started-JWS-collection.md
@@ -0,0 +1,6 @@
+---
+title: Get started with the JBoss Web Server collection
+date: 2024-10-16
+link: https://developers.redhat.com/articles/2024/10/16/get-started-jboss-web-server-collection
+---
+
diff --git a/content/en/blog/Articles/Get-started-Keycloak-collection.md b/content/en/blog/Articles/Get-started-Keycloak-collection.md
@@ -0,0 +1,6 @@
+---
+title: Get started with the Keycloak Collection
+date: 2024-10-10
+link: https://developers.redhat.com/articles/2024/10/10/get-started-keycloak-collection
+---
+
diff --git a/content/en/blog/Articles/Get-started-Wildfly-collection.md b/content/en/blog/Articles/Get-started-Wildfly-collection.md
@@ -0,0 +1,6 @@
+---
+title: Get started with the Wildfly collection
+date: 2023-03-14
+link: https://developers.redhat.com/articles/2023/03/14/tutorial-middleware-automation-collections
+---
+
diff --git a/content/en/blog/Articles/JBoss-EAP-cluster-fully-automated.md b/content/en/blog/Articles/JBoss-EAP-cluster-fully-automated.md
@@ -0,0 +1,6 @@
+---
+title: A fully automated setup of a JBoss EAP cluster using Ansible
+date: 2024-01-09
+link: https://developers.redhat.com/articles/2024/01/09/fully-automated-setup-jboss-eap-cluster-using-ansible
+---
+
diff --git a/content/en/blog/Articles/JBoss-EAP-update-upgrade-7-8.md b/content/en/blog/Articles/JBoss-EAP-update-upgrade-7-8.md
@@ -0,0 +1,6 @@
+---
+title: "Automating JBoss EAP: Update and upgrade for versions 7 & 8"
+date: 2024-09-12
+link: https://developers.redhat.com/articles/2024/09/12/automating-jboss-eap-update-upgrade-versions-7-8
+---
+
diff --git a/content/en/blog/Articles/JWS-6-deployment.md b/content/en/blog/Articles/JWS-6-deployment.md
@@ -0,0 +1,6 @@
+---
+title: Automate JBoss Web Server 6 deployment with the Red Hat Ansible Certified Content Collection for JWS
+date: 2024-02-15
+link: https://developers.redhat.com/articles/2024/02/15/automate-jboss-web-server-6-deployment-red-hat-ansible-certified-content
+---
+
diff --git a/content/en/blog/Articles/Migrate-JWS-6-Ansible.md b/content/en/blog/Articles/Migrate-JWS-6-Ansible.md
@@ -0,0 +1,6 @@
+---
+title: Migrate to Red Hat JBoss Web Server 6 using Ansible
+date: 2023-12-20
+link: https://developers.redhat.com/articles/2023/12/20/migrate-red-hat-jboss-web-server-6-using-ansible
+---
+
diff --git a/layouts/partials/hooks/body-end.html b/layouts/partials/hooks/body-end.html
@@ -47,6 +47,73 @@
             }
         });
     });
+    
+    // Handle scroll down icon (link-down shortcode from Docsy)
+    // Try multiple selectors to catch different possible structures
+    const scrollDownSelectors = [
+        '.td-link-down',
+        'a.td-link-down',
+        '.td-cover-block a[href="#"]',
+        '.td-cover-block a[href^="#"]',
+        'a[href="#"]:not([href="#!"])'
+    ];
+    
+    scrollDownSelectors.forEach(selector => {
+        document.querySelectorAll(selector).forEach(scrollDown => {
+            // Skip if already has a proper href target
+            const href = scrollDown.getAttribute('href');
+            if (href && href !== '#' && href !== '' && document.querySelector(href)) {
+                return; // Let the regular smooth scroll handler take care of it
+            }
+            
+            scrollDown.addEventListener('click', function(e) {
+                e.preventDefault();
+                e.stopPropagation();
+                
+                // Find the next section after the cover block
+                const coverBlock = document.querySelector('.td-cover-block');
+                if (coverBlock) {
+                    // Find the next sibling section or the first section after cover
+                    let nextSection = coverBlock.nextElementSibling;
+                    while (nextSection && (
+                        nextSection.classList.contains('td-link-down') || 
+                        nextSection.offsetHeight === 0 ||
+                        nextSection.tagName === 'A'
+                    )) {
+                        nextSection = nextSection.nextElementSibling;
+                    }
+                    
+                    // If no next sibling, look for the first main content section
+                    if (!nextSection) {
+                        nextSection = document.querySelector('.td-main > section:not(.td-cover-block), .td-main > div:not(.td-cover-block), main > section:not(.td-cover-block)');
+                    }
+                    
+                    if (nextSection) {
+                        const offset = 80;
+                        const elementPosition = nextSection.getBoundingClientRect().top;
+                        const offsetPosition = elementPosition + window.pageYOffset - offset;
+                        
+                        window.scrollTo({
+                            top: Math.max(0, offsetPosition),
+                            behavior: 'smooth'
+                        });
+                    } else {
+                        // Fallback: scroll down by viewport height
+                        window.scrollTo({
+                            top: window.pageYOffset + window.innerHeight - 80,
+                            behavior: 'smooth'
+                        });
+                    }
+                } else {
+                    // Fallback: scroll down by viewport height
+                    window.scrollTo({
+                        top: window.pageYOffset + window.innerHeight - 80,
+                        behavior: 'smooth'
+                    });
+                }
+            }, { once: false });
+        });
+    });
 
     // Intersection Observer for fade-in animations
     const observerOptions = {
diff --git a/public/index.html b/public/index.html
diff --git a/public/robots.txt b/public/robots.txt
