-
Notifications
You must be signed in to change notification settings - Fork 0
/
chat.html
54 lines (50 loc) · 2.37 KB
/
chat.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chat Bot</title>
<meta charset="utf-8"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta http-equiv="Pragma" content="no-cache"/>
<link rel="shortcut icon" href="img/bird.ico"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/clock.css">
<script src='https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js'></script>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<div id="chat_container">
<table style="width:100%">
<tr>
<th style="background-color:#111112;"><div style="align:center; text-align:center"><img src="img/banner_image.png" alt="banner" height="90px"></div></th>
</tr>
</table>
<div id="chat_log">
</div>
<div id="chat_input_container">
<div id="chatter" class="autocomplete" style="width:89%">
<input id="chat_input" onKeyPress="javascript:check" placeholder="Ask me anything, don't be shy..."/>
</div>
<!--<button id="button" onclick="myFunction()">Speak</button>-->
<button id="button" onclick="Speak_now()">Speak</button>
</div>
</div>
<div id="loading"></div>
<script src="javascript/3script.js"></script>
<!-- automatically detect screen height and adjust appropriately -->
<script>
var elmnt = document.getElementById("chat_container");
if (elmnt.offsetHeight == 0){ var h_height = 904;}
else {var h_height = elmnt.offsetHeight;}
var con_height = h_height - 168;
document.getElementById("chat_log").style.height = `${con_height}px`;
elmnt.style.height = `${con_height+168}px`;
if (navigator.platform != "Win32"){
document.getElementById("chatter").style.width = "80%";
}
</script>
</body>
</html>