anycoder-d8c7f882 / index.html
akhaliq's picture
akhaliq HF Staff
Upload index.html with huggingface_hub
923210f verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Chat Assistant</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header class="header">
<div class="header-content">
<h1 class="title">AI Chat Assistant</h1>
<p class="subtitle">Powered by Gemma 3 270M</p>
</div>
<a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="built-with">
Built with anycoder
</a>
</header>
<div class="chat-container">
<div id="messages" class="messages-container">
<div class="welcome-message">
<div class="welcome-icon">💬</div>
<h2>Welcome to AI Chat</h2>
<p>Start a conversation with our AI assistant. Ask questions, get creative, or just chat!</p>
</div>
</div>
<div class="input-container">
<div class="input-wrapper">
<textarea
id="userInput"
placeholder="Type your message..."
rows="1"
disabled
></textarea>
<button id="sendBtn" class="send-btn" disabled>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M22 2L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 2L15 22L11 13L2 9L22 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div id="status" class="status">Initializing AI model...</div>
</div>
</div>
</div>
<div id="loadingOverlay" class="loading-overlay">
<div class="loading-content">
<div class="loading-spinner"></div>
<h3>Loading AI Model</h3>
<p id="loadingText">Preparing your assistant...</p>
<div class="progress-bar">
<div id="progressFill" class="progress-fill"></div>
</div>
<p id="progressText" class="progress-text">0%</p>
</div>
</div>
<script type="module" src="index.js"></script>
</body>
</html>