-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_en.html
323 lines (258 loc) · 14.5 KB
/
index_en.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
<!DOCTYPE html>
<html>
<head>
<title>EyesGuard</title>
<meta charset="utf-8" />
<meta name="author" content="Vorobyov Dmitry">
<meta name="description" content="eyesguard will help you to keep your vision">
<meta name="keywords" content="eyesguard, how to keep vision, working on computer, break, work, remind to do a break, eyes, tiredness, vision">
<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=device-width, initial-scale=1"> -->
<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>
</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">HOME</a></li>
<li><a href="#anchor-idea-page" class="font-main-menu">THE IDEA</a></li>
<li><a href="#anchor-about-page" class="font-main-menu">ABOUT</a></li>
<li><a href="#anchor-recom-page" class="font-main-menu">RECOMMENDATIONS</a></li>
<li><a href="#anchor-download-page" class="font-main-menu">DOWNLOAD</a></li>
<li><a href="#anchor-contacts-page" class="font-main-menu">CONTACTS</a></li>
</ul>
</div>
<!-- Флаг языка -->
<div >
<a href="./index.html"><img src="./img/rus.gif" alt="Russian" class="img-lang"></a>
</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: #6285BC;">CARES</span>
<span style="color: #C4D2E9;">ABOUT YOUR</span>
<span style="color: #FFFFFF;">VISION</span>
</h2>
</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 style=" ">
<td class="home-text" style="width: 50%;">
<br> <br>
<p>If you work a lot on a computer and want to keep your vision in order or to keep vision of your children and relatives, who are crazy of PC, this program will be very useful for you!</p>
<br>
<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'">
Download 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>
<br> <br> <br>
<p>EyesGuard will remind you about necessity to have a break during a long work on computer. This program places an icon into the system tray and does not disturb your work. It allows to adjust the duration of time between breaks, duration of breaks and has some more functions: sound effects and monitoring user activity for stopping time counting when you are out of PC. Try to use this program and then EyesGuard will guard your vision!
</p>
</td>
</tr>
</table>
<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">The idea of creation</p>
<br> <br>
<table style="width: 86%; left: 5%; position: relative; top: -130px; ">
<tr>
<td style="width: 50%;">
<br> <br>
<p class="idea-text">The reason for writing the program was the fact that I had to spend a lot of time in front the monitor (CRT, not LCD!) when I was a student. I had to do many laboratory works, essays, course projects, etc. However, understanding the need for this, I remembered that it was harmful to my health: my eyes grew tired and red, I used to work on the PC for several hours almost without any breaks . But, nevertheless, it was extremely difficult to turn away from the screen. The result is red eyes, blurred vision, bad mood and vision degradation. But it was very useful to take a break. Thinking about the problem, despite the screen, you often helps to find right solutions and sometimes much more faster.
<br><br>
So this way appeared an idea to write a program that would remind meabout the need to take a break. (The search for such a program in the Internet did not bring the expected results: either the program turned out to be paid, or it did not suit me in the functionality or ist interface).
</p>
</td>
<td class="recom-text" style="width: 50%;">
<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: 1300px;" >
<br>
<p class="about-header1">About EyesGuard</p>
<p class="about-header2">EyesGuard helps you to keep vision in order</p>
<br><br><br><br>
<table style="width: 80%; left: 10%; position: relative; top: -100px ">
<tr>
<td style="width: 30%;">
<div style="width:50%">
<a href="./img/screenshots/en/screenshot_3.png" target="_blank">
<img class="img-screenshot3" src="./img/screenshots/en/screenshot_3.png" alt="Screenshot3"></a>
<a href="./img/screenshots/en/screenshot_1.png" target="_blank">
<img class="img-screenshot1" src="./img/screenshots/en/screenshot_1.png" alt="Screenshot1"></a>
<a href="./img/screenshots/en/screenshot_2.png" target="_blank">
<img class="img-screenshot2" src="./img/screenshots/en/screenshot_2.png" alt="Screenshot2"></a>
<a href="./img/screenshots/en/screenshot_4.png" target="_blank">
<img class="img-screenshot4" src="./img/screenshots/en/screenshot_4.png" alt="Screenshot4"></a>
<a href="./img/screenshots/en/screenshot_5.png" target="_blank">
<img class="img-screenshot5" src="./img/screenshots/en/screenshot_5.png" alt="Screenshot5"></a>
<a href="./img/screenshots/en/screenshot_6.jpg" target="_blank">
<img class="img-screenshot6" src="./img/screenshots/en/screenshot_6.jpg" alt="Screenshot6"></a>
</div>
</td>
<td class="about-text" style="width: 60%;">
<p>This program helps you to organize your work on a computer properly. It reminds about necessity to have a break during long work and informs about the start and the end of the break.
After starting EyesGuard places an icon with an eye into the system tray near system clock. If the eye is blue the program works, if it is orange the program does not work (and so your eyes can become orange too! ;) ).
</p>
<p> Main menu of EyesGuard opens by clicking right button of mouse on the EG`s icon in system tray. All settings are made at the window "Settings", which can be opened this way: Main menu -> Settings or by clicking left button on the icon.
<p>The duration between breaks should be from 1 to 99 min., the duration of breaks should be from 1 to 99 min. You can vary this settings as you want, but you should read recommendations of oculist at first!
<br>
All settings are stored in the file set.dat in the same folder with exe-file. If this file is not present, EyesGuard applies default settings. After click "Apply" button this file will be created.
There are some additionals features like sound effects and and monitoring user activity for stopping time counting when you are out of PC. If you don't want to make breaks at all you should choose "Turn off" option.
<br><br>
System requirements: OS Windows 10
<br><br>
EyesGuard does not demand an installation and does not insert any records into the register of your operational system.
For automatic start of the programm, you should add a link to exe-file to menu "Autostart" in Start menu of Windows. For example
<br>
C:\Users\your_username\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup - for Windows 10
<br><br>
EyesGuard is distributed under GNU GPL license. A source code is available also.
</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">Oculist's recommendations</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>The time of continuous work on a computer should not exceed 45 minutes. Optimal working time is 30 minutes or less. For children that time should not exceed 15 minutes. Break duration should be from 5 to 15 minutes, depending on the working time. However you can change this settings as you want.
</p>
<p > During the break it is recommended to do some exercises for eye's relaxation.
</p>
<p > And the main thing: never forget about your health!!!
</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>
</td>
</tr>
</table>
<br> <br>
</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">Download EyesGuard</p>
<br>
<div class="download-text" style="position: relative; left: 8%; width:70%; height:100%; ">
<p>EyesGuard is distributed under the GNU General Public License. The official publication of the license GNU GPL you can find here:
<a style="color: #000000" href="http://www.gnu.org/licenses/gpl.html">http://www.gnu.org/licenses/gpl.html</a>
</p>
<p >Last version of EyesGuard you can download from
<a style="color: #000000" href="https://github.com/ExplorerOL/EyesGuard_v2/releases/latest">here</a>. <br>
Source code and previous versions are also <a style="color: #000000" href="https://github.com/ExplorerOL/EyesGuard_v2/releases">available at GitHub</a>.
</p>
<p>EyesGuard was written in Python (v3.11) using <a style="color: #000000" href="https://customtkinter.tomschimansky.com">Customtkinter</a> library. Executable file is created using <a style="color: #000000" href="https://pypi.org/project/auto-py-to-exe">auto-py-to-exe</a>.
</p>
<p>There were used some icons for noncommercial usage from sites <a style="color: #000000" href="https://www.softicons.com">SoftIcons</a> and <a style="color: #000000" href="https://icons8.ru/">icons8</a>. Thanks to their authors!
</p>
</div>
</div>
<!--Пятая страница Контакты -------------------------------------------->
<div id = "anchor-contacts-page" style="position: relative; top: 80px; height: 300px " >
<br> <br>
<p class="contacts-header1">Contacts</p>
<div class="contacts-text" style="position: relative; left: 25%; width:70%">
<p>Your opinions, wishes and observations you may send by e-mail:
<a style="color: #FFFFFF" href="mailto:eyesguard@yandex.ru">eyesguard@yandex.ru</a>
<br> Also you can join to EyesGuard project!
</p>
</div>
</div>
<footer class="footer-text">
<br>
<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 -->
<!-- <div style="width: 80px; height: 30px; position:relative; right: 5%;">
<script style="width: 80px; height: 30px; position:relative; right: 5%;" src="//catcut.net/adv/16992"></script>
</div> -->
</footer>
</body>
</html>