Bhaasha / index.html
Savyasaachin's picture
Thank you so much! Final request. Please change the name from BabbleBoss to Bhaasha - AI Translator
b96d6c8 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bhaasha - AI Translator</title>
<link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>πŸ§™β€β™‚οΈ</text></svg>">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<link rel="stylesheet" href="style.css">
</head>
<body class="bg-[#fffdf9] text-[#7c5836] font-sans antialiased min-h-screen flex flex-col">
<!-- Main Container -->
<main class="flex-grow w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
<!-- App Header / Top Bar -->
<top-bar class="w-full"></top-bar>
<!-- Main Workspace -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- Input & Output Panes -->
<translator-workspace id="workspace-component" class="lg:col-span-2"></translator-workspace>
</div>
<!-- Document Translation Section -->
<doc-uploader id="doc-uploader-component" class="w-full"></doc-uploader>
</main>
<!-- Toast Container -->
<div id="toast-container" class="fixed bottom-5 right-5 z-50 flex flex-col gap-2"></div>
<!-- Scripts -->
<script src="script.js"></script>
<script src="components/top-bar.js"></script>
<script src="components/translator-workspace.js"></script>
<script src="components/doc-uploader.js"></script>
<script>
// Initialize Feather Icons globally for non-shadow elements
feather.replace();
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>