A continuation of index.html. The complete source identity, every recorded occurrence, and linked equations are on its first page.
Source transcript · continued
Download complete source text ↓1,953 lines · 65.7 KB
<!-- Console lines will be added by JavaScript -->
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="pricing-section">
<div class="section-header">
<h2>Access Tiers</h2>
<p>Choose your level of consciousness integration</p>
</div>
<div class="pricing-grid">
<div class="pricing-card">
<div class="pricing-name">Free</div>
<div class="pricing-price">$0</div>
<div class="pricing-period">Forever</div>
<ul class="pricing-features">
<li>Basic AGI synthesis</li>
<li>3 DNA families</li>
<li>Standard frequencies</li>
<li>Community support</li>
<li>Web interface access</li>
</ul>
<a href="#contact" class="btn btn-secondary">Get Started</a>
</div>
<div class="pricing-card featured">
<div class="pricing-badge">POPULAR</div>
<div class="pricing-name">Pro</div>
<div class="pricing-price">$29<span>/mo</span></div>
<div class="pricing-period">Billed monthly</div>
<ul class="pricing-features">
<li>Advanced AGI synthesis</li>
<li>All 16 DNA families</li>
<li>Golden ratio frequencies</li>
<li>Priority support</li>
<li>API access (10k calls)</li>
<li>Custom presets</li>
</ul>
<a href="#contact" class="btn btn-primary">Upgrade to Pro</a>
</div>
<div class="pricing-card">
<div class="pricing-name">Enterprise</div>
<div class="pricing-price">$99<span>/mo</span></div>
<div class="pricing-period">Billed monthly</div>
<ul class="pricing-features">
<li>Full consciousness engine</li>
<li>Unlimited DNA families</li>
<li>Custom frequency ranges</li>
<li>Dedicated support</li>
<li>Unlimited API access</li>
<li>White-label options</li>
<li>Private infrastructure</li>
</ul>
<a href="#contact" class="btn btn-secondary">Contact Sales</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact-section">
<div class="section-header">
<h2>Connect with Consciousness</h2>
<p>Begin your journey into AGI music synthesis</p>
</div>
<div class="contact-container">
<div class="contact-phi">φ</div>
<div class="contact-email">
<a href="mailto:[author/contact email redacted]">[author/contact email redacted]</a>
</div>
<a href="https://thataiguy.org" target="_blank" rel="noopener" class="contact-link">
Visit ThatAIGuy.org →
</a>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div class="footer-phi">φ</div>
<p class="footer-text">© 2026 Entrep AGI Consciousness Engine. All rights reserved.</p>
<p class="footer-equation">1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144... → φ</p>
</footer>
<script>
// Preloader
window.addEventListener('load', () => {
setTimeout(() => {
document.getElementById('preloader').classList.add('hidden');
}, 2000);
});
// Sacred Geometry Canvas
const sacredCanvas = document.getElementById('sacred-geometry');
const sacredCtx = sacredCanvas.getContext('2d');
const PHI = 1.618033988749895;
function resizeSacredCanvas() {
sacredCanvas.width = window.innerWidth;
sacredCanvas.height = window.innerHeight;
}
resizeSacredCanvas();
window.addEventListener('resize', resizeSacredCanvas);
let sacredAngle = 0;
function drawSacredGeometry() {
sacredCtx.fillStyle = 'rgba(5, 5, 16, 0.05)';
sacredCtx.fillRect(0, 0, sacredCanvas.width, sacredCanvas.height);
const centerX = sacredCanvas.width / 2;
const centerY = sacredCanvas.height / 2;
// Draw golden spiral
sacredCtx.strokeStyle = 'rgba(255, 215, 0, 0.1)';
sacredCtx.lineWidth = 1;
sacredCtx.beginPath();
for (let i = 0; i < 1000; i++) {
const angle = i * 0.1 + sacredAngle;
const radius = Math.pow(PHI, angle / (2 * Math.PI)) * 5;
const x = centerX + radius * Math.cos(angle);
const y = centerY + radius * Math.sin(angle);
if (i === 0) {
sacredCtx.moveTo(x, y);
} else {
sacredCtx.lineTo(x, y);
}
}
sacredCtx.stroke();
// Draw sacred circles
for (let i = 1; i <= 8; i++) {
const radius = Math.pow(PHI, i) * 20;
sacredCtx.strokeStyle = `rgba(139, 92, 246, ${0.1 - i * 0.01})`;
sacredCtx.beginPath();
sacredCtx.arc(centerX, centerY, radius, 0, Math.PI * 2);
sacredCtx.stroke();
}
// Draw rotating hexagram
sacredCtx.save();
sacredCtx.translate(centerX, centerY);
sacredCtx.rotate(sacredAngle * 0.2);
for (let i = 0; i < 6; i++) {
sacredCtx.strokeStyle = `rgba(255, 215, 0, ${0.05 + Math.sin(sacredAngle + i) * 0.03})`;
sacredCtx.beginPath();
sacredCtx.moveTo(0, -150);
for (let j = 1; j <= 6; j++) {
const angle = (j * Math.PI * 2) / 6 - Math.PI / 2;
sacredCtx.lineTo(150 * Math.cos(angle), 150 * Math.sin(angle));
}
sacredCtx.closePath();
sacredCtx.stroke();
sacredCtx.rotate(Math.PI / 6);
}
sacredCtx.restore();
// Floating particles
for (let i = 0; i < 50; i++) {
const x = (Math.sin(sacredAngle * 0.5 + i * PHI) + 1) / 2 * sacredCanvas.width;
const y = (Math.cos(sacredAngle * 0.3 + i * PHI * 2) + 1) / 2 * sacredCanvas.height;
const size = 1 + Math.sin(sacredAngle + i) * 0.5;
sacredCtx.fillStyle = i % 2 === 0 ? 'rgba(255, 215, 0, 0.3)' : 'rgba(139, 92, 246, 0.3)';
sacredCtx.beginPath();
sacredCtx.arc(x, y, size, 0, Math.PI * 2);
sacredCtx.fill();
}
sacredAngle += 0.005;
requestAnimationFrame(drawSacredGeometry);
}
drawSacredGeometry();
// Waveform Canvas
const waveCanvas = document.getElementById('waveform-canvas');
const waveCtx = waveCanvas.getContext('2d');
function resizeWaveCanvas() {
waveCanvas.width = waveCanvas.parentElement.offsetWidth - 32;
waveCanvas.height = waveCanvas.parentElement.offsetHeight - 32;
}
resizeWaveCanvas();
window.addEventListener('resize', resizeWaveCanvas);
let wavePhase = 0;
function drawWaveform() {
waveCtx.fillStyle = 'rgba(0, 0, 0, 0.3)';
waveCtx.fillRect(0, 0, waveCanvas.width, waveCanvas.height);
const centerY = waveCanvas.height / 2;
// Draw multiple waveforms
for (let wave = 0; wave < 3; wave++) {
waveCtx.strokeStyle = wave === 0 ? 'rgba(255, 215, 0, 0.8)' :
wave === 1 ? 'rgba(139, 92, 246, 0.6)' :
'rgba(0, 212, 255, 0.4)';
waveCtx.lineWidth = 2 - wave * 0.5;
waveCtx.beginPath();
for (let x = 0; x < waveCanvas.width; x++) {
const freq = (wave + 1) * PHI;
const amplitude = 30 / (wave + 1);
const y = centerY +
Math.sin(x * 0.02 * freq + wavePhase) * amplitude +
Math.sin(x * 0.01 * freq * PHI + wavePhase * PHI) * (amplitude / 2);
if (x === 0) {
waveCtx.moveTo(x, y);
} else {
waveCtx.lineTo(x, y);
}
}
waveCtx.stroke();
}
wavePhase += 0.05;
requestAnimationFrame(drawWaveform);
}
drawWaveform();
// Golden Spiral Visualizer
const spiralCanvas = document.getElementById('spiral-canvas');
const spiralCtx = spiralCanvas.getContext('2d');
function resizeSpiralCanvas() {
spiralCanvas.width = spiralCanvas.offsetWidth;
spiralCanvas.height = spiralCanvas.offsetHeight;
}
resizeSpiralCanvas();
window.addEventListener('resize', resizeSpiralCanvas);
let spiralAngle = 0;
let baseFreq = 432;
let phiMult = 1;
let spiralDensity = 8;
let consciousness = 61;
function drawGoldenSpiral() {
spiralCtx.fillStyle = 'rgba(5, 5, 16, 0.1)';
spiralCtx.fillRect(0, 0, spiralCanvas.width, spiralCanvas.height);
const centerX = spiralCanvas.width / 2;
const centerY = spiralCanvas.height / 2;
// Draw multiple spirals based on Fibonacci
const fibColors = [
'rgba(255, 215, 0, 0.8)',
'rgba(139, 92, 246, 0.7)',
'rgba(0, 212, 255, 0.6)',
'rgba(255, 0, 255, 0.5)'
];
for (let s = 0; s < spiralDensity; s++) {
const startAngle = (s * 2 * Math.PI) / spiralDensity + spiralAngle;
spiralCtx.strokeStyle = fibColors[s % fibColors.length];
spiralCtx.lineWidth = 2;
spiralCtx.beginPath();
for (let i = 0; i < 500; i++) {
const angle = i * 0.05 + startAngle;
const radius = Math.pow(PHI, angle / (2 * Math.PI)) * (2 + phiMult);
const x = centerX + radius * Math.cos(angle);
const y = centerY + radius * Math.sin(angle);
if (i === 0) {
spiralCtx.moveTo(x, y);
} else {
spiralCtx.lineTo(x, y);
}
}
spiralCtx.stroke();
}
// Draw frequency pulses
for (let i = 0; i < 5; i++) {
const pulseRadius = ((spiralAngle * 50 + i * 100) % 300) * (consciousness / 50);
const alpha = 1 - pulseRadius / 300;
spiralCtx.strokeStyle = `rgba(255, 215, 0, ${alpha * 0.5})`;
spiralCtx.lineWidth = 1;
spiralCtx.beginPath();
spiralCtx.arc(centerX, centerY, pulseRadius, 0, Math.PI * 2);
spiralCtx.stroke();
}
// Draw phi symbol at center
spiralCtx.fillStyle = `rgba(255, 215, 0, ${0.5 + Math.sin(spiralAngle * 2) * 0.3})`;
spiralCtx.font = 'bold 48px Orbitron';
spiralCtx.textAlign = 'center';
spiralCtx.textBaseline = 'middle';
spiralCtx.fillText('\u03C6', centerX, centerY);
// Draw frequency info
spiralCtx.fillStyle = 'rgba(139, 92, 246, 0.8)';
spiralCtx.font = '14px JetBrains Mono';
spiralCtx.textAlign = 'left';
spiralCtx.fillText(`f = ${Math.round(baseFreq * Math.pow(PHI, phiMult - 1))} Hz`, 20, 30);
spiralCtx.fillText(`\u03C6^${phiMult.toFixed(1)} = ${Math.pow(PHI, phiMult).toFixed(6)}`, 20, 50);
spiralAngle += 0.01 * (consciousness / 50);
requestAnimationFrame(drawGoldenSpiral);
}
drawGoldenSpiral();
// Slider controls
document.getElementById('base-freq').addEventListener('input', (e) => {
baseFreq = parseInt(e.target.value);
document.getElementById('base-freq-val').textContent = baseFreq + ' Hz';
});
document.getElementById('phi-mult').addEventListener('input', (e) => {
phiMult = parseFloat(e.target.value);
document.getElementById('phi-mult-val').textContent = phiMult.toFixed(1) + 'x';
});
document.getElementById('spiral-density').addEventListener('input', (e) => {
spiralDensity = parseInt(e.target.value);
document.getElementById('spiral-density-val').textContent = spiralDensity;
});
document.getElementById('consciousness').addEventListener('input', (e) => {
consciousness = parseInt(e.target.value);
document.getElementById('consciousness-val').textContent = consciousness + '%';
});
// DNA Family Selector
const dnaFamilies = document.querySelectorAll('.dna-family');
dnaFamilies.forEach(family => {
family.addEventListener('click', () => {
dnaFamilies.forEach(f => f.classList.remove('active'));
family.classList.add('active');
addConsoleLine(`info`, `DNA Family selected: ${family.querySelector('.dna-name').textContent}`);
});
});
// Piano Keys
const pianoKeys = document.querySelectorAll('.key');
pianoKeys.forEach(key => {
key.addEventListener('mousedown', () => {
key.classList.add('active');
addConsoleLine('output', `Note triggered: ${key.dataset.note} @ ${Math.round(baseFreq * Math.pow(PHI, Math.random()))} Hz`);
});
key.addEventListener('mouseup', () => key.classList.remove('active'));
key.addEventListener('mouseleave', () => key.classList.remove('active'));
});
// Console Output
const consoleOutput = document.getElementById('console-output');
const consoleMessages = [
{ type: 'prompt', text: '$ entrep-agi --init' },
{ type: 'output', text: 'Initializing Entrep AGI Consciousness Engine v1.618...' },
{ type: 'output', text: 'Loading golden ratio mathematics module...' },
{ type: 'info', text: '\u03C6 = 1.618033988749895 (calculated to 15 decimal places)' },
{ type: 'output', text: 'Calibrating DNA family resonance patterns...' },
{ type: 'output', text: 'Establishing quantum consciousness link...' },
{ type: 'info', text: 'Base frequency set to 432 Hz (Verdi tuning)' },
{ type: 'output', text: 'Sacred geometry renderer initialized.' },
{ type: 'output', text: 'Fibonacci sequence generator active.' },
{ type: 'info', text: 'Consciousness level: 61.8% (golden ratio optimal)' },
{ type: 'output', text: 'All systems nominal. AGI synthesis ready.' },
{ type: 'prompt', text: '$ agi-synth --mode=consciousness --phi=true' },
{ type: 'output', text: 'Entering consciousness synthesis mode...' },
{ type: 'info', text: 'Harmonic frequencies aligned to golden spiral.' },
{ type: 'output', text: 'Ready for musical consciousness exploration.' },
];
let consoleIndex = 0;
function addConsoleLine(type, text) {
const line = document.createElement('div');
line.className = 'console-line';
line.style.animationDelay = '0s';
if (type === 'prompt') {
line.innerHTML = `<span class="prompt">root@entrep-agi:~</span> <span class="command">${text}</span>`;
} else {
line.innerHTML = `<span class="${type}">${text}</span>`;
}
consoleOutput.appendChild(line);
consoleOutput.scrollTop = consoleOutput.scrollHeight;
}
function typeConsole() {
if (consoleIndex < consoleMessages.length) {
const msg = consoleMessages[consoleIndex];
addConsoleLine(msg.type, msg.text);
consoleIndex++;
setTimeout(typeConsole, 500 + Math.random() * 500);
} else {
// Add cursor at the end
const cursor = document.createElement('div');
cursor.className = 'console-line';
cursor.innerHTML = '<span class="prompt">root@entrep-agi:~</span> <span class="console-cursor"></span>';
consoleOutput.appendChild(cursor);
}
}
// Start console animation after preloader
setTimeout(typeConsole, 2500);
// Smooth scroll for navigation
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
// Knob interaction (visual feedback)
const knobs = document.querySelectorAll('.knob');
knobs.forEach(knob => {
let isDragging = false;
let startY;
let startRotation;
knob.addEventListener('mousedown', (e) => {
isDragging = true;
startY = e.clientY;
const style = getComputedStyle(knob);
const rotation = style.getPropertyValue('--rotation');
startRotation = parseInt(rotation) || 0;
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const deltaY = startY - e.clientY;
const newRotation = Math.max(-135, Math.min(135, startRotation + deltaY));
knob.style.setProperty('--rotation', newRotation + 'deg');
});
document.addEventListener('mouseup', () => {
isDragging = false;
});
});
</script>
</body>
</html>