forked from olegcherr/Reedy-for-Chrome
/
popup.html
452 lines (429 loc) · 21.8 KB
/
popup.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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Reedy – Pop-up</title>
<link href="css/elements.css" rel="stylesheet" type="text/css"/>
<link href="css/popup/main.css" rel="stylesheet" type="text/css"/>
<link href="css/popup/layout.css" rel="stylesheet" type="text/css"/>
<link href="css/popup/page-main.css" rel="stylesheet" type="text/css"/>
<link href="css/popup/page-settings.css" rel="stylesheet" type="text/css"/>
<link href="css/popup/page-shortcut.css" rel="stylesheet" type="text/css"/>
</head>
<body i18n-attr="locale|locale" active-view="main">
<div class="l-view" view-name="main" active="true">
<div class="p-mainHead">
<div class="p-mainHead-text" i18n="main_startReadingInfo"></div>
<span class="j-startContentSelectorBtn e-btn e-btn_theme1" i18n="main_startContentSelectorBtn"></span>
<span class="j-startReadingBtn e-btn e-btn_theme1" i18n="main_startReadingBtn" hidden="true"></span>
<span class="j-closeReaderBtn e-btn e-btn_theme1" i18n="main_closeReaderBtn" hidden="true"></span>
</div>
<div class="p-mainMenu">
<div class="p-mainMenu-item p-mainMenu-item_offline j-offlineBtn" i18n="view_offline"></div>
<div class="p-mainMenu-item p-mainMenu-item_settings p-mainMenu-item_arrow" switch-to="settings" i18n="view_settings"></div>
<div class="p-mainMenu-item p-mainMenu-item_shortcut p-mainMenu-item_arrow" switch-to="shortcut" i18n="view_shortcut"></div>
<div class="p-mainMenu-item p-mainMenu-item_help p-mainMenu-item_arrow" switch-to="help" i18n="view_help"></div>
<div class="p-mainMenu-item p-mainMenu-item_advices p-mainMenu-item_arrow" switch-to="advices" i18n="view_advices"></div>
</div>
<div class="p-mainFooter">
<span>Made by <a i18n-attr="href|developersHomePage" href="#">Oleg Cherr</a></span>
<span><a i18n-attr="href|donatePage" href="#">Donate</a> if you wish</span>
</div>
</div>
<div class="l-view" view-name="settings">
<div class="l-view-head">
<i class="l-view-backBtn" switch-to="main"></i>
<span i18n="view_settings"></span>
</div>
<table class="p-settingsLayout">
<tr>
<td class="j-tabs e-vTabs p-settingsLayout-tabsCell" active-tab="1">
<div i18n-attr="title|settings_reading" tab-id="1" active="true" class="j-tab e-vTabs-tab e-vTabs-tab_reading"><i></i></div>
<div i18n-attr="title|settings_parsing" tab-id="2" class="j-tab e-vTabs-tab e-vTabs-tab_parsing"><i></i></div>
<div i18n-attr="title|settings_appearance" tab-id="3" class="j-tab e-vTabs-tab e-vTabs-tab_appearance"><i></i></div>
<div i18n-attr="title|settings_theme" tab-id="4" class="j-tab e-vTabs-tab e-vTabs-tab_theme"><i></i></div>
</td>
<td class="p-settingsLayout-contentCell">
<div class="p-settingsLayout-contentWrap">
<table tab-id="1" active="true" class="j-tabContent p-settings-table">
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="autostart"></b>
<span i18n="autostartDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="autostart"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="focusMode"></b>
<span i18n="focusModeDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="focusMode"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="gradualAccel"></b>
<span i18n="gradualAccelDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="gradualAccel"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="smartSlowing"></b>
<span i18n="smartSlowingDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="smartSlowing"/>
</td>
</tr>
</table>
<table tab-id="2" class="j-tabContent p-settings-table">
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="entityAnalysis"></b>
<span i18n="entityAnalysisDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="entityAnalysis"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="hyphenation"></b>
<span i18n="hyphenationDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="hyphenation"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="emptySentenceEnd"></b>
<span i18n="emptySentenceEndDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="emptySentenceEnd"/>
</td>
</tr>
</table>
<table tab-id="3" class="j-tabContent p-settings-table">
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="progressBar"></b>
<span i18n="progressBarDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="progressBar"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="timeLeft"></b>
<span i18n="timeLeftDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="timeLeft"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="sequel"></b>
<span i18n="sequelDescr"></span>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-checkbox" type="checkbox" name="sequel"/>
</td>
</tr>
</table>
<table tab-id="4" class="j-tabContent p-settings-table">
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="color_letter"></b>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-iColorPicker" type="text" name="color_letter"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="color_word"></b>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-iColorPicker" type="text" name="color_word"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="color_context"></b>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-iColorPicker" type="text" name="color_context"/>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="color_background"></b>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-iColorPicker" type="text" name="color_background"/>
</td>
</tr>
<tr>
<td class="p-settings-cell" colspan="2">
<b i18n="font_family"></b>
<select class="j-iFont p-settings-select" name="font_family"></select>
</td>
</tr>
<tr>
<td class="p-settings-cell p-settings-cell_left">
<b i18n="font_bold"></b>
</td>
<td class="p-settings-cell p-settings-cell_right">
<input class="j-iThemeCheckbox" type="checkbox" name="font_bold"/>
</td>
</tr>
<tr>
<td class="p-settings-cell" colspan="2">
<div lng="ru">
Настройки будут применены только для выбранной в данный момент темы.
<br/>Вы также можете <span class="j-resetThemeBtn e-pseudoLink">сбросить значения</span> на страндартные.
</div>
<div lng="en">
The settings will be applied only to the currently selected theme.
<br/>You can also <span class="j-resetThemeBtn e-pseudoLink">reset settings</span> to their original values.
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div class="l-view" view-name="shortcut">
<div class="l-view-head l-view-head_mod1">
<i class="l-view-backBtn" switch-to="main"></i>
<span i18n="view_shortcut"></span>
</div>
<div class="p-shortcut">
<div lng="ru">
Воспроизведите на клавиатуре требуемое сочетание клавиш и нажмите <b>Сохранить изменения</b>.
<br/><br/>
Обратите внимание, что в сочетании обязательно должна присутствовать клавиша <b>Alt</b> и/или <b>Ctrl</b>.
</div>
<div lng="en">
Reproduce the desired key combination and click <b>Save changes</b>.
<br/><br/>
Note that <b>Alt</b> or <b>Ctrl</b> key must be present in the combination.
</div>
<input class="j-iShortcut p-shortcut-input" type="text" value=""/>
<span class="j-saveShortcutBtn e-btn e-btn_theme1" i18n="saveChanges"></span>
<span class="j-cancelShortcutBtn e-btn e-btn_theme2" i18n="cancel"></span>
</div>
</div>
<div class="l-view" view-name="help">
<div class="l-view-head">
<i class="l-view-backBtn" switch-to="main"></i>
<span i18n="view_help"></span>
</div>
<div class="e-markup">
<div lng="ru">
С помощью Reedy вы сможете читать любые тексты гораздо быстрее прямо в браузере.
<br/><br/>
Если вы впервые используете данную технологию, то попробуйте начать чтение со скорости 300 слов в минуту. Через некоторое время вы заметите, что такая скорость вам начала казаться медленной. Тогда прибавляйте ещё 50 слов.
<br/><br/>
<strong>Как запускать программу:</strong>
<br/>
1. Выделите текст на странице.
<br/>
2. Кликните по нему правой кнопкой мыши и выберите пункт <b>Запустить Reedy</b>, либо просто нажмите <b class="j-shortcut">Alt+S</b>.
<br/><br/>
<strong>Reedy может работать и без выделения текста:</strong>
<br/>
1. Нажмите <b class="j-shortcut">Alt+S</b>.
<br/>
2. Наведите курсор на блок с текстом. Блок подсветится зелёным цветом.
<br/>
3. Нажмите <b>левую</b> клавишу мыши или <b>Enter</b> для начала чтения.<br/>Чтобы выключить режим выделения нажмите <b>правую</b> клавишу или <b>Escape</b>.
<br/>
Стрелки вверх и вниз (и клавиши «+» и «–») увеличивают и уменьшают текущую область выделения.
<br/><br/>
<strong>Управление во время чтения:</strong>
<br/>
<b>Space</b> (или Enter) – остановить/продолжить.
<br/>
<b>Right/Left</b> – следующее/предыдущее слово.
<br/>
<b>Ctrl+Right/Left</b> – следующее/предыдущее предложение (также возможна прокрутка колёсиком мыши).
<br/>
<b>End/Home</b> – переход в конец/в начало.
<br/>
<b>Up/Down</b> – повысить/понизить скорость.
<br/>
<b>+/-</b> – увеличить/уменьшить размер шрифта.
<br/>
<b>Esc</b> – выход.
<br/><br/>
<strong>Приятного чтения!</strong>
</div>
<div lng="en">
By means of Reedy you'll be able to read anything much faster straight in the browser.
<br/><br/>
If you are using this technology for the first time try to read at a speed of 300 words per minute. Most likely after a while this speed'll seem too low and then you can add 50 words more.
<br/><br/>
<strong>How to use Reedy:</strong>
<br/>
1. Select the text on the page.
<br/>
2. Click the right mouse button and choose Reedy, or just press the <b class="j-shortcut">Alt+S</b> shortcut.
<br/><br/>
<strong>Also you can launch Reedy without text selection:</strong>
<br/>
1. Press <b class="j-shortcut">Alt+S</b>.
<br/>
2. Place the mouse over the text block. It will be highlighted in green.
<br/>
3. Press the <b>left</b> mouse button or <b>Enter</b> to start reading. Press <b>Escape</b> or the <b>right</b> mouse button to turn the selection mode off.
<br/>
Pressing the Up/Down arrow will widen/narrow the selected area.
<br/><br/>
<strong>Shortcuts available while reading:</strong>
<br/>
<b>Space</b> (or Enter) – play/pause.
<br/>
<b>Right/Left</b> – next/previous word.
<br/>
<b>Ctrl+Right/Left</b> – next/previous sentence (you can also use the mouse wheel).
<br/>
<b>End/Home</b> – go to the end/beginning.
<br/>
<b>Up/Down</b> – increase/decrease the speed.
<br/>
<b>+/-</b> – larger/smaller font size.
<br/>
<b>Esc</b> – close Reedy.
<br/><br/>
<strong>Enjoy your reading!</strong>
</div>
</div>
</div>
<div class="l-view" view-name="advices">
<div class="l-view-head">
<i class="l-view-backBtn" switch-to="main"></i>
<span i18n="view_advices"></span>
</div>
<div class="e-markup">
<div lng="ru">
<strong>Рекомендации для начинающих</strong>
<br/>
Начинайте читать со скоростью не более 300 слов в минуту.
Читайте в спокойной обстановке.
Читайте несложные тексты – художественную литературу, статьи общей тематики или даже тексты, которые вы уже читали ранее.
Через некоторое время (может час, а может день) вы заметите, что текст на текущей скорости воспринимается довольно легко, и вы всё реже останавливаете чтение чтобы заново прочитать предыдущий отрывок.
Теперь вы можете увеличить скорость на 50 слов в минуту.
<br/><br/>
<strong>Рекомендации для всех</strong>
<br/>
<b>1. Настройте программу</b> для максимально комфортного чтения.
Подберите удобный для вас <b>размер шрифта</b> и положение текста на странице.
Днём, под прямыми солнечными лучами или при глянцевой поверхности экрана лучше использовать <b>светлое оформление</b>.
Вечером рекомендуется включать <b>тёмное</b>, так как это создаёт меньшую нагрузку на глаза.
<br/><br/>
<b>2. Не забывайте моргать.</b>
Эта рекомендация относится не только к чтению.
Допускать пересыхания поверхности глаз нельзя никогда.
Тем, кто читает на высоких и сверхвысоких скоростях рекомендуется хотя бы пару раз в минуту останавливаться и зажмуриваться на пару секунд.
Также можете пробовать моргать глазами по очереди :)
<br/><br/>
<b>3. Прогрессируйте.</b>
Не засиживайтесь месяцами на одной скорости.
Повышайте скорость! Разгоняйте мозг!
<br/><br/>
<strong>Наблюдаются проблемы с восприятием текста?</strong>
<br/>
Если вы слишком часто нажимаете на паузу чтобы перечитать предыдущий отрывок, то попробуйте последовать данным советам:
<br/><br/>
<b>1. Убедитесь, что у вас отсутствует артикуляция</b> – непроизвольные движения губ и языка при чтении текста.
Старайтесь воспринимать текст <b>глазами</b>, не проговаривая его про себя.
Кстати, данная технология скорочтения сама учит вас этому.
Ведь чем выше скорость, тем сложнее успевать проговаривать слова.
Поэтому со временем артикуляция всё равно уйдёт, даже если специально не прилагать к этому усилий.
<br/><br/>
<b>2. Первое время выбирайте несложные тексты</b>.
Не нужно с самого начала пытаться читать статьи по физике или юриспруденции.
Читайте художественную литературу, статьи общей тематики, тексты, содержание которых вам примерно знакомо.
Когда глаза немного адаптируются, можете переходить на более сложные материалы.
<br/><br/>
<b>3. Подберите правильную скорость.</b>
Не следует как завышать скорость, так и занижать.
Определите «свою» скорость.
Обратите внимание, что тексты разной сложности могут требовать корректировки вашей скорости.
Чем сложнее материал, тем больше нужно времени для понимания прочитанного, тем ниже нужно устанавливать скорость чтения.
<br/><br/>
<b>4. Попробуйте разные настройки программы.</b>
Например, новичкам, возможно, будет удобно читать со включенным показом <b>продолжения текста</b> (Настройки › Отображение › Продолжение текста).
<br/><br/>
<strong>Приятного чтения!</strong>
</div>
<div lng="en">
<strong>Recommendations for beginners</strong>
<br/>
Start reading at a speed of 300 words per minute or less.
Read in a quiet atmosphere.
Read simple texts - fiction, articles on general subjects, or even texts that you have read before.
After a while (maybe an hour, or maybe a day) you’ll notice that you perceive the text at the current speed quite easily, and you rarely stop the reader to re-read a previous passage.
Now you can increase the speed of 50 words per minute.
<br/><br/>
<strong>Recommendations for everyone</strong>
<br/>
<b>1. Configure the program</b> to make your reading most convenient.
Choose comfortable font size and text position on the page.
By day, in the sun, or when using a glossy display, it’s better to use the light theme.
In the evening the dark theme is preferable, as it creates less eye strain.
<br/><br/>
<b>2. Don’t forget to blink.</b>
This recommendation can be applied not only to reading.
You should never let your eye surface get dry.
Those who read at high and ultra-high speeds are recommended to stop at least twice a minute and shut their eyes tight for a few seconds.
You can also try blinking alternately :)
<br/><br/>
<b>3. Make progress.</b>
Don’t stay for months at the same speed.
Increase speed! Overclock your brain!
<br/><br/>
<strong>Having troubles with the perception of the text?</strong>
<br/>
If you stop the reader to reread a previous passage too often, try and follow these advices:
<br/><br/>
<b>1. Ensure that you don’t have articulation</b> – involuntary movements of the lips and tongue while reading.
Try to perceive the text by your eyes, not pronouncing it to yourself.
By the way, this technology automatically teaches you that. Surely, the higher speed is, the more difficult it becomes to keep up pronouncing every single word. S
o, with time you’ll stop articulating anyway, even if you don’t make efforts on purpose.
<br/><br/>
<b>2. At first choose simple texts.</b>
Don’t start with articles on physics or law.
Read fiction, articles on general subjects, texts which content you’re familiar with.
When your eyes get slightly adapted, you can try and read more complex materials.
<br/><br/>
<b>3. Choose the correct speed.</b>
It shouldn’t be neither too high nor too low.
Define your own speed.
Note that texts of different complexity may require the adjustment of the speed.
The more complicated materials are, the more time you need to understand it, the lower speed should be chosen.
<br/><br/>
<b>4. Try various program settings.</b>
For example, beginners may find it convenient to read with the continuation of the text enabled (Settings › Appearance › Text continuation).
<br/><br/>
<strong>Enjoy your reading!</strong>
</div>
</div>
</div>
<script src="js/popup/popup.js"></script>
</body>
</html>