Skip to content

Commit fee7239

Browse files
razan12ahmad12-botrazan12ahmad12-bot
authored
Update and rename docs/README.md to index.html
1 parent 02f4d6e commit fee7239

2 files changed

Lines changed: 133 additions & 82 deletions

File tree

โ€Ždocs/README.mdโ€Ž

Lines changed: 0 additions & 82 deletions
This file was deleted.

โ€Žindex.htmlโ€Ž

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Voxa AI</title>
6+
7+
<style>
8+
body {
9+
margin: 0;
10+
font-family: 'Arial';
11+
background: linear-gradient(to right, #6a11cb, #ffb6c1);
12+
color: white;
13+
}
14+
15+
.container {
16+
max-width: 400px;
17+
margin: 50px auto;
18+
background: rgba(255,255,255,0.1);
19+
border-radius: 20px;
20+
padding: 20px;
21+
backdrop-filter: blur(10px);
22+
}
23+
24+
h1 {
25+
text-align: center;
26+
margin-bottom: 20px;
27+
}
28+
29+
.chat-box {
30+
height: 300px;
31+
overflow-y: auto;
32+
background: rgba(0,0,0,0.2);
33+
border-radius: 15px;
34+
padding: 10px;
35+
}
36+
37+
.message {
38+
margin: 10px 0;
39+
padding: 10px;
40+
border-radius: 10px;
41+
max-width: 80%;
42+
}
43+
44+
.user {
45+
background: #ffb6c1;
46+
align-self: flex-end;
47+
text-align: right;
48+
}
49+
50+
.bot {
51+
background: #6a11cb;
52+
text-align: left;
53+
}
54+
55+
.input-area {
56+
display: flex;
57+
margin-top: 10px;
58+
}
59+
60+
input {
61+
flex: 1;
62+
padding: 10px;
63+
border-radius: 10px;
64+
border: none;
65+
}
66+
67+
button {
68+
padding: 10px;
69+
margin-left: 5px;
70+
border: none;
71+
border-radius: 10px;
72+
background: #fff;
73+
color: #6a11cb;
74+
font-weight: bold;
75+
cursor: pointer;
76+
}
77+
</style>
78+
</head>
79+
80+
<body>
81+
82+
<div class="container">
83+
<h1>๐Ÿ’ฌ Voxa AI</h1>
84+
85+
<div class="chat-box" id="chatBox"></div>
86+
87+
<div class="input-area">
88+
<input type="text" id="userInput" placeholder="ุงูƒุชุจูŠ ุฌู…ู„ุฉ ุจุงู„ุฅู†ุฌู„ูŠุฒูŠ...">
89+
<button onclick="sendMessage()">ุฅุฑุณุงู„</button>
90+
</div>
91+
</div>
92+
93+
<script>
94+
function sendMessage() {
95+
let input = document.getElementById("userInput");
96+
let message = input.value;
97+
98+
if (message.trim() === "") return;
99+
100+
addMessage(message, "user");
101+
102+
let reply = generateReply(message);
103+
setTimeout(() => addMessage(reply, "bot"), 500);
104+
105+
input.value = "";
106+
}
107+
108+
function addMessage(text, type) {
109+
let chatBox = document.getElementById("chatBox");
110+
let msg = document.createElement("div");
111+
msg.classList.add("message", type);
112+
msg.innerText = text;
113+
chatBox.appendChild(msg);
114+
chatBox.scrollTop = chatBox.scrollHeight;
115+
}
116+
117+
function generateReply(msg) {
118+
msg = msg.toLowerCase();
119+
120+
if (msg.includes("hello")) {
121+
return "Hi! ๐Ÿ˜Š How can I help you?";
122+
} else if (msg.includes("how are you")) {
123+
return "I'm great! ๐Ÿ’– What about you?";
124+
} else if (msg.includes("thanks")) {
125+
return "You're welcome! ๐ŸŒธ";
126+
} else {
127+
return "Good sentence! ๐Ÿ‘ Keep practicing ๐Ÿ’•";
128+
}
129+
}
130+
</script>
131+
132+
</body>
133+
</html>

0 commit comments

Comments
ย (0)