Debate_Engine / public /index.html
Shokat's picture
Upload 10 files
fc851c4 verified
Raw
History Blame Contribute Delete
1.9 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Consensus & Debate Engine</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
</head>
<body>
<div class="glass-bg"></div>
<div class="container">
<header>
<h1><span class="gradient-text">Antigravity</span> Debate Engine</h1>
<p>Multi-Model Consensus & Synthesis Architecture</p>
</header>
<main>
<div class="controls glass-panel">
<input type="text" id="topicInput" placeholder="Enter a debate topic..." value="Why software testers should be terminated and replaced with AI">
<button id="startBtn">Commence Debate</button>
</div>
<div class="workspace">
<aside class="status-sidebar glass-panel">
<h3>Debate Status</h3>
<div id="globalStatus" class="pulse-text">Awaiting Topic...</div>
<ul id="modelStatusList">
<!-- Dynamically populated via JS -->
</ul>
</aside>
<section class="arena glass-panel" id="arena">
<div class="welcome-message text-center">
<h2>The Arena is Empty</h2>
<p>Initialize a debate to watch the AI advisors formulate arguments in real-time before the Lead Architect synthesizes the final verdict.</p>
</div>
</section>
</div>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="app.js"></script>
</body>
</html>