-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (106 loc) · 3.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- image at the top -->
<link
rel="shortcut icon"
href="https://cdn.glitch.com/51e8c4e0-12e8-4b22-bce0-98f935e17a7e%2Fmagnify.png?v=1597518603732"
type="image/x-icon"
/>
<title>Rundown</title>
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- import the webpage's javascript file -->
</head>
<body>
<div class="container">
<div class="image">
<img
src="https://cdn.glitch.com/51e8c4e0-12e8-4b22-bce0-98f935e17a7e%2F117946487_963439460786638_580511542182637634_n.png?v=1597518674153"
width="600"
height="300"
alt="Logo"
/>
</div>
<form id="form">
<input type="text" id="textField" name="textField" placeholder="Give me the rundown!" required/>
</form>
</div>
<!-- help button -->
<button class="helpButton" id="helpButton">?</button>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<h1>
Welcome to Rundown ~ Fast + Simple
</h1>
<h3>
What is Rundown?
</h3>
<p>
A web application that finds related research topics to begin exploring based on frequently cited academic articles.
<h3>
Is this data reliable?
</h3>
Yes! By searching for a keyword, our website retrieves data from the website through an API to find the most relevant article according to
Google Scholar (what we call the “root article”), finds articles which cite or are cited by the article at hand, and distills the articles into
the most frequently appearing keywords to best tailor to your search.
<h3>
What differentiates our site with others?
</h3>
Our solution provides individuals with the ability to find topics they should do more reading about to find more context on what they would like to investigate,
as well as suggest reading to bolster their understanding of the root article, and suggest further reading for further investigation.
<h3>
How do I use it?
</h3>
<ul>
<li> Type a minimum of 3 words</li>
<li> Press enter</li>
<li> A list of articles will be shown and you can click each link to learn more</li>
</ul>
<h3>
More Questions?
</h3>
Contact us via <a href="mailto:[email protected]">Email</a>
</p>
</div>
</div>
<!-- put the stuff here -->
<div class="list" id="listTable" style="display:none">
<table id="table">
<thead>
<tr>
<th>Key Words</th>
<th>Articles From the Main Article Cited</th>
<th>Articles that Cited the Main Article</th>
</tr>
</thead>
<tbody id="tableBody">
</tbody>
<!-- <tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr> -->
</table>
</div>
<div id="keywords">
</div>
<script src="/script.js" defer></script>
</body>
</html>