-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
Latest commit
223 lines (177 loc) · 8.42 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
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
<!DOCTYPE html>
<html lang="eo">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Verku facilajn tekstojn en Esperanto</title>
<!--
Copyright (C) 2013 Magnus Henoch <magnus.henoch@gmail.com>
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-->
<script type='text/javascript' src='knockout-2.2.1.js'></script>
<script type='text/javascript' src='trefacilaj.js' charset='utf-8'></script>
<script type='text/javascript' src='facilaj.js' charset='utf-8'></script>
<link rel="stylesheet" href="facililo.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Facililo</h1>
<div id="ekstera">
<p>
<label for="tekstujo">
<span data-bind="if: redaktebla">Verku facilan tekston</span>
<span data-bind="if: !redaktebla()">"Facila" teksto verkita</span>
laŭ la
<a href="https://uea.facila.org/vortlisto/">vortolisto</a> de
<a href="https://uea.facila.org/">uea.facila.org</a>.</label>
<button
data-bind="click: montruHelpon"
id="helpobutono"
title="Pli da informoj">?</button>
<div id="eksterhelpujo" data-bind="visible: montrasHelpon">
<div id="helpujo">
<button title="Fermu la informfenestron" data-bind="click: malmontruHelpon"
class="fermilo">✗</button>
<h2>Kio estas <em>Facililo</em>?</h2>
<p>Per <em>Facililo</em> eblas kontroli, ĉu la enskribita teksto
enhavas la radikojn en
la <a href="https://uea.facila.org/paroli/">vortolisto</a> uzata
de <a href="https://uea.facila.org">uea.facila.org</a>. Se radiko
troviĝas en tiu vortlisto, ĝi estos signita verde aŭ blue.</p>
<noscript><p>Ĝi funkcias plene per Javascript, sed via retumilo ne
subtenas Javascript, aŭ ĝi estas malŝaltita! Ŝaltu ruligadon de
Javascript, aŭ uzu alian retumilon, por povi uzi la
facililon.</p></noscript>
<ul>
<li>Verda signo: la vorto aperas en la listo "Tre facila". </li>
<li>Blua signo: la vorto aperas en la listo "Facila".</li>
<li>Ruĝa signo: la radiko tute ne aperas en la vortlisto. </li>
</ul>
<h2>Se aperos la ruĝa signo</h2>
<p>Kiam oni verkas tekston por la retejo uea.facila, se vorto estas
signita ruĝe, necesas ŝanĝi ĝin aŭ aldoni difinon. </p>
<p>Notu tamen, ke krom la radikoj en la listo, oni ankaŭ rajtas uzi la
nomojn de homoj, landoj, lingvoj ks. <em>Facililo</em> signas ilin per
ruĝa signo, ĉar ili ne troviĝas en la listo. Ili tamen estas
akcepteblaj, kaj ne necesas aldoni por ili apartan difinon.</p>
<h2><em>Facililo</em> foje miskomprenas</h2>
<p>Kelkaj kunmetaĵoj erarigas <em>Facililo</em>n. Ekzemple la radiko
"tropik-" tute ne troviĝas en la listo, sed <em>Facililo</em> signas
la vorton "tropika" blue, ĉar ĝi aspektas kiel kunmetaĵo de du
permesataj eroj: "tro" kaj "pik-".</p>
<h2><em>Facililo</em> ne kontrolas facilecon de la lingvaĵo</h2>
<p><em>Facililo</em> nur kontrolas, ĉu eblas konstrui la enskribitajn
vortojn per la permesataj radikoj. Ĝi foje akceptas sensencajn
vortojn, kaj tute ne kontrolas la gramatikon.</p>
<p>Se la radikoj troviĝas en la listo, <em>Facililo</em> signas
malfacilajn kunmetaĵojn, ekz. "interligiteco", kiel facilajn. La
verkanto devas mem decidi, ĉu lernanto senprobleme komprenus tian
vorton. Facila teksto prefere enhavu simplajn frazojn kaj ne uzu
pezajn kunmetaĵojn. Tial estas preferinde anstataŭigi ĝin per la
esprimo "la ligoj inter..."</p>
<h2>La fontokodo estas libera</h2>
<p><a href="http://github.com/legoscia/facililo">La fontokodo de la
facililo</a> estas libere havebla laŭ la permesilo de MIT. Tio
signifas ke oni rajtas iel ajn uzi, kopii kaj ŝanĝi ĝin, kondiĉe
nur ke oni agnoskas mian aŭtorecon.</p>
<p>Ĝi estas konstruita surbaze de la
biblioteko <a href="http://knockoutjs.com/">Knockout</a>, kiun vi
nepre provu se vi programas en Javascript.</p>
<h2>Ĝi ne estas mia originala ideo</h2>
<p>Mi ekhavis inspiron de <a href="http://splasho.com/upgoer5/">The
Up-Goer Five Editor</a>, kiu simile limigas la uzanton al la mil
plej oftaj vortoj en la angla lingvo. Ĝi siavice estas inspirita
la <a href="http://xkcd.com/1133/">komikso "Up Goer Five" de
xkcd</a>, kiu priskribas la partojn de kosmoŝipo kun la sama
limigo.</p>
<h2>Ĉu vi havas demandon, komenton, aŭ proponon?</h2>
<p>Se vi estas membro de Facebook, vi povas afiŝi komentojn
ĉe <a href="https://www.facebook.com/Facililo">la paĝo de
la Facililo</a>.
<p>Se vi trovis eraron, kaj ŝatus prilabori la ilon por solvi la
problemon, <a href="https://github.com/legoscia/facililo/issues">kreu
problemraporton ĉe GitHub</a>.
<p>Aŭ vi povas sendi retmesaĝon
al <a href="mailto:magnus.henoch@gmail.com">magnus.henoch@gmail.com</a>.
<p>
<button data-bind="click: malmontruHelpon">Fermi</button>
</div>
</div>
<p data-bind="if: redaktebla">
<textarea
id="tekstujo"
data-bind="value: teksto, valueUpdate: 'input'"
placeholder="Tajpu facilan tekston!"
rows="10" cols="65"></textarea>
</p>
<div data-bind="with: kontrolorezulto">
<span class="trefacila">Tre facilaj: <span data-bind="text: treFacilaj"></span></span>
<span class="facila">Facilaj: <span data-bind="text: facilaj.length"></span></span>
<span class="malfacila">Ne en la listo: <span data-bind="text: malfacilaj.length"></span></span>
<div id="regiloj" data-bind="if: $root.redaktebla">
<label id="etikedoMaliksigu"><input type="checkbox" data-bind="checked: $root.maliksigu"> cx → ĉ</label>
<button id="rekontrolu" type="button" data-bind="event: { click: $root.rekontrolu }">Rekontrolu</button>
<button id="forvisxu" type="button" onclick="malplenigasTekstujon()">Forviŝu</button>
<button id="kopiu" type="button" data-clipboard-target="#montrujo">Kopiu</button>
</div>
<div id="montrujo" data-bind="visible: alineoj.length > 0, foreach: alineoj"><p data-bind="foreach: $data"><span data-bind="
text: tekstero, css: nivelo"></span></p></div>
</div>
<p data-bind="visible: !url() && redaktebla() && kontrolorezulto().alineoj.length > 0"><a href="" data-bind="click: kreuURLn">Diskonigu vian tekston!</a></p>
<div data-bind="if: url">
<div id="diskonigujo">
<button title="Fermu la diskonigfenestreton" data-bind="click: nuliguURLn"
class="fermilo">✗</button>
<a data-bind="attr: { href: url }">Uzu tiun ĉi ligilon</a>
aŭ kopiu la adreson:
<input type="text" data-bind="value: url" id="urlujo">
aŭ
<form action="http://www.facebook.com/sharer.php" method="get" target="_blank">
<!-- Tiuj ĉi valoroj estas uzataj ĉe "veraj" komputiloj,
sed Facebook ignoras ilin en poŝtelefonaj retumiloj.
-->
<input type="hidden" name="s" value="100">
<input type="hidden" name="p[url]" data-bind="value: url">
<input type="hidden" name="p[title]" value="Mi kreis facilan tekston">
<input type="hidden" name="p[summary]" data-bind="value: ebleMaliksigita">
<!-- Tiu ĉi valoro estas por poŝtelefonaj retumiloj. -->
<input type="hidden" name="u" data-bind="value: url">
<!-- Kaj la butono: -->
<input type="submit" value="diskonigu ĉe Facebook">
</form>
</div>
</div>
<p data-bind="if: !redaktebla()">
<a href="" data-bind="click: redaktebligu">Redaktu tiun ĉi tekston</a> aŭ
<a href="?">verku propran tekston!</a>
</p>
</div> <!-- #ekstera -->
<!-- El https://clipboardjs.com/ -->
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
<script>
new Clipboard('#kopiu');
</script>
<script>
function malplenigasTekstujon() {
let tekstujo = document.getElementById("tekstujo");
tekstujo.value = "";
tekstujo.focus();
}
</script>
<script src='facililo.js' charset='utf-8'></script>
</body>
</html>