File size: 1,790 Bytes
e10fdb4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | // Main application controller
class App {
constructor() {
this.currentSection = 'overview';
this.init();
}
init() {
this.setupNavigation();
this.updateSliderValues();
}
setupNavigation() {
const navLinks = document.querySelectorAll('.nav-link');
navLinks.forEach(link => {
link.addEventListener('click', (e) => {
e.preventDefault();
const section = link.dataset.section;
this.navigateTo(section);
});
});
}
navigateTo(section) {
// Update nav links
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.dataset.section === section) {
link.classList.add('active');
}
});
// Update sections
document.querySelectorAll('.section').forEach(sec => {
sec.classList.remove('active');
});
document.getElementById(section).classList.add('active');
this.currentSection = section;
}
updateSliderValues() {
const quantumInfluence = document.getElementById('quantum-influence');
const entanglementDepth = document.getElementById('entanglement-depth');
if (quantumInfluence) {
quantumInfluence.addEventListener('input', (e) => {
document.getElementById('quantum-influence-val').textContent = e.target.value;
});
}
if (entanglementDepth) {
entanglementDepth.addEventListener('input', (e) => {
document.getElementById('entanglement-val').textContent = e.target.value;
});
}
}
}
// Initialize app
const app = new App(); |