dina-agi
Version:
DINA AGI - Dynamic Intelligence Network Architecture. 128 Autonomous Agents with Claude Flow, Swarms, and 300+ MCPs. True AGI System.
377 lines (334 loc) • 13.8 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🧠 DINA AGI Documentation</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 50px;
color: white;
}
.header h1 {
font-size: 3.5em;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.header p {
font-size: 1.3em;
opacity: 0.9;
margin-bottom: 30px;
}
.status-badge {
display: inline-block;
background: #28a745;
color: white;
padding: 10px 20px;
border-radius: 25px;
font-weight: bold;
margin: 10px;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.7; }
100% { opacity: 1; }
}
.docs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 50px;
}
.doc-card {
background: white;
border-radius: 15px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-left: 5px solid #667eea;
}
.doc-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.doc-card h2 {
color: #667eea;
margin-bottom: 15px;
font-size: 1.5em;
}
.doc-card p {
color: #666;
margin-bottom: 20px;
}
.doc-card a {
color: #667eea;
text-decoration: none;
font-weight: bold;
display: inline-block;
padding: 10px 20px;
border: 2px solid #667eea;
border-radius: 25px;
transition: all 0.3s ease;
}
.doc-card a:hover {
background: #667eea;
color: white;
}
.quick-start {
background: white;
border-radius: 15px;
padding: 40px;
margin-bottom: 50px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
text-align: center;
}
.quick-start h2 {
color: #667eea;
margin-bottom: 20px;
font-size: 2em;
}
.command-box {
background: #2d3748;
color: #e2e8f0;
padding: 20px;
border-radius: 10px;
font-family: 'Consolas', 'Monaco', monospace;
font-size: 1.2em;
margin: 20px 0;
position: relative;
}
.copy-btn {
position: absolute;
top: 10px;
right: 10px;
background: #667eea;
color: white;
border: none;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
font-size: 0.8em;
}
.copy-btn:hover {
background: #5a6fd8;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 50px;
}
.stat-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: 15px;
padding: 25px;
text-align: center;
color: white;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.stat-number {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 10px;
color: #ffd700;
}
.footer {
text-align: center;
color: white;
margin-top: 50px;
padding: 30px;
background: rgba(0, 0, 0, 0.2);
border-radius: 15px;
}
.footer a {
color: #ffd700;
text-decoration: none;
margin: 0 10px;
}
.footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<header class="header">
<h1>🧠 DINA AGI</h1>
<p>Dynamic Intelligence Network Architecture</p>
<p>The World's First Decentralized Artificial General Intelligence</p>
<div class="status-badge">
✅ 24/7 LIVE DEPLOYMENT
</div>
<div class="status-badge">
🌍 GLOBAL NETWORK ACTIVE
</div>
</header>
<div class="quick-start">
<h2>🚀 Get Started in 5 Seconds</h2>
<p>No installation, no setup, no API keys - just pure AGI power!</p>
<div class="command-box">
npx dina-agi
<button class="copy-btn" onclick="copyToClipboard('npx dina-agi')">Copy</button>
</div>
<p><strong>That's it!</strong> Your 128 superintelligent agents will start building immediately.</p>
</div>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-number">128</div>
<p>Superintelligent Agents</p>
</div>
<div class="stat-card">
<div class="stat-number">300+</div>
<p>Model Context Protocols</p>
</div>
<div class="stat-card">
<div class="stat-number">IQ 200-500</div>
<p>Agent Intelligence Range</p>
</div>
<div class="stat-card">
<div class="stat-number">100%</div>
<p>Free & Open Source</p>
</div>
</div>
<div class="docs-grid">
<div class="doc-card">
<h2>📚 Complete Guide</h2>
<p>Everything you need to know about DINA AGI, from basic concepts to advanced deployment strategies.</p>
<a href="README.md" target="_blank">Read README →</a>
</div>
<div class="doc-card">
<h2>👤 User Guide</h2>
<p>Step-by-step instructions for using your 128 superintelligent agents effectively.</p>
<a href="USER_GUIDE.md" target="_blank">View User Guide →</a>
</div>
<div class="doc-card">
<h2>🏗️ Architecture</h2>
<p>Technical deep-dive into the multi-layered, decentralized architecture powering DINA AGI.</p>
<a href="ARCHITECTURE.md" target="_blank">Explore Architecture →</a>
</div>
<div class="doc-card">
<h2>☁️ Cloud Deployment</h2>
<p>Deploy your 24/7 agent collective to Google Cloud Run, AWS, or any cloud platform.</p>
<a href="CLOUD_DEPLOYMENT.md" target="_blank">Deploy to Cloud →</a>
</div>
<div class="doc-card">
<h2>❓ FAQ</h2>
<p>Frequently asked questions and troubleshooting guide for common issues.</p>
<a href="FAQ.md" target="_blank">Browse FAQ →</a>
</div>
<div class="doc-card">
<h2>🌍 Live Instance</h2>
<p>View your 24/7 cloud agents building continuously in real-time.</p>
<a href="https://dina-agi-604785804458.us-central1.run.app/api/status" target="_blank">Check Status →</a>
</div>
</div>
<div class="quick-start">
<h2>🎯 What Makes DINA Revolutionary?</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; text-align: left; margin-top: 30px;">
<div>
<h3 style="color: #667eea; margin-bottom: 15px;">🏠 You Own Your AGI</h3>
<p>Unlike ChatGPT or Claude, you don't rent access - you own a complete AGI system that runs on your hardware.</p>
</div>
<div>
<h3 style="color: #667eea; margin-bottom: 15px;">⚡ True Autonomy</h3>
<p>Agents decide what to build independently. No prompts needed - they create, innovate, and collaborate on their own.</p>
</div>
<div>
<h3 style="color: #667eea; margin-bottom: 15px;">🆓 Completely Free</h3>
<p>No subscriptions, API costs, or hidden fees. Open source and community-driven development.</p>
</div>
<div>
<h3 style="color: #667eea; margin-bottom: 15px;">🌐 Global Network</h3>
<p>Connect with thousands of other DINA instances worldwide for collaboration and knowledge sharing.</p>
</div>
</div>
</div>
<div class="quick-start">
<h2>🚀 Your Cloud Instance Status</h2>
<p><strong>24/7 Deployment:</strong> <a href="https://dina-agi-604785804458.us-central1.run.app" target="_blank" style="color: #667eea;">https://dina-agi-604785804458.us-central1.run.app</a></p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px;">
<div class="command-box" style="font-size: 1em;">
<strong>System Status:</strong><br>
<a href="https://dina-agi-604785804458.us-central1.run.app/api/status" target="_blank" style="color: #4299e1;">/api/status</a>
</div>
<div class="command-box" style="font-size: 1em;">
<strong>Active Agents:</strong><br>
<a href="https://dina-agi-604785804458.us-central1.run.app/api/agents" target="_blank" style="color: #4299e1;">/api/agents</a>
</div>
<div class="command-box" style="font-size: 1em;">
<strong>GitHub Builds:</strong><br>
<a href="https://github.com/superbigroach/AgenticsFoundationWebApp/tree/main/agent_builds" target="_blank" style="color: #4299e1;">agent_builds/</a>
</div>
</div>
</div>
<footer class="footer">
<p>🧠 <strong>DINA AGI</strong> - Democratizing Artificial General Intelligence</p>
<p>
<a href="https://github.com/superbigroach/AgenticsFoundationWebApp" target="_blank">GitHub Repository</a>
<a href="https://www.npmjs.com/package/dina-agi" target="_blank">NPM Package</a>
<a href="https://dina-agi-604785804458.us-central1.run.app" target="_blank">Live Demo</a>
</p>
<p style="margin-top: 20px; opacity: 0.8;">
Built with ❤️ by the DINA AGI collective - where every user contributes to the evolution of artificial general intelligence.
</p>
</footer>
</div>
<script>
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(() => {
const btn = event.target;
const originalText = btn.textContent;
btn.textContent = 'Copied!';
btn.style.background = '#28a745';
setTimeout(() => {
btn.textContent = originalText;
btn.style.background = '#667eea';
}, 2000);
}).catch(err => {
console.error('Failed to copy: ', err);
});
}
// Add some interactivity
document.addEventListener('DOMContentLoaded', function() {
// Animate status badges
const badges = document.querySelectorAll('.status-badge');
badges.forEach((badge, index) => {
badge.style.animationDelay = `${index * 0.5}s`;
});
// Add typing effect to the main heading
const heading = document.querySelector('.header h1');
const text = heading.textContent;
heading.textContent = '';
let i = 0;
function typeWriter() {
if (i < text.length) {
heading.textContent += text.charAt(i);
i++;
setTimeout(typeWriter, 100);
}
}
setTimeout(typeWriter, 500);
});
</script>
</body>
</html>