-
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
91 lines (88 loc) · 3.91 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta charset="utf-8" />
<title>Primerpedia</title>
<meta name="description" content="A proof of concept for the Concise Wikipedia proposal" />
<meta name="viewport" content="width=device-width" />
<!-- Icon source: https://commons.wikimedia.org/wiki/Category:Wikipedia_favicons -->
<link rel="icon" type="image/png" href="img/favicon.png" />
<link href="https://tools-static.wmflabs.org/fontcdn/css?family=Squada+One" rel="stylesheet" />
<link href="primerpedia.css" rel="stylesheet" />
</head>
<body>
<div id="notification" class="information" style="display:none">
<a id="notification-content" title="click to dismiss">Successfully copied Shareable Link!</a>
</div>
<h1>
<a href="index.html">Primerpedia</a>
</h1>
<div id="controls">
<form onsubmit="search(); return false;">
<input type="text" id="language" list="languages" placeholder="en" pattern="en|sv|de|fr|nl|ru|it|es|pl|pt" title="Language code"/>
<datalist id="languages">
<option value="de">
<option value="en">
<option value="es">
<option value="fr">
<option value="it">
<option value="nl">
<option value="pl">
<option value="pt">
<option value="ru">
<option value="sv">
</datalist>
<input type="search" autocomplete="off" id="search-term" placeholder="Search term..." autofocus="" />
<input id="searchButton" type="submit" value="Search" disabled="disabled"/>
<input type="button" value="Load random" onclick="random();" />
</form>
</div>
<h2 id="article-title" style="display:none">
<a id="viewlink" href=""></a>
<div class="actionlink-container">
<a id="copysharelink" class="actionlink" title="Copy link for sharing">🔗</a>
<a id="editlink" class="actionlink" href="" title="Edit this page on Wikipedia">✎</a>
</div>
</h2>
<div id="content">
<p>
Primerpedia is a proof-of-concept demo for the
<b><a href="https://meta.wikimedia.org/wiki/Concise_Wikipedia">Concise Wikipedia</a></b> proposal.
It provides short summaries of Wikipedia articles,
for when you just need a quick overview at the topic.
</p>
<p>
For more information, check the
<a href="https://github.com/waldyrious/primerpedia#primerpedia">README</a> file.
</p>
</div>
<div id="footer">
<a href="https://creativecommons.org/licenses/by-sa/3.0/" style="display:none" id="license-icon"
title="Content licensed under the Creative Commons Attribution-ShareAlike license">
<!-- Icon source: https://creativecommons.org/about/downloads -->
<object data="img/cc.svg">
<img src="img/cc.png" alt="information icon" />
</object>
</a>
<a href="https://github.com/waldyrious/primerpedia" id="github-icon"
title="Source code on github">
<!-- Icon source: https://github.com/logos -->
<object data="img/github.svg">
<img src="img/github.png" alt="github icon" />
</object>
</a>
<a href="https://meta.wikimedia.org/wiki/Concise_Wikipedia" style="display:none" id="info-icon"
title="Original proposal and discussion">
<!-- icon source: hand-made -->
<object data="img/info.svg">
<img src="img/info.png" alt="information icon" />
</object>
</a>
</div>
<div id="copyInputContainer" style="display: none">
<input id="copyShareLinkInput" type="text" />
</div>
<script src="utils.js"></script>
<script src="primerpedia.js"></script>
</body>
</html>