neon-garden-cortex / script.js
nomadicsynth's picture
Build a landing page with a retro-futuristic, people-focused aesthetic inspired by Googie architecture (The Jetsons, 50s/60s space age) and the architectural grandeur of The Talos Principle II's New Jerusalem (classical proportions with futuristic tech elements). Think: geometric patterns, dimensional shapes with depth, glowing accents, warm gradients, and optimistic space-age design—not flat, rounded rectangles.
f853e9d verified
document.addEventListener('DOMContentLoaded', function() {
// Add floating animation to random elements
const elements = document.querySelectorAll('.floating-element');
elements.forEach(el => {
el.classList.add('floating');
el.style.animationDelay = `${Math.random() * 2}s`;
});
// Add pulse animation to interactive elements
const interactiveElements = document.querySelectorAll('.pulse-element');
interactiveElements.forEach(el => {
el.classList.add('pulsing');
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Form submission handler
const form = document.querySelector('form');
if (form) {
form.addEventListener('submit', function(e) {
e.preventDefault();
// Here you would typically send the form data to a server
alert('Thank you for planting your idea! It will grow in our garden soon.');
form.reset();
});
}
});