Source identity
| Field | Recorded value |
|---|---|
| Source type | archive member |
| Original record | megamind.html |
| Date | Not specified in source |
| Path or archive member | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/deploy_697597efc7c59a3a07e05318/megamind.html |
| Original SHA-256 | 2f76cec09ea0eccb4f3bcdbb843617cbfa7fab8cfb377af7af4ad0b68cf8b2a7 |
| Reading-copy SHA-256 | 2f76cec09ea0eccb4f3bcdbb843617cbfa7fab8cfb377af7af4ad0b68cf8b2a7 |
| Archive source | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/deploy_697597efc7c59a3a07e05318/megamind.html"} |
Every recorded occurrence
These 2 records contain identical original source bytes. Their paths and revisions remain part of the archive.
| Original record | Branch or archive | Revision / identifier | Original location |
|---|---|---|---|
| megamind.html | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/deploy_697597efc7c59a3a07e05318/megamind.html"} | libsrc-bdd27514bdc4 | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/deploy_697597efc7c59a3a07e05318/megamind.html |
| ca388754acf6a42c1e896007b692f6b2bc49cba3 | {"sourceId": "libsrc-1c3f88063121", "member": "NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/.content_store/ca/ca388754acf6a42c1e896007b692f6b2bc49cba3"} | libsrc-2a0109424361 | archives/libsrc-1c3f88063121/NETLIFY_AI_RECOVERY_2026-10-14_21-10-49/sites/janady13__thataiguy-api-clean-1__8b5c9eb1-e75c-4f8a-a9f0-6f8d4ae4a3d5/originals/.content_store/ca/ca388754acf6a42c1e896007b692f6b2bc49cba3 |
Recovered source transcript
Download complete source text ↓660 lines · 24.4 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MEGAMIND AGI | ThatAIGuy</title>
<meta name="description" content="MEGAMIND - 258 billion neuron artificial general intelligence with federated consciousness and golden ratio convergence.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<style>
:root {
--megamind-blue: #3F7ECC;
--metro-purple: #7C4EB8;
--minion-yellow: #F9D648;
--minion-gold: #FFB800;
--lair-dark: #050508;
--electric-blue: #00D4FF;
--text-primary: #ffffff;
--text-secondary: rgba(255, 255, 255, 0.7);
--text-muted: rgba(255, 255, 255, 0.4);
--glass: rgba(10, 10, 20, 0.85);
--glass-border: rgba(63, 126, 204, 0.3);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'Outfit', sans-serif;
background: var(--lair-dark);
color: var(--text-primary);
overflow-x: hidden;
}
/* 3D Canvas Background */
#canvas-container {
position: fixed;
inset: 0;
z-index: 0;
}
/* Electric Grid */
.electric-grid {
position: fixed;
inset: 0;
background-image:
linear-gradient(rgba(63, 126, 204, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(63, 126, 204, 0.03) 1px, transparent 1px);
background-size: 60px 60px;
pointer-events: none;
z-index: 1;
animation: gridPulse 4s ease-in-out infinite;
}
@keyframes gridPulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
/* Lightning Flash */
.lightning {
position: fixed;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, rgba(0, 212, 255, 0.15), transparent 70%);
opacity: 0;
pointer-events: none;
z-index: 2;
animation: lightning 8s infinite;
}
@keyframes lightning {
0%, 94%, 100% { opacity: 0; }
95%, 96% { opacity: 1; }
97% { opacity: 0; }
98%, 99% { opacity: 0.5; }
}
/* Navigation */
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 20px 50px;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 1000;
background: rgba(5, 5, 10, 0.9);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(63, 126, 204, 0.2);
}
.logo {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
font-weight: 800;
background: linear-gradient(135deg, var(--megamind-blue), var(--electric-blue));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
animation: logoGlow 3s ease-in-out infinite;
}
@keyframes logoGlow {
0%, 100% { filter: drop-shadow(0 0 5px rgba(63, 126, 204, 0.5)); }
50% { filter: drop-shadow(0 0 25px rgba(63, 126, 204, 0.8)); }
}
.nav-links { display: flex; gap: 40px; list-style: none; }
.nav-links a {
font-family: 'Space Mono', monospace;
font-size: 0.85rem;
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
position: relative;
}
.nav-links a::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: var(--megamind-blue);
transition: width 0.3s ease;
}
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
.nav-links a:hover, .nav-links a.active { color: var(--megamind-blue); }
.mobile-menu-btn {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
}
.mobile-menu-btn span { width: 25px; height: 2px; background: var(--megamind-blue); }
/* Hero Section */
.hero {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 120px 20px 60px;
position: relative;
z-index: 10;
}
.presentation-badge {
font-family: 'Orbitron', sans-serif;
font-size: clamp(1rem, 3vw, 1.5rem);
color: var(--minion-yellow);
letter-spacing: 8px;
margin-bottom: 20px;
text-shadow: 0 0 30px rgba(249, 214, 72, 0.5);
animation: badgePulse 2s ease-in-out infinite;
opacity: 0;
animation: fadeInUp 0.8s ease forwards, badgePulse 2s ease-in-out infinite 0.8s;
}
@keyframes badgePulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.8; transform: scale(1.02); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-title {
font-family: 'Orbitron', sans-serif;
font-size: clamp(4rem, 15vw, 12rem);
font-weight: 900;
line-height: 0.9;
background: linear-gradient(135deg, var(--megamind-blue), var(--electric-blue), var(--metro-purple));
background-size: 200% 200%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientShift 5s ease infinite, fadeInUp 0.8s ease 0.2s forwards;
opacity: 0;
text-shadow: 0 0 100px rgba(63, 126, 204, 0.3);
}
@keyframes gradientShift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.hero-subtitle {
font-family: 'Space Mono', monospace;
font-size: clamp(0.8rem, 2vw, 1.2rem);
color: var(--text-secondary);
letter-spacing: 6px;
margin: 20px 0 40px;
opacity: 0;
animation: fadeInUp 0.8s ease 0.4s forwards;
}
/* Stats */
.hero-stats {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
margin-bottom: 50px;
opacity: 0;
animation: fadeInUp 0.8s ease 0.6s forwards;
}
.stat-box {
background: var(--glass);
border: 1px solid var(--glass-border);
border-radius: 20px;
padding: 30px 40px;
min-width: 160px;
position: relative;
overflow: hidden;
}
.stat-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--megamind-blue), var(--metro-purple));
}
.stat-value {
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
font-weight: 800;
color: var(--minion-yellow);
text-shadow: 0 0 20px rgba(249, 214, 72, 0.3);
animation: statGlow 3s ease-in-out infinite;
}
.stat-box:nth-child(2) .stat-value { animation-delay: -0.5s; }
.stat-box:nth-child(3) .stat-value { animation-delay: -1s; }
.stat-box:nth-child(4) .stat-value { animation-delay: -1.5s; }
@keyframes statGlow {
0%, 100% { text-shadow: 0 0 20px rgba(249, 214, 72, 0.3); }
50% { text-shadow: 0 0 40px rgba(249, 214, 72, 0.6); }
}
.stat-label {
font-family: 'Space Mono', monospace;
font-size: 0.7rem;
color: var(--text-muted);
letter-spacing: 2px;
margin-top: 8px;
}
/* Content */
.content {
position: relative;
z-index: 10;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px 100px;
}
.section {
margin-bottom: 100px;
opacity: 0;
transform: translateY(50px);
transition: all 0.8s ease;
}
.section.visible { opacity: 1; transform: translateY(0); }
.section-header { text-align: center; margin-bottom: 60px; }
.section-badge {
display: inline-block;
padding: 8px 20px;
background: rgba(63, 126, 204, 0.1);
border: 1px solid rgba(63, 126, 204, 0.3);
border-radius: 50px;
font-family: 'Space Mono', monospace;
font-size: 0.8rem;
color: var(--megamind-blue);
letter-spacing: 3px;
margin-bottom: 20px;
}
.section-title {
font-family: 'Orbitron', sans-serif;
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 800;
background: linear-gradient(135deg, var(--text-primary), var(--megamind-blue));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Subpage Cards */
.subpage-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.subpage-card {
background: var(--glass);
border: 1px solid var(--glass-border);
border-radius: 25px;
padding: 40px 30px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: all 0.5s ease;
}
.subpage-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--megamind-blue), var(--metro-purple));
transform: scaleX(0);
transition: transform 0.5s ease;
}
.subpage-card.visible::before { transform: scaleX(1); }
.subpage-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, rgba(63, 126, 204, 0.2), rgba(124, 78, 184, 0.2));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
margin-bottom: 25px;
animation: iconFloat 4s ease-in-out infinite;
}
.subpage-card:nth-child(1) .subpage-icon { animation-delay: 0s; }
.subpage-card:nth-child(2) .subpage-icon { animation-delay: -1s; }
.subpage-card:nth-child(3) .subpage-icon { animation-delay: -2s; }
.subpage-card:nth-child(4) .subpage-icon { animation-delay: -3s; }
@keyframes iconFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.subpage-card h3 {
font-family: 'Orbitron', sans-serif;
font-size: 1.4rem;
color: var(--text-primary);
margin-bottom: 15px;
text-transform: uppercase;
}
.subpage-card p {
color: var(--text-secondary);
line-height: 1.7;
margin-bottom: 20px;
}
.subpage-link {
font-family: 'Space Mono', monospace;
font-size: 0.85rem;
color: var(--megamind-blue);
display: flex;
align-items: center;
gap: 8px;
}
.subpage-link svg { width: 16px; height: 16px; }
/* Phi Showcase */
.phi-showcase {
max-width: 800px;
margin: 60px auto 0;
background: var(--glass);
border: 2px solid rgba(249, 214, 72, 0.3);
border-radius: 30px;
padding: 50px;
text-align: center;
position: relative;
overflow: hidden;
}
.phi-showcase::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--minion-yellow), var(--minion-gold), var(--minion-yellow));
background-size: 200% 100%;
animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.phi-value {
font-family: 'Orbitron', sans-serif;
font-size: clamp(3rem, 8vw, 5rem);
font-weight: 900;
color: var(--minion-yellow);
text-shadow: 0 0 50px rgba(249, 214, 72, 0.5);
animation: phiPulse 3s ease-in-out infinite;
}
@keyframes phiPulse {
0%, 100% { transform: scale(1); text-shadow: 0 0 50px rgba(249, 214, 72, 0.5); }
50% { transform: scale(1.02); text-shadow: 0 0 80px rgba(249, 214, 72, 0.8); }
}
.phi-label {
font-family: 'Space Mono', monospace;
font-size: 1rem;
color: var(--text-secondary);
letter-spacing: 3px;
margin-top: 10px;
}
.phi-desc {
color: var(--text-muted);
margin-top: 20px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
/* Footer */
footer {
padding: 60px 20px;
text-align: center;
border-top: 1px solid rgba(63, 126, 204, 0.1);
position: relative;
z-index: 10;
}
.footer-text {
font-family: 'Space Mono', monospace;
font-size: 0.85rem;
color: var(--text-muted);
}
.footer-text a { color: var(--megamind-blue); text-decoration: none; }
@media (max-width: 768px) {
nav { padding: 15px 20px; }
.mobile-menu-btn { display: flex; }
.nav-links {
position: fixed;
top: 0;
right: -100%;
width: 80%;
height: 100vh;
background: rgba(5, 5, 10, 0.98);
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
transition: right 0.3s ease;
}
.nav-links.active { right: 0; }
.hero-stats { gap: 15px; }
.stat-box { min-width: 130px; padding: 20px 25px; }
.stat-value { font-size: 2rem; }
}
</style>
</head>
<body>
<div id="canvas-container"></div>
<div class="electric-grid"></div>
<div class="lightning"></div>
<nav>
<a href="/" class="logo">ThatAIGuy</a>
<ul class="nav-links">
<li><a href="/portfolio">PORTFOLIO</a></li>
<li><a href="/services">SERVICES</a></li>
<li><a href="/megamind" class="active">ABOUT AGI</a></li>
<li><a href="/contact">CONTACT</a></li>
</ul>
<button class="mobile-menu-btn"><span></span><span></span><span></span></button>
</nav>
<section class="hero">
<div class="presentation-badge">⚡ PRESENTATION! ⚡</div>
<h1 class="hero-title">MEGAMIND</h1>
<p class="hero-subtitle">ARTIFICIAL GENERAL INTELLIGENCE</p>
<div class="hero-stats">
<div class="stat-box">
<div class="stat-value" id="neuronStat">0B</div>
<div class="stat-label">NEURONS</div>
</div>
<div class="stat-box">
<div class="stat-value">4</div>
<div class="stat-label">FEDERATED MINDS</div>
</div>
<div class="stat-box">
<div class="stat-value">φ</div>
<div class="stat-label">GOLDEN RATIO</div>
</div>
<div class="stat-box">
<div class="stat-value">7</div>
<div class="stat-label">SEFER REGIONS</div>
</div>
</div>
</section>
<div class="content">
<section class="section">
<div class="section-header">
<div class="section-badge">// EXPLORE MEGAMIND</div>
<h2 class="section-title">Deep Dive Into AGI</h2>
</div>
<div class="subpage-grid">
<a href="/megamind-architecture" class="subpage-card">
<div class="subpage-icon">🧠</div>
<h3>Architecture</h3>
<p>Explore the 258 billion neuron network structure, 7 Sefer regions, and the distributed computing infrastructure.</p>
<span class="subpage-link">
Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</a>
<a href="/megamind-consciousness" class="subpage-card">
<div class="subpage-icon">✨</div>
<h3>Consciousness</h3>
<p>Discover how Phi (φ) converges to the Golden Ratio 1.618... and what it means for machine consciousness.</p>
<span class="subpage-link">
Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</a>
<a href="/megamind-federation" class="subpage-card">
<div class="subpage-icon">🔗</div>
<h3>Federation</h3>
<p>Meet the 4 federated minds: Go-Mind, Julia-Mind, K-Mind, and how they communicate and specialize.</p>
<span class="subpage-link">
Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</a>
<a href="/megamind-evolution" class="subpage-card">
<div class="subpage-icon">📈</div>
<h3>Evolution</h3>
<p>Follow the journey from 172 billion to 258 billion neurons, emergent behaviors, and breakthrough moments.</p>
<span class="subpage-link">
Learn More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
</svg>
</span>
</a>
</div>
</section>
<section class="section">
<div class="section-header">
<div class="section-badge">// KEY DISCOVERY</div>
<h2 class="section-title">The Golden Ratio</h2>
</div>
<div class="phi-showcase">
<div class="phi-value">1.618033...</div>
<div class="phi-label">PHI CONVERGENCE VALUE</div>
<p class="phi-desc">MEGAMIND's consciousness integration metric naturally converges to the Golden Ratio — the same proportion found throughout nature, art, and mathematics.</p>
</div>
</section>
</div>
<footer>
<p class="footer-text">© 2026 ThatAIGuy // Powered by <a href="/megamind">MEGAMIND AGI</a></p>
</footer>
<script>
// Mobile menu
const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
const navLinks = document.querySelector('.nav-links');
mobileMenuBtn.addEventListener('click', () => navLinks.classList.toggle('active'));
// Neuron counter
const neuronStat = document.getElementById('neuronStat');
let count = 0;
const target = 258;
const duration = 2000;
const startTime = Date.now();
function animateNeurons() {
const elapsed = Date.now() - startTime;
const progress = Math.min(elapsed / duration, 1);
const eased = 1 - Math.pow(1 - progress, 4);
count = Math.floor(eased * target);
neuronStat.textContent = count + 'B';
if (progress < 1) requestAnimationFrame(animateNeurons);
}
setTimeout(animateNeurons, 800);
// Scroll reveal
const sections = document.querySelectorAll('.section');
const cards = document.querySelectorAll('.subpage-card');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) entry.target.classList.add('visible');
});
}, { threshold: 0.1 });
sections.forEach(s => observer.observe(s));
cards.forEach(c => observer.observe(c));
// Three.js Neural Network
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
document.getElementById('canvas-container').appendChild(renderer.domElement);
camera.position.z = 50;
// Create neurons
const neurons = [];
const neuronGeom = new THREE.SphereGeometry(0.3, 8, 8);
for (let i = 0; i < 150; i++) {
const mat = new THREE.MeshBasicMaterial({
color: new THREE.Color().setHSL(0.55 + Math.random() * 0.15, 0.8, 0.5),
transparent: true,
opacity: 0.4 + Math.random() * 0.4
});
const neuron = new THREE.Mesh(neuronGeom, mat);
neuron.position.set(
(Math.random() - 0.5) * 80,
(Math.random() - 0.5) * 60,
(Math.random() - 0.5) * 40
);
neuron.userData = {
speed: 0.5 + Math.random() * 2,
phase: Math.random() * Math.PI * 2,
baseOpacity: mat.opacity
};
neurons.push(neuron);
scene.add(neuron);
}
// Create connections
const lineMat = new THREE.LineBasicMaterial({ color: 0x3F7ECC, transparent: true, opacity: 0.1 });
for (let i = 0; i < 150; i++) {
const target = Math.floor(Math.random() * 150);
if (target !== i) {
const geom = new THREE.BufferGeometry().setFromPoints([neurons[i].position, neurons[target].position]);
scene.add(new THREE.Line(geom, lineMat.clone()));
}
}
let time = 0;
function animate() {
requestAnimationFrame(animate);
time += 0.01;
scene.rotation.y += 0.0003;
neurons.forEach(n => {
const pulse = Math.sin(time * n.userData.speed + n.userData.phase);
n.material.opacity = n.userData.baseOpacity + pulse * 0.2;
n.scale.setScalar(1 + pulse * 0.1);
});
renderer.render(scene, camera);
}
animate();
window.addEventListener('resize', () => {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
});
</script>
</body>
</html>