-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
91 lines (77 loc) · 4.29 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>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.css">
<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<style>
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
background-color: white;
}
a:-webkit-any-link {
text-decoration: none;
}
.ui-btn-corner-all {
border-radius: 1m;
}
.button {
color: steelblue !important;
}
.blockquote {
font-size: 1.5em;
}
.cite {
font-size: 1.5em;
}
.aButton {
font-size: 1em;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
#space { display: none; }
}
@media screen and (min-width: 601px) {
#space { display: block; }
}
</style>
</head>
<body>
<div data-role="page">
<button><a class="aButton" href="http://etytree-virtuoso.wmflabs.org/sparql" target="_blank">Query the database</a></button>
<button><a class="aButton" href="https://meta.wikimedia.org/wiki/Grants:IEG/A_graphical_and_interactive_etymology_dictionary_based_on_Wiktionary" target="_blank">IEG proposal</a></button>
<button><a class="aButton" href="https://meta.wikimedia.org/wiki/Grants:IEG/A_graphical_and_interactive_etymology_dictionary_based_on_Wiktionary/Renewal" target="_blank">Renewal proposal</a></button>
<button><a class="aButton" href="https://meta.wikimedia.org/wiki/Grants_talk:IEG/A_graphical_and_interactive_etymology_dictionary_based_on_Wiktionary" target="_blank">Give feedback!</a></button>
<button><a class="aButton" href="index.etytree.html" target="_blank">Test etytree</a></button>
<div data-role="main" class="ui-content" style="text-align: center;">
<div id="space">
<br><br><br><br>
</div>
<h1>
<a href="index.etytree.html" target="_blank" style="font-size:2em">etytree</a>
<span style="font-size:1em"><br>A graphical and multilingual etymology dictionary based on Wiktionary</span>
</h1>
<div style="font-size: 1.2em">
What is etymology? <br>
<blockquote>
<p>Etymology is the origin of a word and the historical development of its meaning.</p>
<footer> - <cite><a href="https://en.oxforddictionaries.com/" target="_blank">The Oxford English Dictionary</a></cite></footer>
</blockquote>
<div id="space"><br><br><br><br></div>
Etytree is the first graphical and multilingual etymology dictionary. <br>
With etytree you can visualize the steps that led to the formation of a word as we know it, and <br>
discover words that share one or more ancestors with that word in the same or in a different language. <br><br><br>
<b>Use etytree to discover how English <i>tear</i> and Italian <i>lacrima</i> (which means tear) share a common ancestor. <br>
Can you find it? </b><br><br>
<img src="./resources/images/tear.gif" alt="animated gif of how to explore the etymology of English tear using etytree" style="width:30%;height:30%;float:center;">
<br><br><br><br>
Data is extracted from Wiktionary<sup><a href="#fn1" id="ref1">1</a></sup> using a free context grammar<sup><a href="#fn2" id="ref2">2</a></sup>.
<br><br>
If you have comments, please add a note on the <a href="https://meta.wikimedia.org/wiki/Grants_talk:IEG/A_graphical_and_interactive_etymology_dictionary_based_on_Wiktionary" target="_blank">Discussion page</a>
</div>
<br>
<sup id="fn1">1. Data extraction can be performed at each new release of a Wiktionary dump.<a href="#ref1" title="Jump back to footnote 1 in the text.">↩</a></sup><br>
<sup id="fn2">2. The java code used to extract the database is available on <a href="https://bitbucket.org/esterpantaleo/dbnary_etymology" target="_blank">bitbucket</a><a href="#ref1" title="Jump back to footnote 2 in the text.">↩</a></sup>
</div>
</body>
</html>