Spaces:
Running
Running
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(); | |
| }); | |
| } | |
| }); |