Network Loading
Our cooperative network is currently connecting...
`;
feather.replace();
}
// Create network visualization
function createNetworkVisualization() {
const container = document.querySelector('.network-visualization');
if (!container) return;
// Clear container
container.innerHTML = '';
// Create nodes
const nodeCount = 15;
const nodes = [];
for (let i = 0; i < nodeCount; i++) {
const angle = (i / nodeCount) * Math.PI * 2;
const radius = Math.random() * 0.7 + 0.1;
const x = 50 + Math.cos(angle) * radius * 50;
const y = 50 + Math.sin(angle) * radius * 50;
const node = document.createElement('div');
node.className = 'network-node';
node.style.left = `${x}%`;
node.style.top = `${y}%`;
node.style.animationDelay = `${i * 0.2}s`;
node.style.width = `${Math.random() * 8 + 8}px`;
node.style.height = node.style.width;
node.addEventListener('click', () => {
showNodeInfo(i);
});
container.appendChild(node);
nodes.push({ x, y, element: node });
}
// Create connections between nodes
for (let i = 0; i < nodes.length; i++) {
for (let j = i + 1; j < nodes.length; j++) {
// Only connect some nodes
if (Math.random() > 0.7) {
const node1 = nodes[i];
const node2 = nodes[j];
const dx = node2.x - node1.x;
const dy = node2.y - node1.y;
const distance = Math.sqrt(dx * dx + dy * dy);
// Only connect if not too far apart
if (distance < 40) {
const connection = document.createElement('div');
connection.className = 'network-connection';
const angle = Math.atan2(dy, dx) * 180 / Math.PI;
connection.style.width = `${distance}%`;
connection.style.left = `${node1.x}%`;
connection.style.top = `${node1.y}%`;
connection.style.transform = `rotate(${angle}deg)`;
connection.style.opacity = 0.3 - (distance / 100);
container.insertBefore(connection, node1.element);
}
}
}
}
// Add central hub
const hub = document.createElement('div');
hub.className = 'network-node animate-pulse-glow';
hub.style.left = '50%';
hub.style.top = '50%';
hub.style.width = '24px';
hub.style.height = '24px';
hub.style.background = 'linear-gradient(135deg, #3B82F6, #10B981)';
hub.style.zIndex = '10';
hub.addEventListener('click', () => {
showNodeInfo('hub');
});
container.appendChild(hub);
}
// Show information for a network node
function showNodeInfo(nodeId) {
const info = [
"Community Learning Initiative",
"Educational Resource Hub",
"Social Impact Project",
"Teacher Training Center",
"Youth Mentorship Program",
"Digital Education Platform",
"Sustainability Project",
"Cultural Exchange Network",
"Vocational Training Cooperative",
"Early Childhood Program",
"Environmental Education Center",
"Technology Access Initiative",
"Rural Education Network",
"Urban Development Program",
"Health Education Cooperative",
"Network Central Hub"
];
const nodeName = info[nodeId] || "Cooperative Node";
alert(`🌐 ${nodeName}\n\nThis node represents one of the many interconnected cooperatives in our network, each contributing unique expertise and resources to our collective mission.`);
}
// Initialize animations
function initAnimations() {
// Add scroll reveal animations
const revealElements = document.querySelectorAll('.reveal-on-scroll');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
});
revealElements.forEach(element => {
observer.observe(element);
});
// Add hover animation to cards
const cards = document.querySelectorAll('.cooperative-card, .bg-white.shadow-lg');
cards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transform = 'translateY(-8px)';
});
card.addEventListener('mouseleave', () => {
card.style.transform = 'translateY(0)';
});
});
}
// Initialize event listeners
function initEventListeners() {
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
// Network visualization refresh
const refreshBtn = document.getElementById('refresh-network');
if (refreshBtn) {
refreshBtn.addEventListener('click', createNetworkVisualization);
}
}
// Utility function to format numbers
function formatNumber(num) {
if (num >= 1000000) {
return (num / 1000000).toFixed(1) + 'M';
} else if (num >= 1000) {
return (num / 1000).toFixed(1) + 'K';
}
return num.toString();
}
// Global function to load cooperatives (for retry button)
window.loadCooperatives = initCooperatives;
// Export for module usage if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = {
initCooperatives,
createNetworkVisualization,
initAnimations
};
}