-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
371 lines (264 loc) · 19.9 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
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
<!DOCTYPE html>
<html>
<head>
<title>EyesGuard</title>
<meta charset="utf-8" />
<meta name="author" content="Воробьев Дмитрий">
<meta name="description" content="eyesguard - программа для тех, кто хочет сохранить зрение при работе на компьютере">
<meta name="keywords" content="eyesguard, как сохранить зрение, работая на компьютере, перерыв, напоминание, глаза, усталость, зрение">
<link rel="shortcut icon" href="./img/eg_favicon.png" type="image/x-icon">
<link href="./css/styles.css" rel="stylesheet">
<meta name ="viewport" content="width=1200">
<meta name="yandex-verification" content="0278980ad597d779" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('a[href^="#"], *[data-href^="#"]').on('click', function(e){
e.preventDefault();
var t = 1000;
var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
$('html,body').stop().animate({ scrollTop: $(d).offset().top }, t);
});
});
</script>
<meta name="yandex-verification" content="0278980ad597d779" />
</head>
<body class = "style-body">
<!-- Шапка страницы -->
<div class="style-header">
<!-- Главное меню -->
<div style="min-width:650px;">
<ul class="main-menu-items" >
<li><a href="#anchor-home-page" class="font-main-menu">ГЛАВНАЯ</a></li>
<li><a href="#anchor-idea-page" class="font-main-menu">ИДЕЯ</a></li>
<li><a href="#anchor-about-page" class="font-main-menu">О ПРОГРАММЕ</a></li>
<li><a href="#anchor-recom-page" class="font-main-menu">РЕКОМЕНДАЦИИ</a></li>
<li><a href="#anchor-download-page" class="font-main-menu">СКАЧАТЬ</a></li>
<li><a href="#anchor-contacts-page" class="font-main-menu">КОНТАКТЫ</a></li>
</ul>
</div>
<!-- Флаг языка -->
<div >
<a href="./index_en.html"><img src="./img/uk.gif" alt="English" class="img-lang"></a>
</div>
<!-- Центральная надпись -->
<div>
<div class="style-banner">
<div >
<img src="./img/eg_logo.png" alt="EyesGuard logo" class="img-logo">
</div>
<div>
<h1>EyesGuard</h1>
<h2>
<span style="color: #A0B4D2;">ЗАБОТИТСЯ</span>
<span style="color: #C4D2E9;">О ВАШЕМ</span>
<span style="color: #FFFFFF;">ЗРЕНИИ</span>
</h2>
</div>
</div>
</div>
<!-- Белая полоска -->
<div class="class-white-bar">
</div>
</div>
<!-- страница HOME -->
<div id = "anchor-home-page" style="word-wrap:break-word">
<br><br>
<table style="width: 86%; left: 7%; position: relative; top: 80px">
<tr >
<td class="home-text" style="width: 50%;">
<p>Если Вы много работаете на компьютере и хотите сохранить свое зрение, если Ваших детей не оторвать от монитора, но Вы не хотите, чтобы они надели очки, если Вы понимаете, что просиживать целый день за компьютером - плохо для здоровья, но сами сделать перерыв забываете или лень - эта программа поможет Вам! </p>
<section class="flat-button" style="text-align: center">
<button onclick="location.href='https://github.com/ExplorerOL/EyesGuard_v2/releases/download/EyesGuard-v2.0.0/EyesGuard-v2.0.0-win64.zip'">
Скачать EyesGuard >>
</button>
</section>
<div style="text-align: center"><img class="img-man-and-pc" src="./img/man_and_pc.jpg" alt="Tired man in fron of PC">
</div>
</td>
<td class="home-text" style="width: 50%;">
<div style="text-align: center"><img class="img-girl-and-pc" src="./img/girl_and_pc.jpg" alt="Tired girl in fron of PC">
</div>
<p><br><br>
Назначение программы EyesGuard - напомнить Вам о необходимости сделать перерыв во время длительной работы на компьютере. При запуске программа сворачивается в трей и не мешает работе. Она позволяет задать время между перерывами, длительность перерывов и имеет несколько дополнительных функций: звуковое оповещение и отслеживание активности пользователя, чтобы останавливать отсчет времени, если вы отошли от ПК.
Попробуйте воспользоваться программой, и тогда Ваше зрение будет под надежной защитой EyesGuard, а Вы будете спокойны за свое здоровье.
</p>
</td>
</tr>
</table>
<br> <br> <br>
</div>
<!--страница THE IDEA -------------------------------------------->
<div id = "anchor-idea-page" style = "position: relative; top: 80px; ">
</div>
<div style="background: #C4D2E9; position: relative; top: 180px; height: 700px; " >
<br> <br>
<p class="idea-header">Идея создания программы</p>
<br><br>
<table style="width: 86%; left: 5%; position: relative; top: -130px; ">
<tr>
<td style="width: 60%;">
<br> <br>
<p class="idea-text">Поводом к написанию программы послужило то, что мне как студенту приходилось много времени проводить за компьютером, выполняя лабораторные работы, рефераты, курсовые проекты и др. Однако, понимая необходимость этого, я помнил о том, что это вредно для моего здоровья: глаза уставали, я просиживал за ПК практически без движения по несколько часов подряд. Но, тем не менее, оторваться от монитора было крайне сложно. Результат - красные глаза, ухудшение зрения, плохое настроение. А ведь сделать перерыв очень полезно. Думая о проблеме не смотря на экран, часто находишь верные решения и иногда гораздо быстрее.
<br><br>
Так появилась мысль написать программу , которая будет напоминать о необходимости сделать перерыв. (Поиск такой программы в интернете не принес ожидаемых результатов: либо программа оказывалась платной, либо она меня не устраивала как по функциональности, так и по своему интерфейсу). В результате появилась первая версия программы EyesGuard.
<br><br>
Надеюсь, что и для Вас эта программа бедет полезной. Все свои пожелания, отзывы и предложения можно отправить по почте автору. Также Вы можете присоединиться к проекту.
</p>
</td>
<td class="recom-text" style="width: 40%;">
<br> <br>
<div style="text-align: center"><img class="student-and-pc" src="./img/student_and_pc.jpg" alt="Healthy eyes">
</div>
</td>
</tr>
</table>
</div>
<!-- Вторая страница О программе -------------------------------------------->
<div id = "anchor-about-page" style = "position: relative; top: 100px;">
</div>
<div style="background: #41597D; position: relative; top: 180px; height: 1400px;" >
<br>
<p class="about-header1">О программе EyesGuard</p>
<p class="about-header2">EyesGuard поможет сохранить зрение в порядке</p>
<br><br><br><br>
<table style="width: 80%; left: 10%; position: relative; top: -100px ">
<tr>
<td style="width: 30%;">
<div >
<a href="./img/screenshots/ru/screenshot_3.png" target="_blank">
<img class="img-screenshot3" src="./img/screenshots/ru/screenshot_3.png" alt="Screenshot3"></a>
<a href="./img/screenshots/ru/screenshot_1.png" target="_blank">
<img class="img-screenshot1" src="./img/screenshots/ru/screenshot_1.png" alt="Screenshot1"></a>
<a href="./img/screenshots/ru/screenshot_2.png" target="_blank">
<img class="img-screenshot2" src="./img/screenshots/ru/screenshot_2.png" alt="Screenshot2"></a>
<a href="./img/screenshots/ru/screenshot_4.png" target="_blank">
<img class="img-screenshot4" src="./img/screenshots/ru/screenshot_4.png" alt="Screenshot4"></a>
<a href="./img/screenshots/ru/screenshot_5.png" target="_blank">
<img class="img-screenshot5" src="./img/screenshots/ru/screenshot_5.png" alt="Screenshot5"></a>
<a href="./img/screenshots/ru/screenshot_6.jpg" target="_blank">
<img class="img-screenshot6" src="./img/screenshots/ru/screenshot_6.jpg" alt="Screenshot6"></a>
</div>
</td>
<td class="about-text" style="width: 70%;">
<p>Данная программа поможет Вам правильно организовать свою работу на компьютере. Она напомнит о необходимости сделать перерыв и сообщит о начале и конце перерыва. <br><br>
После запуска программа сворачивается в системный трей. При этом рядом с часами появится иконка в виде глаза. Если глаз голубого цвета, то программа работает, если глаз красный - программа не работает (и сущетвует опасность, что и Ваши глаза могут стать красными ;) ).
</p>
<p>При наведении курсора мыши на иконке EyesGuard в трее будет отображена всплывающая подсказка с временм, оставшимся до перерыва.
</p>
<p>Окно текущего состояния можно вызвать нажатием левой кнопки мыщи на иконке в трее. В нем отображается время работы до перерыва, а также можно активировать
режим перерыва или приостановить защиту.
</p>
<p>Нажатие правой кнопки мыши на иконке в трее вызывает контекстное меню с пунктами "Exit", "Settings", "Status". Все пользовательские настройки производятся в окне "Settings".
</p>
<p>Время между перерывами должно быть в интервале от 1 до 99 минут, длительность перерыва - от 1 до 99 минут. Вы можете изменять настройки по своему усмотрению, но сначала следует ознакомиться с рекомендациями окулиста. Все настройки программа хранит в файле set.dat в той же директории, где находится exe-файл. Если этого файла нет (такое может быть например при первом запуске программы), то программа установит настройки по умолчанию. При первом нажатии кнопки "Применить" этот файл будет создан. Также доступны дополнительные функции: отслеживание активности пользователя во время работы и звуковое оповещение за 10 секунд до перерыва, перед перерывом и после окончания перерыва. В тех случаях, когда EyesGuard мешает, его можно выключить. Для этого выберите соответствующий пункт меню или через окно "Настройки".
<br><br>
Системные требования: ОС Windows 10
<br><br>
EyesGuard не требует установки. Во время работы программа не вносит никаких записей в реестр операционной системы.
Для того, чтобы программа автоматически запускалась при загрузке операционной системы, надо создать ярлык для файла EyesGuard.exe и поместить в директорию "Автозагрузка" главного меню:
<br>
C:\Users\your_username\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup - для Windows 10
<br><br>
Программа EyesGuard распространяется по лиценции GNU GPL. Поэтому также доступен ее исходный код.
</p>
</td>
</tr>
</table>
<br> <br> <br> <br>
</div>
<!--страница Рекоммендации -------------------------------------------->
<div id = "anchor-recom-page" style = "position: relative; top: 80px; ">
</div>
<div style="background: #A0B4D2; position: relative; top: 140px; height: 650px; " >
<br> <br>
<p class="recom-header1">Рекомендации офтальмолога</p>
<br> <br> <br> <br><br> <br>
<table style="width: 86%; left: 6%; position: relative; top: -130px; ">
<tr>
<td class="recom-text" style="width: 50%;">
<p>Рекомендации офтальмолога по организации работы на компьютере следующие. Непрерывное время работы не должно превышать 45 минут, лучше если оно будет 30 минут или менее. Для детей не более 15 мин. Продолжительность перерыва от 5 до 15 мин в зависимости от длительности непрерывной работы. Однако Вы можете изменять настройки по своему усмотрению.
</p>
<p > Во время перерыва желательно сделать несколько упражнений для расслабления глазных мышц и восстановления кровообращения.
</p>
<p > И, главное, никогда не забывайте о своем здоровье!!!
</p>
</td>
<td style="width: 50%;">
<div style="text-align: center"><img class="img-healthy-eyes" src="./img/healthy_eyes.jpg" alt="Healthy eyes">
</div>
<br> <br>
</td>
</tr>
</table>
</div>
<!--Четвертая страница Скачать -------------------------------------------->
<div id = "anchor-download-page" style = "position: relative; top: 80px;">
</div>
<div style="background: #F2F2F2; position: relative; top: 140px; height: 600px " >
<br> <br>
<p class="download-header1">Скачать программу EyesGuard</p>
<br>
<div class="download-text" style="position: relative; left: 8%; width:70%; height:100%; word-wrap: break-word">
<p>Программа EyesGuard распространяется по лицензии GNU General Public License. Официальную публикацию лицензии GNU GPL Вы можете найти по адресу:
<a style="color: #000000" href="http://www.gnu.org/licenses/gpl.html">http://www.gnu.org/licenses/gpl.html</a>
</p>
<p >Последняя версия программы доступна
<a style="color: #000000" href="https://github.com/ExplorerOL/EyesGuard_v2/releases/latest">здесь</a>. <br>
Исходный код и предыдущие версии также
<a style="color: #000000" href="https://github.com/ExplorerOL/EyesGuard_v2/releases">доступны на GitHub</a>.
</p>
<p>Программа EyesGuard написана на языке Python (v 3.11) с использованием библиотеки <a style="color: #000000" href="https://customtkinter.tomschimansky.com">Customtkinter</a>. Исполняемый файл
создан с помощью пакета <a style="color: #000000" href="https://pypi.org/project/auto-py-to-exe">auto-py-to-exe</a>.
</p>
<p>В программе были использованы иконки, взятые для некоммерческого использованя с сайтов <a style="color: #000000" href="https://www.softicons.com">SoftIcons</a> и <a style="color: #000000" href="https://icons8.ru/">icons8</a>. Спасибо их создателям!
</p>
</div>
</div>
<!--Пятая страница Контакты -------------------------------------------->
<div id = "anchor-contacts-page" style="position: relative; top: 80px; height: 300px " >
<br> <br>
<p class="contacts-header1">Контакты</p>
<div class="contacts-text" style="position: relative; left: 15%; width:70%">
<p>Если у Вас есть пожелания или замечания, Вы можете связаться с автором по электронной почте:
<a style="color: #FFFFFF" href="mailto:eyesguard@yandex.ru">eyesguard@yandex.ru</a>
<br> Также Вы можете присоединиться к проекту!
</p>
</div>
</div>
<footer class="footer-text">
<br>
<br>
© 2024 Dmitry Vorobjev
<br>
<br>
<img src="http://dd.c3.bf.a1.top.mail.ru/counter?id=2047352;t=55" border="0" height="31" width="88" alt="Рейтинг@Mail.ru">
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter48088352 = new Ya.Metrika({
id:48088352,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/48088352" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</footer>
</body>
</html>