emmanuel.rizky/demo-mayagen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove chat page and update color palette

Browse Source 
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.
This commit is contained in:
emmanuel.rizky
2025-07-21 21:41:55 +07:00
parent 84c7cbd8ce
commit 2991cf0685
7 changed files with 1401 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
form-page/chat-page/index.html Normal file
View File

@@ -0,0 +1,62 @@
<!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>