-
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
105 lines (96 loc) · 4.87 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
<!DOCTYPE html>
<html>
<head>
<title>Wikipedia Live Monitor</title>
<link rel="shortcut icon" href="wikipedia.ico">
<link rel="stylesheet" href="main.css" />
</head>
<body>
<iframe id="followWidget1" allowtransparency="true" frameborder="0" scrolling="no"
src="//platform.twitter.com/widgets/follow_button.html?screen_name=WikiLiveMon&show_count=false&lang=en&show_screen_name=true&dnt=true"
style="width:300px; height:20px;"></iframe>
<iframe id="followWidget2" allowtransparency="true" frameborder="0" scrolling="no"
src="//platform.twitter.com/widgets/follow_button.html?screen_name=mediagalleries&show_count=false&lang=en&show_screen_name=true&dnt=true"
style="width:300px; height:20px;"></iframe>
<a class="about" target="_blank" href="http://arxiv.org/abs/1303.4702">Read the paper</a>
<a id="settings-link" class="settings"><b>⚙</b> Settings</a>
<h1>Wikipedia Live Monitor</h1>
<div id="settings-container" class="settings-container">
<a id="settings-close-link" class="settings"><b style="color:green;">✓</b> Save and Close</a>
<h2>Settings</h2>
<div class="settings">
<input id="breakingNewsThreshold" type="range" min="1" max="10" step="1" />
<span class="value" id="breakingNewsThresholdValue"></span>
<label for="breakingNewsThreshold">Breaking News Threshold</label>
<br/>
<small class="hint">An article cluster must have at least <i>n</i> edits before it is
considered a breaking news candidate.</small>
</div>
<div class="settings">
<input id="secondsBetweenEdits" type="range" min="10" max="300" step="10" />
<span class="value" id="secondsBetweenEditsValue"></span>
<label for="secondsBetweenEdits">Seconds Between Edits</label>
<br/>
<small class="hint">An article cluster may have at max <i>n</i> seconds in between
edits in order to be regarded a breaking news candidate.</small>
</div>
<div class="settings">
<input id="numberOfConcurrentEditors" type="range" min="1" max="5" step="1" />
<span class="value" id="numberOfConcurrentEditorsValue"></span>
<label for="numberOfConcurrentEditors">Number of Concurrent Editors</label>
<br/>
<small class="hint">An article cluster must be edited by at least <i>n</i> concurrent
editors before it is considered a breaking news candidate.</small>
</div>
<div class="settings">
<input id="secondsSinceLastEdit" type="range" min="10" max="480" step="10" />
<span class="value" id="secondsSinceLastEditValue"></span>
<label for="secondsSinceLastEdit">Seconds Since Last Edit</label>
<br/>
<small class="hint">An article cluster is thrown out of the monitoring loop if its last
edit is longer ago than <i>n</i> seconds.</small>
</div>
<div>
<button id="reset">Reset</button>
</div>
</div>
<table style="width:100%;">
<tr>
<td style="width:50%; vertical-align:top;">
<h2>Articles Edited Right Now:</h2>
<div id="firstTimeSeen"></div>
</td>
<td style="width:50%; vertical-align:top;">
<h2>Merging Right Now:</h2>
<div id="merging"><li style="height:3em;" class="none-yet article-cluster">None yet.<br/><b>Monitoring…</b></li></div>
</td>
</tr>
</table>
<h2>Article Clusters Repeatedly Edited In Short Intervals:</h2>
<div id="nTimesSeen"><li class="none-yet article-cluster">None yet.<br/><b>Monitoring…</b></li></div>
<h2>Breaking News Candidate Article Clusters Right Now:</h2>
<div id="breakingNewsCandidates"><li class="none-yet article-cluster">None yet.<br/><b>Monitoring…</b></li></div>
<div class="changes" id="changes"><a id="changes-close-link" class="settings"><b style="color:red;">✗</b> Close</a><div></div></div>
<hr size="1"/>
<small>
<div>
<strong>Article clusters in the monitoring loop:</strong>
<span id="stats"></span>
<strong>Articles edited per second:</strong>
<span id="editsPerSecond"></span>
</div>
<div>
Proudly developed in Europe by <strong>Thomas Steiner</strong>
(<a href="mailto:tomac@google.com">tomac@google.com</a>)
<br/>
<strong>It's open source</strong> and
<a href="http://www.apache.org/licenses/LICENSE-2.0">Apache 2.0</a> licensed
(<a href="https://github.com/tomayac/wikipedia-live-monitor">Fork this project on GitHub</a>)
</div>
</small>
<script type="application/javascript" src="./socket.io/socket.io.js"></script>
<script type="application/javascript" src="humane.js"></script>
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="application/javascript" src="main.js"></script>
</body>
</html>