🔮 Initial commit: sibilla — self-hosted Perplexity-like AI search engine

templates/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="it">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sibilla — L'Oracolo AI</title>
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>🔮 Sibilla</h1>
+            <p class="subtitle">L'oracolo AI che cerca nel web e risponde alle tue domande</p>
+        </header>
+
+        <main>
+            <form id="search-form" class="search-box">
+                <textarea
+                    id="query"
+                    name="query"
+                    placeholder="Chiedi qualsiasi cosa a Sibilla..."
+                    rows="3"
+                    autofocus
+                ></textarea>
+                <button type="submit" id="submit-btn">
+                    <span>Interroga l'Oracolo</span>
+                </button>
+            </form>
+
+            <div id="response-area" class="response-area" style="display: none;">
+                <div id="loading" class="loading" style="display: none;">
+                    <span class="spinner"></span>
+                    <p>Sibilla sta consultando le fonti...</p>
+                </div>
+                <div id="answer" class="answer"></div>
+                <div id="sources" class="sources"></div>
+            </div>
+        </main>
+
+        <footer>
+            <p>Sibilla v0.1.0 — Self-hosted AI Search</p>
+        </footer>
+    </div>
+
+    <script src="/static/app.js"></script>
+</body>
+</html>