-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
122 lines (122 loc) · 8.65 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>WikiTranslator</title>
<meta name="description" content="WikiTranslator is a Wikipedia-based translation engine for professional terms and vocabulary.">
<meta property="og:image" content="img/open_graph.png" />
<link rel='manifest' href='manifest.json'>
<link rel="apple-touch-icon" href="img/icon-512.png">
<meta name="theme-color" content="#039BE5" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<!--[if lte IE 8]>
<script src="https://cdn.rawgit.com/inexorabletash/polyfill/v0.1.42/polyfill.min.js"></script>
<![endif]-->
</head>
<body>
<div id="top">
<img src="img/wt_h.svg" id="logo" alt="WikiTranslator logo" onerror="this.src='img/wt_h.png'; this.onerror=null;">
</div>
<div id="og-tr-container">
<div id="og" class="pane">
<div id="og-title-container" class="title-container">
<input id="og-title" class="title" size=1 placeholder="Input here..."></input>
<div id="og-lang" class="lang">
<div id="og-lang-name" class="lang-name"></div>
<div id="og-lang-number" class="lang-number"></div>
</div>
</div>
<div id="search-results"></div>
<div id="og-hatnotes" class="hatnotes"></div>
<div id="og-text" class="text"></div>
<a id="og-link" class="article-link" target="_blank">Read the full article</a>
</div>
<img id="invert" src="img/switch.svg" onerror="this.src='img/switch.png'; this.onerror=null;" alt="Invert">
<div id="tr" class="pane">
<div id="tr-title-container" class="title-container">
<div id="tr-lang" class="lang">
<div id="tr-lang-name" class="lang-name"></div>
<div id="tr-lang-number" class="lang-number"></div>
</div>
<div id="tr-title" class="title"></div>
</div>
<div id="lang-selector-container">
<div id="lsc-close">x</div>
<h2>Recently used languages</h2>
<div id="recent-lang-buttons">
</div>
<h2>Most popular languages</h2>
<div id="popular-lang-buttons">
</div>
<h2>All available languages</h2>
<select id="lang-selector-dropdown">
<option value="">Loading...</option>
</select>
</div>
<div id="tr-hatnotes" class="hatnotes"></div>
<div id="tr-text" class="text"></div>
<a id="tr-link" class="article-link" target="_blank">Read the full article</a>
</div>
</div>
<div id="gt">
Would you like a second opinion? <a target="_blank" title="Not all languages may be available">Try the same query on Google Translate</a>.
</div>
<div id="about">
<h1>WikiTranslator is a Wikipedia-based translation engine<br>for professional terms and vocabulary.</h1>
<h2>It does work for non-professional things too, of course!</h2>
<div id="pros">
<div class="pro">
<img src="img/people.svg" alt="A group of people" onerror="this.src='img/people.png'; this.onerror=null;">
<h3>Human curated</h3>
<p>
Millions of Wikipedia articles in different languages are linked together by volunteers to provide the ability to switch between them. This page uses Wikipedia's <a href="https://en.wikipedia.org/wiki/Application_programming_interface" title="Application programming interface" target="_blank">APIs</a> to let you use these links like a more classic translator product.
</p>
</div>
<div class="pro">
<img src="img/science.svg" alt="An Erlenmeyer flask and an atom" onerror="this.src='img/science.png'; this.onerror=null;">
<h3>Accurate and specialised</h3>
<p>
Do you need to know the proper term for the <a href="#from=en&to=de&title=Corpuscular theory of light" title="Translate!">corpuscular theory of light</a> in German? Or how would a French biologist refer to <a href="#from=en&to=fr&title=Cytokinesis" title="Translate!">cytokinesis</a>? WikiTranslator can provide correct translations for complicated terminology and allows you to quickly verify that the terms match by providing a summary of both articles.
</p>
</div>
<div class="pro">
<img src="img/fast.svg" alt="A fast-moving feather" onerror="this.src='img/fast.png'; this.onerror=null;">
<h3>Fast and small</h3>
<p>
By only downloading the necessary data and no pictures, WikiTranslator can reduce the bandwidth you use for browsing Wikipedia entries, enabling quality translations even when access to the Internet may be scarce.
</p>
</div>
</div>
</div>
<div id="donate">
<div>
<p>Did you find WikiTranslator useful? That's great! To help make it even better, please consider contributing to <a href="https://wikipedia.org" target="_blank" title="Wikipedia">your language's Wikipedia</a>, as well as <a href="https://donate.wikimedia.org" target="_blank" title="Donate to the Wikimedia Foundation">donating to the Wikimedia Foundation</a>, which supports the hosting of Wikipedia and the APIs this site replies on.</p>
<p>If you would like to support this project directly, you're invited to <a href="https://github.com/jdranczewski/WikiTranslator/issues" target="_blank" title="WikiTranslator issues">submit issues on GitHub</a>, which will help make the site work better!</p>
<p>Lastly: hi, I am Jakub Dranczewski, a Physics student at Imperial College London. This website is a project I have worked on over the summer because I've found myself using Wikipedia to translate Physics terms quite a lot and thought that a tool which does it for you could be useful for the general public too! If you would like to support me directly, you can do so through <a href="https://monzo.me/jakubdranczewski/5" target="_blank" title="A bank. No account needed. Card/Google/Apple Pay. In pound sterling.">Monzo</a> or <a href="https://paypal.me/jdranczewski/5" target="_blank" title="Account needed. Any currency.">PayPal</a>. You can find out more about me and my other projects at <a href="http://jdranczewski.github.io" target="_blank">jdranczewski.github.io</a>. Thank you for dropping by!</p>
</div>
</div>
<div id="footer">
<div>
<p>© 2019 <a href="http://jdranczewski.github.io" target="_blank">Jakub Dranczewski</a> - <a href="https://github.com/jdranczewski/WikiTranslator" target="_blank">Read the code on GitHub</a></p>
<p>Any Wikipedia extracts cited here are available under the <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License" target="_blank">CC BY-SA 3.0 Unported License</a>; additional terms may apply.</p>
<p>Wikipedia is a trademark of the Wikimedia Foundation and is used with the permission of the Wikimedia Foundation.<br>WikiTranslator is not endorsed by or affiliated with the Wikimedia Foundation.</p>
</div>
</div>
<div id="cookies">
<div id="cok">OK</div>
This website uses cookies to store recently used languages. You can turn off cookies in your browser. Basic visit analytics are used, but no personally identifying information is collected. <a href="cookies.html" title="Cookies policy and more about analytics" target="_blank">Learn more</a>
</div>
<script src="js/main.js"></script>
<script type="text/javascript">
if ("serviceWorker" in navigator && !navigator.serviceWorker.controller) {
// Register the service worker
navigator.serviceWorker.register("pwa-sw.js", {
scope: "./"
});
}
</script>
</body>
</html>