Spaces:
Runtime error
Runtime error
nurindahpratiwi
commited on
Commit
•
78ac6e2
1
Parent(s):
c641da7
first commit
Browse files- htmltemp.py +44 -0
htmltemp.py
ADDED
@@ -0,0 +1,44 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
css='''
|
2 |
+
<style>
|
3 |
+
.chat-message{
|
4 |
+
padding: 1.5rem; border-radius: 0.5rem; margin-bottom: 1rem; display: flex
|
5 |
+
}
|
6 |
+
.chat-message.user{
|
7 |
+
background-color: #2b313e
|
8 |
+
}
|
9 |
+
.chat-message.bot{
|
10 |
+
background-color: #475063
|
11 |
+
}
|
12 |
+
.chat-message .avatar{
|
13 |
+
width: 20%
|
14 |
+
}
|
15 |
+
.chat-message .avatar img{
|
16 |
+
max-width: 78px;
|
17 |
+
max-height:78px;
|
18 |
+
border-radius: 50%;
|
19 |
+
object-fit: cover
|
20 |
+
}
|
21 |
+
.chat-message .message{
|
22 |
+
width: 80%;
|
23 |
+
padding:0 1.5rem;
|
24 |
+
color:#fff
|
25 |
+
}
|
26 |
+
'''
|
27 |
+
|
28 |
+
bot_template ='''
|
29 |
+
<div class="chat-message bot">
|
30 |
+
<div class="avatar">
|
31 |
+
<img src="https://i.ibb.co/1shjLH8/chat-bot.jpg">
|
32 |
+
</div>
|
33 |
+
<div class="message">{{MSG}}</div>
|
34 |
+
</div>
|
35 |
+
'''
|
36 |
+
|
37 |
+
user_template='''
|
38 |
+
<div class="chat-message user">
|
39 |
+
<div class="avatar">
|
40 |
+
<img src="https://i.ibb.co/D8gZPkX/f1624829-f27e-4d21-b691-43cff60c0539.jpg">
|
41 |
+
</div>
|
42 |
+
<div class="message">{{MSG}}</div>
|
43 |
+
</div>
|
44 |
+
'''
|