-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (133 loc) · 6.96 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>AI-GO-2-COLLEGE</title>
<link rel="icon"
type="image/png"
href="assets/favicon.png">
<header>
<div class = "top">
<h1>(A)IGO2COLLEGE</h1>
</div>
</header>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/d3/6.1.0/d3.min.js"></script>
<script src="/script.js" defer></script>
</head>
<body">
<main>
<div class="container-fluid">
<div class="row" style="height:40vh">
<div class="col-7">
<div class="row querybox mt-2 ml-1">
<div class="col-sm-3 col-md-3 col-lg-2 ml-3">
<button class="btn btn-info btn-circle btn-xl float-right sbutton" id="button">
<i class="fa fa-microphone" style="font-size:25px"></i>
</button>
</div>
<div class="col-sm-6 col-md-7 col-lg-7">
<div class="input-bar">
<div class="input-bar-item">
<form name="myForm" method="post" id="search-form">
<input class="form-control" id="myinput" name="input" placeholder="Type Here..." autocomplete="off" autofocus>
<button class="btn btn-info sub_button sbutton" type="button" id="myButt" onclick="handleInput()">
<i class="fa fa-angle-double-right" style="font-size:20px"></i>
</button>
</form>
</div>
</div>
<p id="message" hidden aria-hidden="true">
Your browser doesn't support Speech Recognition currently. Please try using chrome based browser :)
</p>
</div>
</div>
<div class="row chat_box mt-5" style="height:24vh">
<div class="col-3 mt-4" >
<img src="" alt="Avatar" class="avatar image-fluid float-right mt-4 mr-1" id="avatar">
</div>
<div class="col-8 speech-bubble mr-1 ml-1">
<div class="in-middle reply">
<p id="reply"></p>
</div>
</div>
</div>
</div>
<div class="col-4 history ml-2 styleName">
<h3>Previous queries</h3>
<ul class="no_bul" id="list"></ul>
</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="myModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">List of Universities Currently supported</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="uni_list" id="uni_list"></ul>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col mt-5">
<h3>Click to ask:</h3>
</div>
</div>
<div class="row mt-4">
<div class="col mt-2 ml-2">
<button type="button" onclick="RunSuggestion1()" id ="b1" class="btn btn-secondary sug-button float-right">What gpa do I need to get into Harvard University</button>
</div>
<div class = "col mt-2 float-left">
<button type="button" onclick="RunSuggestion2()" id ="b2" class="btn btn-primary sug-button text-center">What SAT score do I need to get into Stanford University</button>
</div>
<div class="col mt-2">
<button type="button" onclick="RunSuggestion3()" id ="b3" class="mr-1 btn btn-secondary sug-button float-left">Do I still need to take the SAT this year for USC</button>
</div>
</div>
<div class="row">
<div class = "col mt-2">
<button type="button" onclick="RunSuggestion4()" id ="b4" class="btn btn-primary sug-button float-right">How much does it cost to attend Boston University</button>
</div>
<div class="col mt-2">
<button type="button" onclick="RunSuggestion5()" id ="b5" class="btn btn-secondary sug-button text-center">What is the acceptance rate for Swiss Federal Institute of Technology Zurich</button>
</div>
<div class = "col mt-2">
<button type="button" onclick="RunSuggestion6()" id ="b6" class="btn btn-primary sug-button float-left">Where is King Abdulaziz University located</button>
</div>
</div>
<div class="row">
<div class="col mt-2">
<button type="button" onclick="RunSuggestion7()" id ="b7" class="btn btn-secondary sug-button float-right">When are college applications due for UCLA</button>
</div>
<div class = "col mt-2">
<button type="button" onclick="RunSuggestion8()" id ="b8" class="btn btn-primary sug-button text-center">Am I required to take the sat for Karolinska Institute this year</button>
</div>
<div class="col mt-2">
<button type="button" onclick="RunSuggestion9()" id ="b9" class="btn btn-secondary sug-button float-left">How high is UIUC ranked?</button>
</div>
</div>
</main>
<footer>
<button type="button" class="btn btn-info float-right" onclick="ListUniversities()" data-toggle="modal" data-target="#myModal">See list of Universities
</button>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>