Spaces:
Running
Running
Upload index.html
Browse files- index.html +9 -7
index.html
CHANGED
|
@@ -6,6 +6,7 @@
|
|
| 6 |
<title>Muhafiz AI Chat</title>
|
| 7 |
<link rel="stylesheet" href="css/style.css">
|
| 8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
|
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<!-- Side Menu Overlay -->
|
|
@@ -53,13 +54,13 @@
|
|
| 53 |
<div class="chat-container">
|
| 54 |
<!-- Chat Header -->
|
| 55 |
<header class="chat-header">
|
| 56 |
-
<button class="menu-btn"><i class="fas fa-bars"></i></button>
|
| 57 |
-
<h1>
|
| 58 |
<div class="header-actions">
|
| 59 |
<button class="theme-toggle-btn" id="themeToggleBtn" title="Toggle theme">
|
| 60 |
<i class="fas fa-moon"></i>
|
| 61 |
</button>
|
| 62 |
-
<button class="new-chat-btn" id="new-chat-btn"><i class="fas fa-plus"></i></button>
|
| 63 |
</div>
|
| 64 |
</header>
|
| 65 |
|
|
@@ -68,19 +69,20 @@
|
|
| 68 |
<div class="welcome-message">
|
| 69 |
<img src="images/welcome-logo.png" alt="Muhafiz AI Logo" class="welcome-logo">
|
| 70 |
<h2>Hi, I'm Muhafiz AI.</h2>
|
| 71 |
-
<p>
|
|
|
|
| 72 |
</div>
|
| 73 |
</main>
|
| 74 |
|
| 75 |
<!-- Chat Input -->
|
| 76 |
<footer class="chat-input">
|
| 77 |
<div class="input-container">
|
| 78 |
-
<input type="text" id="message-input" placeholder="Message Muhafiz AI">
|
| 79 |
<div class="input-actions">
|
| 80 |
<button class="more-btn" title="More options">
|
| 81 |
-
<i class="fas fa-
|
| 82 |
</button>
|
| 83 |
-
<button class="send-btn" id="send-btn" title="Send message">
|
| 84 |
<i class="fas fa-arrow-up"></i>
|
| 85 |
</button>
|
| 86 |
</div>
|
|
|
|
| 6 |
<title>Muhafiz AI Chat</title>
|
| 7 |
<link rel="stylesheet" href="css/style.css">
|
| 8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<meta name="description" content="Muhafiz AI - Your digital safety assistant by the Mohsin Kamil Foundation">
|
| 10 |
</head>
|
| 11 |
<body>
|
| 12 |
<!-- Side Menu Overlay -->
|
|
|
|
| 54 |
<div class="chat-container">
|
| 55 |
<!-- Chat Header -->
|
| 56 |
<header class="chat-header">
|
| 57 |
+
<button class="menu-btn" aria-label="Menu"><i class="fas fa-bars"></i></button>
|
| 58 |
+
<h1>Muhafiz AI</h1>
|
| 59 |
<div class="header-actions">
|
| 60 |
<button class="theme-toggle-btn" id="themeToggleBtn" title="Toggle theme">
|
| 61 |
<i class="fas fa-moon"></i>
|
| 62 |
</button>
|
| 63 |
+
<button class="new-chat-btn" id="new-chat-btn" title="New chat"><i class="fas fa-plus"></i></button>
|
| 64 |
</div>
|
| 65 |
</header>
|
| 66 |
|
|
|
|
| 69 |
<div class="welcome-message">
|
| 70 |
<img src="images/welcome-logo.png" alt="Muhafiz AI Logo" class="welcome-logo">
|
| 71 |
<h2>Hi, I'm Muhafiz AI.</h2>
|
| 72 |
+
<p>Your digital safety assistant dedicated to combating cyber threats and providing support.</p>
|
| 73 |
+
<div class="context-info">Ask me about cyber security, online protection, or digital safety concerns.</div>
|
| 74 |
</div>
|
| 75 |
</main>
|
| 76 |
|
| 77 |
<!-- Chat Input -->
|
| 78 |
<footer class="chat-input">
|
| 79 |
<div class="input-container">
|
| 80 |
+
<input type="text" id="message-input" placeholder="Message Muhafiz AI...">
|
| 81 |
<div class="input-actions">
|
| 82 |
<button class="more-btn" title="More options">
|
| 83 |
+
<i class="fas fa-paperclip"></i>
|
| 84 |
</button>
|
| 85 |
+
<button class="send-btn" id="send-btn" title="Send message" disabled>
|
| 86 |
<i class="fas fa-arrow-up"></i>
|
| 87 |
</button>
|
| 88 |
</div>
|