-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathindex.html
85 lines (73 loc) · 4.81 KB
/
index.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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>
MIT-WPU Chatbot: WorqHat
</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="https://cdn.tailwindcss.com"></script>
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- Content -->
<div class="h-screen flex flex-col pb-6">
<div class="h-full flex flex-col justify-center">
<div class="-mt-20 max-w-4xl w-full text-center mx-auto px-4 sm:px-6 lg:px-8">
<img src="https://worqhat.com/resources/WorqHat%20TM%20Logo.png" alt="WorqHat Logo" class="mx-auto h-24 w-auto mb-12">
<h1 class="text-3xl font-bold text-gray-800 sm:text-4xl">
Welcome to MIT-WPU Chatbot
</h1>
<p class="mt-3 text-gray-600">
Your AI-powered copilot for the web
</p>
</div>
<!-- Search -->
<div class="mt-10 max-w-2xl w-full mx-auto px-4 sm:px-6 lg:px-8">
<div class="relative">
<input type="text" class="p-4 block w-full border border-gray-400 rounded-full text-sm focus:border-blue-500 focus:ring-blue-500" placeholder="Ask me anything...">
<div class="absolute top-1/2 right-2 -translate-y-1/2">
<button type="button" class="inline-flex flex-shrink-0 justify-center items-center h-10 w-10 rounded-full text-gray-500 hover:text-gray-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-gray-400 transition-all">
<svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2z" />
<path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
</svg>
</button>
<button type="button" class="inline-flex flex-shrink-0 justify-center items-center h-10 w-10 bg-gray-100 rounded-full text-gray-500 hover:text-gray-800 focus:z-10 focus:outline-none focus:ring-2 focus:ring-gray-400 transition-all">
<svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" />
<path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z" />
</svg>
</button>
<button type="button" class="inline-flex flex-shrink-0 justify-center items-center h-10 w-10 bg-blue-400 rounded-full text-black hover:text-gray-500 focus:z-10 focus:outline-none focus:ring-2 focus:ring-gray-400 transition-all">
<svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" />
</svg>
</button>
</div>
</div>
</div>
<!-- End Search -->
<div class="max-w-5xl mx-8 p-4 rounded-xl border border-2 border-gray-200 mt-10" id="answerBody">
</div>
</div>
<footer class="mt-auto max-w-4xl text-center mx-auto px-4 sm:px-6 lg:px-8">
<p class="text-xs text-gray-600">© 2023 MITWPU Chatbot. A product of <a class="text-slate-900 decoration-2 hover:underline font-semibold" href="https://worqhat.com/" target="_blank">WorqHat</a>.</p>
</footer>
</div>
<!-- End Content -->
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>