update links

Author: AymenFJA

docs/index.html

@@ -88,13 +88,13 @@
             font-size: clamp(3rem, 8vw, 8rem);
             font-weight: 700;
             margin-bottom: 1rem;
-            background: linear-gradient(135deg, #00f5ff, #ff0080, #8a2be2, #00ff41);
+            background: linear-gradient(135deg, #00f5ff, #cc8cac, #cca2f3, #a1e5b2);
             background-size: 300% 300%;
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: transparent;
             animation: titleGlow 3s ease-in-out infinite alternate;
-            text-shadow: 0 0 30px rgba(0, 245, 255, 0.5);
+            text-shadow: 0 0 30px rgba(255, 255, 255, 0);
             transform-style: preserve-3d;
             perspective: 1000px;
         }
@@ -377,20 +377,7 @@
             flex-direction: column;
             gap: 1rem;
         }
-        
-        .nav-dot {
-            width: 12px;
-            height: 12px;
-            border-radius: 50%;
-            background: rgba(255, 255, 255, 0.3);
-            cursor: pointer;
-            transition: all 0.3s ease;
-        }
-        
-        .nav-dot.active {
-            background: #00f5ff;
-            box-shadow: 0 0 15px rgba(0, 245, 255, 0.5);
-        }
+
         .fade-in {
             opacity: 1 !important;
             transform: none !important;
@@ -402,7 +389,7 @@
             font-size: 1rem;
             font-weight: 600;
             color: #fff;
-            background: linear-gradient(135deg, #00f5ff, #ff0080, #8a2be2, #00ff41);
+            background: linear-gradient(135deg, #0088ff, #ffffff00, #d6b5f6, #bef6cc);
             background-size: 300% 300%;
             border: none;
             border-radius: 30px;
@@ -515,13 +502,6 @@
     <div class="bg-animation"></div>
     <div class="particles" id="particles"></div>
 
-    <!-- Navigation indicators -->
-    <div class="nav-indicator">
-        <div class="nav-dot active" data-section="hero"></div>
-        <div class="nav-dot" data-section="core"></div>
-        <div class="nav-dot" data-section="frameworks"></div>
-    </div>
-    
     <!-- Hero Section -->
     <section class="hero" id="hero">
         <div class="hero-content">
@@ -552,7 +532,7 @@ <h3 class="tool-title">RADICAL-Pilot</h3>
                     <p class="tool-description">
                         <strong>RADICAL-Pilot</strong> (RP) is a scalable and flexible Pilot-Job system that provides application-level resource management capabilities on HPC resources. RP interfaces to various low level resource managers like Slurm, PBS(Pro), and also to various task execution backends like Slurm, OpenMPI, MPICH, PRRTE, JSRUN, Flux, Dragon, and others.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                    <a href="main/#radical-pilot" class="learn-more-btn">Learn More</a>
                 </div>
 
                 <!-- RADICAL-AsyncFlow -->
@@ -565,7 +545,7 @@ <h3 class="tool-title">RADICAL-AsyncFlow</h3>
                     <p class="tool-description">
                         <strong>RADICAL-AsyncFlow</strong> (RAF) is an asynchronous scripting library for building high-performance, scalable workflows that run on HPC systems, clusters, and local machines. Designed for flexibility and speed, it allows users to compose complex workflows from async and sync tasks with clear dependencies, while ensuring efficient execution at any scale with different execution backends.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                    <a href="main/#radical-asyncflow" class="learn-more-btn">Learn More</a>
                 </div>
 
                 <!-- RADICAL-EnTK -->
@@ -601,7 +581,7 @@ <h3 class="tool-title">ROSE</h3>
                     <p class="tool-description">
                         <strong>ROSE</strong>: RADICAL Orchestrator for Surrogate Exploration is a Python framework designed for concurrent and adaptive execution of ML learning workflows on high-performance computing (HPC) resources. It empowers scientists and engineers to develop active learning (AL) and reinforcement learning (RL) via a pre-defined Learning Policies for scientific discovery.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                    <a href="main/#rose" class="learn-more-btn">Learn More</a>
                 </div>
 
                 <!-- IMPRESS -->
@@ -615,7 +595,7 @@ <h3 class="tool-title">IMPRESS</h3>
                     <p class="tool-description">
                         <strong>IMPRESS</strong>: Integrated Machine-learning for PRotEin Structures at Scale is a high-performance computational framework designed to enable the inverse design of proteins using advanced foundation models such as AlphaFold and ESM2. It leverages a closed-loop design process that integrates structure prediction, sequence optimization, and machine learning-based analysis.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                    <a href="main/#impress" class="learn-more-btn">Learn More</a>
                 </div>
 
                 <!-- DeepDriveMD -->
@@ -629,7 +609,7 @@ <h3 class="tool-title">DeepDriveMD</h3>
                     <p class="tool-description">
                         <strong>DeepDriveMD</strong>: Deep-Learning Driven Adaptive Molecular Simulations (DDMD) is a Python framework for orchestrating AI-steered molecular dynamics (MD) simulations on HPC systems. The next generation of DDMD is built on ROSE, it enables concurrent ensembles of MD simulations and AI model training.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                    <a href="main/#deepdrivemd" class="learn-more-btn">Learn More</a>
                 </div>
 
                 <!-- Workflow MiniApp -->
@@ -642,7 +622,7 @@ <h3 class="tool-title">Workflow-MiniApp</h3>
                     <p class="tool-description">
                         The <strong>Workflow MiniApp</strong> framework provides the environment to build compact, self-contained applications that emulate key aspects of larger scientific workflows, enabling researchers to explore, test, and optimize computational tasks without running the full-scale workflow. At the core is wfMiniAPI, an open-source Python and C++ library.
                     </p>
-                    <button class="learn-more-btn">Learn More</button>
+                     <a href="main/#workflow-miniapp" class="learn-more-btn">Learn More</a>
                 </div>
             </div>
         </div>
@@ -678,38 +658,6 @@ <h3 class="tool-title">Workflow-MiniApp</h3>
             elements.forEach(el => observer.observe(el));
         }
 
-        // Navigation indicators
-        function setupNavigation() {
-            const navDots = document.querySelectorAll('.nav-dot');
-            const sections = document.querySelectorAll('section[id]');
-            
-            // Handle scroll to update active nav dot
-            window.addEventListener('scroll', () => {
-                let current = '';
-                sections.forEach(section => {
-                    const rect = section.getBoundingClientRect();
-                    if (rect.top <= window.innerHeight / 2 && rect.bottom >= window.innerHeight / 2) {
-                        current = section.id;
-                    }
-                });
-                
-                navDots.forEach(dot => {
-                    dot.classList.remove('active');
-                    if (dot.dataset.section === current) {
-                        dot.classList.add('active');
-                    }
-                });
-            });
-            
-            // Handle nav dot clicks
-            navDots.forEach(dot => {
-                dot.addEventListener('click', () => {
-                    const targetSection = document.getElementById(dot.dataset.section);
-                    targetSection.scrollIntoView({ behavior: 'smooth' });
-                });
-            });
-        }
-        
         // Mouse interaction effects
         function setupMouseEffects() {
             const toolCards = document.querySelectorAll('.tool-card');
@@ -738,6 +686,5 @@ <h3 class="tool-title">Workflow-MiniApp</h3>
         document.addEventListener('DOMContentLoaded', () => {
             createParticles();
             handleScrollAnimations();
-            setupNavigation();
             setupMouseEffects();
         });