forked from volpino/wikipedia-timeline
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
304 lines (296 loc) · 19.6 KB
/
Copy pathindex.html
File metadata and controls
304 lines (296 loc) · 19.6 KB
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Wiki Trip</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
<script src="http://openlayers.org/api/OpenLayers.js" type="text/javascript"></script>
<script src="lib/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<link href="css/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="lib/jquery.autocomplete.min.js"></script>
<script type="text/javascript" src="lib/jquery.history.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="lib/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="lib/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="lib/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="lib/jqplot.pointLabels.min.js"></script>
<script type="text/javascript" src="lib/jqplot.cursor.min.js"></script>
<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox/facebox.js" type="text/javascript"></script>
<script src="lib/jquery.cookies.js" type="text/javascript"></script>
<script src="lib/share.js" type="text/javascript"></script>
<script src="lib/jQuery.bubbletip-1.0.6.js" type="text/javascript"></script>
<link href="lib/bubbletip/bubbletip.css" rel="stylesheet" type="text/css" />
<script src="lib/jquery.loadingdotdotdot.js" type="text/javascript"></script>
<script src="lib/jquery.safeEnter.js" type="text/javascript"></script>
<script src="lib/wiki_langs.js" type="text/javascript"></script>
<script type="text/javascript" src="timeline.js"></script>
</head>
<body>
<div id="search_page">
<div id="sp_content">
<h1 id="page_title">Wiki Trip</h1>
<img style="width:15%; left:70%; top: 10%; position:fixed" src="images/1.png" alt="logo" />
<img style="width:15%; left:10%; top: 20%; position:fixed" src="images/2.png" alt="logo" />
<img style="width:15%; left:80%; top: 60%; position:fixed" src="images/3.png" alt="logo" />
<blockquote>
<span class="bqstart">“</span>
Have a trip in the history of a Wikipedia page
<span class="bqend">”</span>
</blockquote>
<select id="lang_select1" name="lang_select1">
<option value="en">English Wikipedia</option>
<option value="fr">French Wikipedia</option>
<option value="es">Spanish Wikipedia</option>
<option value="it">Italian Wikipedia</option>
<option value="de">German Wikipedia</option>
<option value="zh">Chinese Wikipedia</option>
<option value="ar">Arabic Wikipedia</option>
<option value="da">Danish Wikipedia</option>
<option value="nl">Dutch Wikipedia</option>
<option value="af">Afrikaans Wikipedia</option>
<option value="sq">Albanian Wikipedia</option>
<option value="be">Belarusian Wikipedia</option>
<option value="bg">Bulgarian Wikipedia</option>
<option value="ca">Catalan Wikipedia</option>
<option value="hr">Croatian Wikipedia</option>
<option value="cs">Czech Wikipedia</option>
<option value="et">Estonian Wikipedia</option>
<option value="tl">Filipino Wikipedia</option>
<option value="fi">Finnish Wikipedia</option>
<option value="gl">Galician Wikipedia</option>
<option value="el">Greek Wikipedia</option>
<option value="ht">Haitian Creole Wikipedia</option>
<option value="he">Hebrew Wikipedia</option>
<option value="hi">Hindi Wikipedia</option>
<option value="hu">Hungarian Wikipedia</option>
<option value="is">Icelandic Wikipedia</option>
<option value="id">Indonesian Wikipedia</option>
<option value="ga">Irish Wikipedia</option>
<option value="ja">Japanese Wikipedia</option>
<option value="ko">Korean Wikipedia</option>
<option value="lv">Latvian Wikipedia</option>
<option value="lt">Lithuanian Wikipedia</option>
<option value="mk">Macedonian Wikipedia</option>
<option value="ms">Malay Wikipedia</option>
<option value="mt">Maltese Wikipedia</option>
<option value="no">Norwegian Wikipedia</option>
<option value="fa">Persian Wikipedia</option>
<option value="pl">Polish Wikipedia</option>
<option value="pt">Portuguese Wikipedia</option>
<option value="ro">Romanian Wikipedia</option>
<option value="ru">Russian Wikipedia</option>
<option value="sr">Serbian Wikipedia</option>
<option value="sk">Slovak Wikipedia</option>
<option value="sl">Slovenian Wikipedia</option>
<option value="sw">Swahili Wikipedia</option>
<option value="sv">Swedish Wikipedia</option>
<option value="tl">Tagalog Wikipedia</option>
<option value="th">Thai Wikipedia</option>
<option value="tr">Turkish Wikipedia</option>
<option value="uk">Ukrainian Wikipedia</option>
<option value="vi">Vietnamese Wikipedia</option>
<option value="cy">Welsh Wikipedia</option>
<option value="yi">Yiddish Wikipedia</option>
</select>
<input type="text" name="search1" id="search1" />
<br/>
<input type="button" id="search1_btn" value="Search" onclick="startSearch();" />
<input type="button" value="Random article" onclick="randomSearch();" />
</div>
<div id="sp_footer">
<p>Developed by <a href="http://autistici.org/fox/">Federico "fox" Scrinzi</a> with contributions by <a href="http://www.gnuband.org">Paolo Massa</a> and <a href="http://de.straba.us/">Maurizio Napolitano</a> of <a href="http://sonet.fbk.eu">SoNet@FBK</a>. We love but are not affiliated with Wikipedia. WikiTrip content is released under <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike License</a>. <img alt="CC" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /> <a href="about.html" rel="facebox">Read more...</a></p>
</div>
</div>
<div id="loading">
<p id="dotdot"></p>
<p id="loading_page">
We are loading the page "<span id="article_name"></span>" from the <span id="lang"></span> Wikipedia.<br/><br/>
You will see geographical statistics for anonymous edits and gender distribution of registered users,<br/>
both information are visualized over time.
</p>
<img src="images/loading.gif" alt="loading" />
<p id="loading_tip"></p>
</div>
<div id="main_page">
<div id="header">
<a href="."><h1 id="title">Wiki Trip</h1><span id="tagline">Have a trip in the history of a Wikipedia page</span></a>
<div id="search_box">
<select id="lang_select" name="lang_select">
<option value="en">English Wikipedia</option>
<option value="fr">French Wikipedia</option>
<option value="es">Spanish Wikipedia</option>
<option value="it">Italian Wikipedia</option>
<option value="de">German Wikipedia</option>
<option value="zh">Chinese Wikipedia</option>
<option value="ar">Arabic Wikipedia</option>
<option value="da">Danish Wikipedia</option>
<option value="nl">Dutch Wikipedia</option>
<option value="af">Afrikaans Wikipedia</option>
<option value="sq">Albanian Wikipedia</option>
<option value="be">Belarusian Wikipedia</option>
<option value="bg">Bulgarian Wikipedia</option>
<option value="ca">Catalan Wikipedia</option>
<option value="hr">Croatian Wikipedia</option>
<option value="cs">Czech Wikipedia</option>
<option value="et">Estonian Wikipedia</option>
<option value="tl">Filipino Wikipedia</option>
<option value="fi">Finnish Wikipedia</option>
<option value="gl">Galician Wikipedia</option>
<option value="el">Greek Wikipedia</option>
<option value="ht">Haitian Creole Wikipedia</option>
<option value="he">Hebrew Wikipedia</option>
<option value="hi">Hindi Wikipedia</option>
<option value="hu">Hungarian Wikipedia</option>
<option value="is">Icelandic Wikipedia</option>
<option value="id">Indonesian Wikipedia</option>
<option value="ga">Irish Wikipedia</option>
<option value="ja">Japanese Wikipedia</option>
<option value="ko">Korean Wikipedia</option>
<option value="lv">Latvian Wikipedia</option>
<option value="lt">Lithuanian Wikipedia</option>
<option value="mk">Macedonian Wikipedia</option>
<option value="ms">Malay Wikipedia</option>
<option value="mt">Maltese Wikipedia</option>
<option value="no">Norwegian Wikipedia</option>
<option value="fa">Persian Wikipedia</option>
<option value="pl">Polish Wikipedia</option>
<option value="pt">Portuguese Wikipedia</option>
<option value="ro">Romanian Wikipedia</option>
<option value="ru">Russian Wikipedia</option>
<option value="sr">Serbian Wikipedia</option>
<option value="sk">Slovak Wikipedia</option>
<option value="sl">Slovenian Wikipedia</option>
<option value="sw">Swahili Wikipedia</option>
<option value="sv">Swedish Wikipedia</option>
<option value="tl">Tagalog Wikipedia</option>
<option value="th">Thai Wikipedia</option>
<option value="tr">Turkish Wikipedia</option>
<option value="uk">Ukrainian Wikipedia</option>
<option value="vi">Vietnamese Wikipedia</option>
<option value="cy">Welsh Wikipedia</option>
<option value="yi">Yiddish Wikipedia</option>
</select>
<input type="text" name="search" id="search" /><input type="button" id="search_btn" value="Search" onclick="startSearch();" /> <input type="button" id="random_btn" value="Random" onclick="randomSearch();" />
<div id="incremental_container">
<span id="incremental_span"><label for="incremental">Cumulative</label><input type="checkbox" checked="checked" name="incremental" value="Incremental" id="incremental" /></span>
<span id="compare_span"><label for="compare">Visit the same page in the </label><select id="compare"><option value=""></option></select></span>
</div>
</div>
</div>
<div id="plot"></div>
<div id="content">
<div id="slider_container">
<p id="more">
<a href="javascript:void(0)" onclick="getStats();">More stats</a>
</p>
<p id="help">
<a href="javascript:void(0)" onclick="getHelp();">Get help</a>
</p>
<p id="speed">Speed: <span id="curr_speed"></span></p>
<a id="fastbutton" class="button">Faster</a>
<a id="slowbutton" class="button">Slower</a>
<a id="playbutton" class="button">Pause / Play</a>
<p id="shortdesc">
Loading...
</p>
<div id="slider-id">
<div class="ui-slider-handle"></div>
</div>
</div>
<div id="stats">
<div id="countries_stats"></div>
<div id="gender_stats"></div>
</div>
<div id="map" class="smallmap"></div>
</div>
<div id="source">
<a id="source_link" href="#">Visit the source article on Wikipedia!</a>
<a id="manypedia_link" href="#">Compare this page on Manypedia!</a>
<a id="permalink" onclick="getPermalink();" href="javascript:void(0)">Get permalink of this page!</a>
</div>
<div id="footer">
<p>
Developed by <a href="http://autistici.org/fox/">Federico "fox" Scrinzi</a> with contributions by <a href="http://www.gnuband.org">Paolo Massa</a> and <a href="http://de.straba.us/">Maurizio Napolitano</a> of <a href="http://sonet.fbk.eu">SoNet@FBK</a>.
<a style="padding-left:10px;" href="about.html" rel="facebox">Read more...</a>
</p>
</div>
</div>
<div id="player">
<img id="play" src="images/play.png" width="100" height="100" alt="play" style="display:none;"/>
<img id="pause" src="images/pause.png" width="100" height="100" alt="pause" style="display:none;"/>
</div>
<div id="fast_slow">
<img id="faster" src="images/faster.png" width="100" height="100" alt="slower" style="display:none;"/>
<img id="slower" src="images/slower.png" width="100" height="100" alt="faster" style="display:none;"/>
</div>
<div id="tip_search_page" class="tip" style="height: 110px; font-size:13px;">
<p>Hey, looks like it's yout first time here!</p>
<p>Wiki Trip lets you visit the history of a Wikipedia</p>
<p>page and get to know some interesting stats.<br/></p>
<p>You can start searching a Wikipedia article</p>
<p>using this form. Enjoy!</p>
</div>
<div id="tip_main_page" class="tip">
<p>Wiki Trip lets you visit the history of a Wikipedia page</p>
<p>and get to know some interesting stats.<br/></p>
<p>You can use the slider to go back or forward in time, the</p>
<p>buttons on the left to play/pause or adjust the animation speed.</p>
<p>The map will show you where the anonymous edits came from.</p>
<p>If you want to go on and visit the history of another page</p>
<p>use the search form or click the "Random" button!</p>
</div>
<div id="tip_links" class="tip">
<p>
Here there are some links to the original Wikipedia article, <br/>
Manypedia <a href="http://www.gnuband.org/2011/07/04/manypedia_comparing_linguistic_points_of_view_lpov_of_different_language_wikipedias_/">(what's that?)</a>
or the permalink of this page <br/>at this specific date and settings.
</p>
</div>
<div id="plot_tip" class="tip">
<p>This plot shows two time series of edits of the page</p>
<p>One shows the edits by registered users while the other one</p>
<p>by anonymous users</p>
</div>
<div id="right_plot_tip" class="tip">
<p>Here you can know which countries anonymously</p>
<p>edited the page most or wether the registered</p>
<p>users that contributed are most females</p>
<p>or males</p>
</div>
<div id="help_tip" class="tip">
<p>Click here to get some help!</p>
</div>
<div style="display:none">
<p class="load_tip">If you uncheck the "Cumulative" box you'll get an instantaneous view of the data</p>
<p class="load_tip">The map shows only anonymous edits because it's not possible to trace registered users</p>
<p class="load_tip">The "Edits by country" chart shows data of anonymous edits because it's not possible to trace registered users</p>
<p class="load_tip">At the bottom of the page there are some useful links. You can see the source article or compare the page on Manypedia!</p>
<p class="load_tip">The permalink stores the state of the page at the date that you're viewing! So you can share interesting time slices with other people</p>
<p class="load_tip">You can share interesting queries with friends using the share bar at the bottom right of the page</p>
<p class="load_tip">This service is powered by Toolserver.org, there's a public API available if you want to integrate it in your application</p>
<p class="load_tip">If you don't know what to search just click the "Random" button!</p>
<p class="load_tip">The big red bubbles on the map gather a lot of edits. You can click on them to know how many edits there are in that area</p>
<p class="load_tip">On Wikipedia not all users specify their gender, the "Edits by Gender" chart shows data of users that decided to do it</p>
<p class="load_tip">If you are unsure about the title of an article the autocomplete function will help you!</p>
<p class="load_tip">Click on the "More stats" link, you'll get other interesting information!</p>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-56174-23']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>