emmanuel.rizky
2991cf0685
This commit removes the chat page feature, including its HTML, JavaScript, and CSS files. The color palette documentation has also been updated. The chat page was deemed unnecessary for the current scope of the project.
63 lines
1.8 KiB
HTML
63 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Halaman Chat</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<!-- Tambahkan link Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
|
</head>
|
|
<body>
|
|
<div class="chat-container">
|
|
<!-- Floating circles background -->
|
|
<ul class="floating-circles">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
|
|
<!-- Header dengan avatar dan nama pengguna -->
|
|
<header class="chat-header">
|
|
<div class="user-info">
|
|
<div class="avatar">M</div>
|
|
<div class="user-details">
|
|
<h2>Maya</h2>
|
|
<span class="user-role">Virtual Assistant - Demo</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Area chat utama -->
|
|
<div class="chat-area">
|
|
</div>
|
|
|
|
<!-- Input area with WhatsApp-like design -->
|
|
<div class="input-area">
|
|
<div class="input-wrapper">
|
|
<input type="text" class="message-input" placeholder="Ketik pesan...">
|
|
<div class="attachment-icons">
|
|
<!-- Hanya ikon kamera yang tersisa -->
|
|
<button class="icon-btn attachment-btn">
|
|
<i class="bi bi-camera"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="send-btn">
|
|
<i class="bi bi-arrow-right-circle"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|