-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (109 loc) · 3.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Wikipedia Yearly References</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<style>
.table-container {
overflow-x: auto;
max-width: 100%;
}
</style>
</head>
<body>
<div class="container my-4">
<h1 class="mb-4">
Wikipedia References by Year
<span
style="
font-size: small;
vertical-align: super;
border: 1px solid red;
border-radius: 10px;
padding: 0 4px;
color: red;
"
>alpha version</span
>
</h1>
<p>
This tool fetches the yearly revisions for a Wikipedia page. To use it,
simply enter the Wikipedia page URL, select the start year using the
slider, and click the "Get Revisions" button. Please note that you need
to refresh the page before each search.
</p>
<p>
Inspired by the great work by Calibro Studio for the project
<a href="https://calib.ro/chemical-wiki/medical/" target="_blank"
>Chemical knowledge</a
>.
</p>
<div class="mb-3">
<label for="startYear" class="form-label">Start Year:</label>
<input
type="range"
class="form-range"
id="startYear"
name="startYear"
min="2001"
max="2024"
value="2024"
/>
<span id="yearDisplay" class="fw-bold">2024</span>
</div>
<div class="mb-3">
<input
type="text"
id="wikiPage"
class="form-control"
placeholder="Enter Wikipedia Page URL"
/>
</div>
<button class="btn btn-primary mb-4" id="fetchButton">
Get Revisions
</button>
<button class="btn btn-primary mb-4" id="downloadButton" disabled>
Download CSV
</button>
<div class="progress mb-4">
<div
id="progressBar"
class="progress-bar"
role="progressbar"
style="width: 0%"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
<div class="table-container">
<table class="table table-striped table-bordered" id="resultsTable">
<thead class="table-dark">
<tr>
<th>Date</th>
<th>ID</th>
<th>Title</th>
<th>URL</th>
<th>Root Domain</th>
<th>Count</th>
<th>Fulltext</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
<script src="assets/script.js"></script>
</body>
</html>