ThatAIguyA world of ideas

THE CONSCIOUSNESS ATLAS
Read. Experiment. Follow the evidence.

ConsciousnessLearn · Explore · Joseph Anady

megamind.html

Source identity, revision, and recovered contents.

archive memberSource text recovered

Source identity

FieldRecorded value
Source typearchive member
Original recordmegamind.html
DateNot specified in source
Path or archive memberarchives/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-2562f76cec09ea0eccb4f3bcdbb843617cbfa7fab8cfb377af7af4ad0b68cf8b2a7
Reading-copy SHA-2562f76cec09ea0eccb4f3bcdbb843617cbfa7fab8cfb377af7af4ad0b68cf8b2a7
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 recordBranch or archiveRevision / identifierOriginal 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-bdd27514bdc4archives/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-2a0109424361archives/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

<!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>

Search equations, builds, manuscript text, and recovered sources.