naman_panwar_gnpl/Gyannetra_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Complete website optimization: Color scheme standardization and hero page enhancement

Browse Source 
- STANDARDIZED COLOR SCHEMES: Unified all service pages to use consistent purple theme (#6d28d9)
  - Removed theme-specific body classes from automation-flows.html and agentic-ai.html
  - Removed inline CSS color overrides from machine-learning.html, generative-ai.html, and data-analysis.html
  - Updated 15+ instances of hardcoded border colors to use rgba(var(--primary-color-rgb), 0.3)
  - Updated 5+ hover effects to use rgba(var(--primary-color-rgb), 0.4) for consistent glow colors
  - All service pages now maintain visual consistency with the main website

- ENHANCED HERO PAGE: Improved data node scattering for better organic distribution
  - Repositioned core service nodes (ML, AI, Analytics, Automation) for natural scatter pattern
  - Enhanced industry nodes positioning with organic right-side distribution
  - Improved strategic nodes placement across right quadrant for better visual balance
  - Added varied animation delays and floating patterns for different node groups
  - Implemented micro-positioning adjustments for more natural appearance
  - Created size variations and rotation effects for enhanced organic feel

- NEW FEATURES ADDED:
  - Enhanced CSS animations with varied floating patterns
  - Improved node interaction effects with staggered hover animations
  - Better responsive design for mobile devices
  - New documentation files for color standardization completion

- TECHNICAL IMPROVEMENTS:
  - Updated hero-animation.css with enhanced organic scatter positioning
  - Maintained all existing functionality while improving visual aesthetics
  - Ensured cross-browser compatibility and mobile responsiveness
This commit is contained in:
ectasy663
2025-05-26 17:40:17 +05:30
parent 226b03b5d7
commit 29165abbaa
69 changed files with 8685 additions and 830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
js/tech-marquee.js
View File

@@ -39,37 +39,7 @@ document.addEventListener('DOMContentLoaded', function() {
});
}
});
// Function to add pulse effect to random icons in a marquee
function addPulseEffects() {
// Get all tech marquees
const marquees = document.querySelectorAll('.tech-marquee-container');
marquees.forEach(marquee => {
// Get all items in this marquee
const marqueeItems = marquee.querySelectorAll('.tech-marquee-item');
// Select 1-2 random items to pulse
const numberOfPulses = Math.floor(Math.random() * 2) + 1;
for (let i = 0; i < numberOfPulses; i++) {
const randomIndex = Math.floor(Math.random() * marqueeItems.length);
const randomItem = marqueeItems[randomIndex];
const iconContainer = randomItem.querySelector('.tech-icon-container');
if (iconContainer && !iconContainer.classList.contains('tech-pulse-highlight')) {
iconContainer.classList.add('tech-pulse-highlight');
setTimeout(() => {
iconContainer.classList.remove('tech-pulse-highlight');
}, 2000);
}
}
});
}
// Add subtle pulse effects periodically
setInterval(addPulseEffects, 3000);
// Removed pulse effects functionality - displaying raw icons without glow effects
// Add a parallax effect to create depth between the two marquees
window.addEventListener('mousemove', function(e) {
const containers = document.querySelectorAll('.tech-marquee-container');