MediaWiki:Common.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Common.js - Site-wide JavaScript */
/* Add copyright footer at the very bottom of page - single occurrence only */
$(document).ready(function() {
// Remove any existing copyright footers first to prevent duplicates
$('#footer-info-copyright, .ceo-copyright-footer').remove();
// Create the copyright footer
var copyright = '<div class="ceo-copyright-footer" id="footer-info-copyright" style="text-align: center; padding: 20px; background: #f8f9fa; border-top: 1px solid #ddd; margin-top: 40px; font-size: 0.85em; line-height: 1.6;">Text is available under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="nofollow">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="/wiki/CEO.wiki:Terms_of_Use">Terms of Use</a>, <a href="/wiki/CEO.wiki:Privacy_Policy">Privacy Policy</a>, and all <a href="/wiki/CEO.wiki:General_disclaimer">disclaimers</a>. CEO.wiki is operated as an independent collaborative encyclopedia project and is not affiliated with Wikipedia or the Wikimedia Foundation. See our <a href="/wiki/CEO.wiki:Takedown_Request_Policy">Takedown Request Policy</a> for content concerns.</div>';
// Append to the very bottom of the body
$('body').append(copyright);
});
/* 3D CEO Tag Cloud for Main Page - Wikipedia Style */
$(document).ready(function() {
var placeholder = document.getElementById('ceocloud-placeholder');
if (!placeholder) {
console.log('CEO Cloud: placeholder not found');
return;
}
// Get CEO data from the parser function
var ceoDataEl = document.getElementById('ceo-data');
if (!ceoDataEl) {
console.log('CEO Cloud: ceo-data element not found');
return;
}
var ceoDataJson = ceoDataEl.getAttribute('data-ceos');
if (!ceoDataJson) {
console.log('CEO Cloud: data-ceos attribute empty');
return;
}
var tags = JSON.parse(ceoDataJson);
if (!tags || tags.length === 0) {
console.log('CEO Cloud: no tags found');
return;
}
console.log('CEO Cloud: Initializing with ' + tags.length + ' CEOs');
// Create cloud container with proper centering
var cloud = document.createElement('div');
cloud.style.position = 'relative';
cloud.style.width = '100%';
cloud.style.height = '400px';
cloud.style.overflow = 'hidden';
// Create inner sphere container
var sphere = document.createElement('div');
sphere.style.position = 'absolute';
sphere.style.left = '50%';
sphere.style.top = '50%';
sphere.style.width = '1px';
sphere.style.height = '1px';
sphere.style.transformStyle = 'preserve-3d';
sphere.style.transition = 'transform 0.5s ease-out';
// Distribute tags in 3D sphere using Fibonacci spiral
var radius = 200;
var phi = Math.PI * (3 - Math.sqrt(5)); // Golden angle in radians
tags.forEach(function(tag, i) {
// Fibonacci sphere distribution
var y = 1 - (i / (tags.length - 1)) * 2; // y goes from 1 to -1
var radiusAtY = Math.sqrt(1 - y * y); // radius at y
var theta = phi * i; // golden angle increment
var x = Math.cos(theta) * radiusAtY;
var z = Math.sin(theta) * radiusAtY;
// Scale to our radius
var posX = x * radius;
var posY = y * radius;
var posZ = z * radius;
// Create link element
var link = document.createElement('a');
link.href = tag.url;
link.textContent = tag.text;
link.style.position = 'absolute';
link.style.left = '0';
link.style.top = '0';
link.style.color = '#ffffff';
link.style.textDecoration = 'none';
link.style.fontSize = tag.size + 'px';
link.style.fontWeight = '400';
link.style.fontFamily = '"Linux Libertine", Georgia, "Times New Roman", Times, serif';
link.style.whiteSpace = 'nowrap';
link.style.transition = 'all 0.3s ease';
link.style.textShadow = '0 2px 8px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.5)';
link.style.cursor = 'pointer';
link.style.transformStyle = 'preserve-3d';
link.style.transform = 'translate3d(' + posX + 'px, ' + posY + 'px, ' + posZ + 'px) translate(-50%, -50%)';
link.style.backfaceVisibility = 'hidden';
// Store original position for hover effects
link.dataset.x = posX;
link.dataset.y = posY;
link.dataset.z = posZ;
link.dataset.originalSize = tag.size;
// Hover effects
link.addEventListener('mouseenter', function() {
this.style.color = '#fbbf24';
this.style.fontWeight = '700';
var scale = 1.3;
this.style.fontSize = (parseFloat(this.dataset.originalSize) * scale) + 'px';
this.style.textShadow = '0 2px 12px rgba(251, 191, 36, 0.8), 0 0 30px rgba(251, 191, 36, 0.5)';
this.style.zIndex = '1000';
});
link.addEventListener('mouseleave', function() {
this.style.color = '#ffffff';
this.style.fontWeight = '400';
this.style.fontSize = this.dataset.originalSize + 'px';
this.style.textShadow = '0 2px 8px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.5)';
this.style.zIndex = 'auto';
});
sphere.appendChild(link);
});
cloud.appendChild(sphere);
placeholder.innerHTML = ''; // Clear placeholder
placeholder.appendChild(cloud);
// Rotation animation
var angleX = 15; // Start with slight tilt
var angleY = 0;
var autoRotate = true;
var targetAngleX = 15;
var targetAngleY = 0;
function animate() {
if (autoRotate) {
targetAngleY += 0.2;
}
// Smooth interpolation
angleX += (targetAngleX - angleX) * 0.05;
angleY += (targetAngleY - angleY) * 0.05;
sphere.style.transform = 'rotateX(' + angleX + 'deg) rotateY(' + angleY + 'deg)';
requestAnimationFrame(animate);
}
animate();
// Interactive controls
var isDragging = false;
var previousMouseX = 0;
var previousMouseY = 0;
cloud.addEventListener('mousedown', function(e) {
isDragging = true;
autoRotate = false;
previousMouseX = e.clientX;
previousMouseY = e.clientY;
e.preventDefault();
});
document.addEventListener('mousemove', function(e) {
if (isDragging) {
var deltaX = e.clientX - previousMouseX;
var deltaY = e.clientY - previousMouseY;
targetAngleY += deltaX * 0.5;
targetAngleX -= deltaY * 0.5;
// Limit vertical rotation
targetAngleX = Math.max(-60, Math.min(60, targetAngleX));
previousMouseX = e.clientX;
previousMouseY = e.clientY;
}
});
document.addEventListener('mouseup', function() {
if (isDragging) {
isDragging = false;
setTimeout(function() {
autoRotate = true;
}, 2000); // Resume auto-rotation after 2 seconds
}
});
// Touch support for mobile
cloud.addEventListener('touchstart', function(e) {
if (e.touches.length === 1) {
isDragging = true;
autoRotate = false;
previousMouseX = e.touches[0].clientX;
previousMouseY = e.touches[0].clientY;
e.preventDefault();
}
});
document.addEventListener('touchmove', function(e) {
if (isDragging && e.touches.length === 1) {
var deltaX = e.touches[0].clientX - previousMouseX;
var deltaY = e.touches[0].clientY - previousMouseY;
targetAngleY += deltaX * 0.5;
targetAngleX -= deltaY * 0.5;
targetAngleX = Math.max(-60, Math.min(60, targetAngleX));
previousMouseX = e.touches[0].clientX;
previousMouseY = e.touches[0].clientY;
}
});
document.addEventListener('touchend', function() {
if (isDragging) {
isDragging = false;
setTimeout(function() {
autoRotate = true;
}, 2000);
}
});
console.log('CEO Cloud: Successfully initialized');
});