// Enhanced message rotation with more relevant content const messages = [ The Next-Generation Career Platform, NLP Resume Scoring, Intelligent Job Matching, Advanced Expert System, 25+ Career Intelligence Tools, The Next-Generation Career Platform, Empowering Global Professionals, Smart Income Tax Calculator, Advanced Intelligence Enabled, Government Compliance Guidance, Professional CV Builder, JobSense Intelligence Engine, The Next-Generation Career Platform, JobFlow Optimization Suite, Intelligent Task Management, Application Success Analyzer, Interview Prediction Technology, Offer Negotiation Genius, Career Path Visualization, Strategic Job Planning, Mock Interview Preparation, Professional Interview Styling, Candidate Wellbeing Support, Advanced Networking Toolkit, Personalized Skill Development, Interview Q&A Analytics, Natural Language Processing Powered, Trusted by 700,000+ Professionals, Machine Learning Intelligence, Cosine Similarity Algorithms, Next-Gen Agentic AI Coming Soon, Transforming Career Journeys Worldwide, Your Intelligent Career Companion ]; // Penguin images array with descriptive alt text const penguinImages = [ src: https://github.cdn.expertini.com/images/expertini-penguin.webp, alt: Expertini Penguin Mascot , src: https://github.cdn.expertini.com/images/expertini-penguin-smile.webp, alt: Happy Expertini Penguin , src: https://github.cdn.expertini.com/images/hi-expertini-penguin.webp, alt: Welcoming Expertini Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-find-top-talent.webp, alt: Talent Scout Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-job-search.webp, alt: Job Search Assistant Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-may-help-you.webp, alt: Helpful Support Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-now-hiring.webp, alt: Recruitment Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-safety-officer.webp, alt: Security Officer Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-success.webp, alt: Success Celebration Penguin , src: https://github.cdn.expertini.com/images/expertini-penguin-support.webp, alt: Customer Support Penguin , src: https://github.cdn.expertini.com/images/hello-expertini-penguin-thumbs-up.webp, alt: Approving Penguin ]; let currentMessageIndex = 0; let currentPenguinIndex = 0; const messageElement = document.getElementById(rotatingMessage); const penguinElement = document.getElementById(rotatingPenguin); function rotateMessage() messageElement.style.opacity = 0; setTimeout(() => currentMessageIndex = (currentMessageIndex + 1) % messages.length; messageElement.textContent = messages[currentMessageIndex]; messageElement.style.opacity = 1; , 250); function rotatePenguin() penguinElement.classList.add(fade-out); setTimeout(() => currentPenguinIndex = (currentPenguinIndex + 1) % penguinImages.length; const newPenguin = penguinImages[currentPenguinIndex]; penguinElement.src = newPenguin.src; penguinElement.alt = newPenguin.alt; penguinElement.classList.remove(fade-out); penguinElement.classList.add(fade-in); , 250); setTimeout(() => penguinElement.classList.remove(fade-in); , 750); // Create falling stars effect function createStar() const star = document.createElement(div); star.className = star; // Random horizontal position star.style.left = Math.random() * 100 + vw; // Random animation delay star.style.animationDelay = Math.random() * 8 + s; // Random animation duration (6-12 seconds) star.style.animationDuration = (6 + Math.random() * 6) + s; document.getElementById(starsContainer).appendChild(star); // Remove star after animation completes setTimeout(() => if (star.parentNode) star.parentNode.removeChild(star); , 12000); // Enhanced mobile responsiveness function adjustLayout() const container = document.querySelector(div[style*=display: flex][style*=justify-content: space-between]); const leftSection = container.children[0]; const rightSection = container.children[1]; const isMobile = window.innerWidth <= 768; const isSmallMobile = window.innerWidth <= 480; if (isSmallMobile) // Stack vertically on very small screens container.style.flexDirection = column; container.style.gap = 1rem; container.style.textAlign = center; // Adjust logo size const logo = document.querySelector(div[style*=width: 64px]); if (logo) logo.style.width = 48px; logo.style.height = 48px; // Adjust SVG size const svg = logo.querySelector(svg); if (svg) svg.setAttribute(width, 24); svg.setAttribute(height, 24); // Adjust title size const title = document.querySelector(div[style*=font-size: 1.8rem]); if (title) title.style.fontSize = 1.4rem; else if (isMobile) // Horizontal layout but smaller sizes container.style.flexDirection = row; container.style.textAlign = left; else // Desktop layout container.style.flexDirection = row; container.style.textAlign = left; // Initialize everything on page load document.addEventListener(DOMContentLoaded, function() adjustLayout(); // Add hover effect to main container const mainContainer = document.querySelector(div[style*=backdrop-filter: blur]); if (mainContainer) mainContainer.addEventListener(mouseenter, function() this.style.transform = translateY(-2px); this.style.boxShadow = 0 8px 32px rgba(0, 116, 232, 0.15); this.style.transition = all 0.3s ease; ); mainContainer.addEventListener(mouseleave, function() this.style.transform = translateY(0); this.style.boxShadow = 0 6px 24px rgba(0, 116, 232, 0.08); ); // Add subtle logo hover effect const logo = document.querySelector(div[style*=width: 64px]); if (logo) logo.addEventListener(mouseenter, function() this.style.transform = scale(1.05); this.style.transition = transform 0.3s ease; ); logo.addEventListener(mouseleave, function() this.style.transform = scale(1); ); // Start animations setInterval(rotateMessage, 3000); setInterval(rotatePenguin, 2500); // Create falling stars periodically setInterval(createStar, 1500); // Create initial stars for (let i = 0; i < 5; i++) setTimeout(createStar, i * 300); ); window.addEventListener(resize, adjustLayout);