forked from controversial/wikipedia-map
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (119 loc) · 5.58 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>
<!-- iOS optimization -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- SEO -->
<meta charset="UTF-8">
<meta name="description" content="Wikipedia Map is a tool for visualizing topics by exploring the connections between Wikipedia pages.">
<meta name="keywords" content="Wikipedia,Python,Javascript,HTML,CSS,Concepts,Information,Exploration,Visualization,Data,API,Web Scraping">
<meta name="author" content="Luke Deen Taylor">
<!-- Page title -->
<title>Wikipedia Map</title>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-72586531-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Load 3rd party CSS -->
<!-- Load CSS for vis.js -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
<!-- Load CSS for shepherd.js -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/shepherd/1.7.0/css/shepherd-theme-arrows.css" type="text/css" />
<!-- Load ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" type="text/css" />
<!-- Load my CSS -->
<!-- Load main CSS -->
<link rel="stylesheet" href="./css/style.css" type="text/css"/>
<!-- Load CSS for top bar -->
<link rel="stylesheet" href="./css/bar.css" type="text/css"/>
<!-- Load CSS for bottom right buttons -->
<link rel="stylesheet" href="./css/buttongroup.css" type="text/css"/>
<!-- Load css for the custom Shepherd styles -->
<link rel="stylesheet" href="./css/shepherd-custom.css" type="text/css"/>
<!-- Load css for comma input field -->
<link rel="stylesheet" href="./css/commafield.css" type="text/css"/>
<!-- Load css for welcome info box -->
<link rel="stylesheet" href="./css/welcome.css" type="text/css"/>
<!-- Load css for modals -->
<link rel="stylesheet" href="./css/modals.css" type="text/css"/>
<!-- Load css for progress bars -->
<link rel="stylesheet" href="./css/progress.css" type="text/css"/>
</head>
<body>
<!-- The top bar -->
<div id="formbox" class="transparent-blur">
<button id="random" type=button title="Random article">
<i class="icon ion-shuffle"></i>
</button>
<button id="submit" type="button" title="Enter the name of a wikipedia page, then press 'Go'">
Go
</button>
<div id="input" class="commafield" data-placeholder="Wikipedia"> </div>
</div>
<!-- The buttons (about, github, etc) -->
<div id="buttons" class="button-container transparent-blur">
<button id="share" type="button" title="Share your graph">
<i class="icon ion-android-share"></i>
</button>
<button id="github" type="button" title="Visit Wikipedia Map on GitHub">
<i class="icon ion-social-github"></i>
</button>
<button id="about" type="button" title="Get help">
<i class="icon ion-help-circled"></i>
</button>
</div>
<!-- Will hold the network -->
<div id="container" class="fullscreen">
<!-- Welcome message -->
<div id="info">
<h1>Wikipedia Map</h1>
<p>A tool for visualizing the connections between Wikipedia pages by Luke Taylor</p>
<button id="tourinit" class="shepbtn">Take the tour</button>
</div>
</div>
<!-- 3rd Party -->
<!-- Load vis.js (just Network) -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
<!-- Load clipboard.js -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js"> </script>
<!-- Load Shepherd and Tether for the tour -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.3/js/tether.min.js"> </script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shepherd/1.7.0/js/shepherd.min.js"> </script>
<!-- My Stuff -->
<!-- Load Wikipedia API functions -->
<script type="text/javascript" src="./js/wikipedia_parse.js"></script>
<!-- Load API functions -->
<script type="text/javascript" src="./js/api.js"> </script>
<!-- Load helper functions -->
<script type="text/javascript" src="./js/helpers.js"> </script>
<!-- Load main functions -->
<script type="text/javascript" src="./js/main_functions.js"> </script>
<!-- Load code for all the user-facing tutorial+information stuff -->
<script type="text/javascript" src="./js/help.js"> </script>
<!-- Load the main script -->
<script type="text/javascript" src="./js/main.js"> </script>
<!-- Load serialization functions -->
<script type="text/javascript" src="./js/network_serialize.js"> </script>
<!-- Load bindings -->
<script type="text/javascript" src="./js/bindings.js"> </script>
<!-- Transform comma field -->
<script type="text/javascript" src="./js/commafield.js"> </script>
<!-- Load a saved graph if one was linked in the URL -->
<script type="text/javascript" src="./js/loadsaved.js"> </script>
<!-- Load micro-libraries for modals and progress bars -->
<script type="text/javascript" src="./js/modals.js"> </script>
<script type="text/javascript" src="./js/progress.js"> </script>
<script>
// Run events that need to happen on initialization.
window.onload = function () {
bind();
loadSaved();
};
</script>
</body>
</html>