-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (66 loc) · 4.35 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Alexandria</title>
<meta charset="UTF-8">
<!--This shows up as link description during google search-->
<meta name="description" content="A simple and beautiful web visualization application for academic researchers">
<!--keywords for SEO, shows up in google search-->
<meta name="keywords" content="CrossRef API, Data Visualization, Academic Research Visualization, Bibliometric Visualization, CrossRef REST API">
<!-- Set website icon -->
<link rel="icon" type="image/icon" href="favicon.ico">
<!-- Make sure this looks right on mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/Stylesheet.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="index.js"></script>
</head>
<body>
<header>
<p>
Alexandria
</p>
</header>
<div id=section>
<h6 style="text-align: center; margin-bottom: 5%;">
Alexandria is a web-scraper for the CrossRef Scientific Publishing Bibliometric database that visualizes research and publication trends over time. We use the CrossRef REST API to scrape publication dates of requested topics and plot time-series of the publication count (or some other metric) over time. We hope Alexandria will become a valuable, open-source, tool for academic researchers to easily visualize trends in their fields via a simple UI interface with clear and presentable graphics.
</h6>
<form action="submit.php" method="post">
<div class="form-group">
<div class="row">
<div class="col">
<label for="firstname">First Name</label>
<input type="text" class="form-control" id="first" placeholder="Enter first name" name="first" required>
</div>
<div class="col">
<label for="lastname">Last Name</label>
<input type="text" class="form-control" id="last" placeholder="Enter last name" name="last" required>
</div>
</div>
</div>
<div class="form-group">
<label for="organization">Organization</label>
<input type="text" class="form-control" id="org" placeholder="Enter organization" name="org" required>
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" aria-describedby="emailinfo" placeholder="Enter email" name="email" required>
<small id="emailinfo" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="query">Query</label>
<textarea class="form-control" id="query" rows="3" placeholder="Ex: dogs, cats, birds" name=query required></textarea>
<small id="queryinfo" class="form-text text-muted">Separate query topics by comma.</small>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</body>
</html>