PageSourceSearch

https://zu.edu.ua/en_index.html

html zu.edu.ua collected 2026-10-02 03:32:43 UTC 25,057 bytes, 656 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
5<meta name="description" content="Zhytomyr Ivan Franko State University"/>
6<title>Zhytomyr Ivan Franko State University</title>
7<link type="text/css" href="sas.css" rel="stylesheet"/>
8<link type="text/css" href="zdu.css" rel="stylesheet"/>
9<link type="text/css" href="zdu_index.css" rel="stylesheet"/>
10<meta charset="UTF-8">
11<link rel="icon" href="favicon.ico" type="image/x-icon"/>
12<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
13<link rel="stylesheet" type="text/css" title="mymenu" href="files/design/mainmenu_en.css"/>
14<script src="files/design/mainmenu.js" type="text/javascript"></script>
14
15<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&amp;subset=latin,cyrillic,cyrillic-ext,latin-ext" rel="stylesheet" type="text/css"/>
16<link href="https://fonts.googleapis.com/css?family=Exo+2:400,600,700,400italic&amp;subset=latin,cyrillic,latin-ext" rel="stylesheet" type="text/css"/>
17<link href="https://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"/>
18<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&amp;subset=cyrillic" rel="stylesheet" type="text/css"/>
19<script type="text/javascript" src="files/design/jquery-1.4.4.min.js"></script>
19
20<meta http-equiv="Cache-control" content="no-cache"/>
21<meta name="viewport" content="width=device-width">
22<meta name="google-site-verification" content="lTXOjQuMSySWdEKL--Ap8YFv87c0Bc9mmw1knSKOM90"/>
23<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 23-24
23
24<script async src="https://www.googletagmanager.com/gtag/js?id=
24G-6WL0F0D55H
vendor: 13 bytes, line 24
24"></script>
25<script>
26  
vendor: 138 bytes, lines 26-30
26window.dataLayer = window.dataLayer || [];
27  function gtag(){dataLayer.push(arguments);}
28  gtag('js', new Date());
29
30  gtag('config', '
30G-6WL0F0D55H
vendor: 5 bytes, line 30
30');
31</script>
31
32<link rel="stylesheet" type="text/css" title="mymenu" href="IndexGallery/style000.css"/>
33<script src="IndexGallery/jquery00.js" type="text/javascript"></script>
vendor: 2 bytes, line 33
33
34<script type="text/javascript">
35$(function(){
36		$("#faded").faded({
37			speed: 500,
38			crossfade: true,
39			bigtarget: true,
40			sequentialloading: false,
41			loadingimg: "images/loading.gif",
42			autoplay: 5000,
43			autorestart: 0,
44			random: false,
45			autopagination: false
46		});
47});
48</script>
48
49
50<script src="files/jcarousellite.js" type="text/javascript"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript">
52		$(function(){
53	 		 $(".carousel").jCarouselLite({
54	  			btnNext: ".next1",
55	  			btnPrev: ".prev1"
56   	 	 });
57		});
58</script>
vendor: 2 bytes, line 58
58
59<script type="text/javascript" src="Scripts/highslide.js"></script>
59
60<link rel="stylesheet" type="text/css" href="Scripts/highslide.css"/>
61<script type="text/javascript">
62	hs.graphicsDir = 'Scripts/graphics/';
63	hs.outlineType = 'rounded-white';
64	hs.captionEval = 'this.a.title';
65</script>
65
66 <!--[if lt IE 9]>
67  <style type="text/css">
68  #nav li:hover ul.sub{background:#ececec;}
69  .over img {height:350px}
70  .gr_table img{margin-left:3px;margin-bottom:3px}
71  </style>
72  <![endif]-->
73</head>
74<body>
75<link rel="stylesheet" href="files/design/flexslider.css" type="text/css" media="screen, projection"/>
76<script type="text/javascript" src="files/design/jquery.flexslider-min.js"></script>
vendor: 2 bytes, line 76
76
77<script type="text/javascript">
78		$(document).ready(function() {
79			$('.flexslider').flexslider();
80			$("#anons_l").click(function(event){ scrollToAnchor('.ann');  });
81			$("#news_l").click(function(event){ scrollToAnchor('.carousel');  });
82			$('.dot').bind('click', function() { $(this).find('.inner_rec').slideToggle("slow")});
83		});
84			function scrollToAnchor(aid){
85    var tag= $(aid);
86    $('html,body').animate({scrollTop: tag.offset().top},'slow');
87	}
88</script>
88
89<div id="header">
90<script type="text/javascript">  
91$(document).ready(function(){ 
92      $("#par1").load("t.asp");
93});
94</script>
94
95<div class="languages">
96<span style="font-size:10px;" title=""><span id="par1"></span>&deg;C</span>
97<a class="icons" href="/" style="text-decoration:none"><img src="files/design/icon_ua.png" title="Ukrainian version" alt=""/></a>
98</div>
99<div class="logo">
100<a href="en_index.html"><img src="files/logo.png" class="toleft" style="width:75px;margin-top:63px;position:absolute;z-index:10000;border:0px;" alt=""/></a>
101<b>Zhytomyr Ivan Franko State University</b><br/>zu.edu.ua
102</div>
103<div class="clearing"></div>
104<ul id="nav">
105      <li class="top"><a class="top_link" href="en_index.html"><span class="down">Home</span></a>
106          <ul class="sub">
107		    <li><a href="en_prosymo.html">Welcome!</a></li>
108			<li><a href="en_rectorat.html">Administration</a></li>
109			<li><a href="en_history.html">Our History</a></li>
110			<li><a href="en_nova.html">Our University Nowadays</a></li>
111			<li><a href="en_relations.html">Information for Prospective Students</a></li>
112		 </ul>
113      </li>
114
115	 <li class="top"><a class="top_link" href="en_struc.html"><span class="down">Structure</span></a>
116	    <ul class="sub">
117		<li><a href="en_inyaz.html">Educational and Research Institute of Foreign Philology</a></li>
118		<li><a href="en_pedfak.html">Educational and Research Institute of Pedagogics</a></li>
119		<li><a href="en_filfak.html">Educational and Research Institute of Philology and Journalism</a></li>
120		<li><a href="en_istfak.html">Faculty of History</a></li>
121		<li><a href="en_biofak.html">Faculty of Natural Sciences</a></li>
122		<li><a href="en_sport.html">Faculty of Physical Education and Sport</a></li>
123		<li><a href="en_fizmat.html">Faculty of Physics and Mathematics</a></li>
124		<li><a href="spf.html">Faculty of Socio-Psychological</a></li>
125        </ul>
126	 </li>
127	<li class="top"><a class="top_link" href="fach.html"><span class="down">Science</span></a>
128	<ul class="sub">
129		<li><a href="fach.html">Scientific Professional Journals</a></li>
130		<li><a href="se.html">Scientific Schools</a></li>
131		<li><a href="sector_centrs.html">Research Centers</a></li>
132		<li><a href="sector_labs.html">Research Laboratories</a></li>
133      	</ul>
134	 </li>
135		<li class="top"><a class="top_link"  href="en_relations.html"><span class="down">International relations</span></a>
136	<ul class="sub">
137		<li><a href="en_relations_about.html">Department of International Relations and Regional Affairs</a></li>
138		<li><a href="en_relations_work.html">International Cooperation</a></li>
139       		<li><a href="en_relations_konsortsium.html">Consortiums</a></li>
140       		<li><a href="professors.html">Honorary professors and doctors of science</a></li>
141	</ul>
142</li>
143</ul>
144
145<div class="flexslider">
146	<ul class="slides">
147		<li><div class="over"><img src="files/design/zdu1.jpg" alt=""/></div></li>
148		<li><div class="over"><img src="files/design/zdu2.jpg" alt=""/></div></li>
149		<li><div class="over"><img src="files/design/zdu3.jpg" alt=""/></div></li>
150		<li><div class="over"><img src="files/design/zdu4.jpg" alt=""/></div></li>
151		<li><div class="over"><img src="files/design/zdu5.jpg" alt=""/></div></li>
152		<li><div class="over"><img src="files/design/zdu6.jpg" alt=""/></div></li>
153		<li><div class="over"><img src="files/design/zdu7.jpg" alt=""/></div></li>
154	</ul>
155</div>
156
157 <div class="carousel-box">
158<table border="0" style="margin: 0 auto;" cellspacing="5" cellpadding="0">
159<tr>
160<td><a href="https://dekanat.zu.edu.ua/cgi-bin/timetable.cgi?n=999" title=""><img src="images/knopki/en/0.png" width="100%" style="border:0px;" onmouseover="this.src='images/knopki/en/0_c.png';" onmouseout="this.src='images/knopki/en/0.png';" alt=""/></a></td>
161<td><a href="https://eprints.zu.edu.ua/" title=""><img src="images/knopki/en/1.png" width="100%" style="border:0px;" onmouseover="this.src='images/knopki/en/1_c.png';" onmouseout="this.src='images/knopki/en/1.png';" alt=""/></a></td>
162<td><a href="https://project.zu.edu.ua/" title=""><img src="images/knopki/en/4.png" width="100%" style="border:0px;" onmouseover="this.src='images/knopki/en/4_c.png';" onmouseout="this.src='images/knopki/en/4.png';" alt=""/></a></td>
163<td><a href="fach.html" title=""><img src="images/knopki/en/3.png" width="100%" style="border:0px;" onmouseover="this.src='images/knopki/en/3_c.png';" onmouseout="this.src='images/knopki/en/3.png';" alt=""/></a></td>
164<td><a href="https://www.eolymp.com/en/" title=""><img src="images/knopki/en/5.png" width="100%" style="border:0px;" onmouseover="this.src='images/knopki/en/5_c.png';" onmouseout="this.src='images/knopki/en/5.png';" alt=""/></a></td>
165</tr>
166</table>
167</div>
168
169</div>
170<div id="container">
171<div id="content" class="column"><div id="content_fon">
172
173<div id="font_Exo2">
174
175	<table border="0" width="100%" cellspacing="0" cellpadding="0">
176	<tr><td valign="top" class="left" style="width:310px;">
177<div class="wrapper">
178	<div id="faded" style="margin:5px;">
179        <div class="rap">
180			<img src="IndexGallery/z5.jpg" title="" alt=""/>
181			<img src="IndexGallery/z2.jpg" title="" alt=""/>
182			<img src="IndexGallery/z3.jpg" title="" alt=""/>
183			<img src="IndexGallery/z66.jpg" title="" alt=""/>
184        </div>
185        <a href="" class="prev"><img src="IndexGallery/prev.png" alt="" style="border:0px;"/></a>
186        <a href="" class="next"><img src="IndexGallery/next.png" alt="" style="border:0px;"/></a>
187	</div>
188</div>
189
190<div style="text-align:center;font-weight:normal;border-radius:10px;" class="stack_top">
191<a href="http://www.youtube.com/user/zduvideo" title="University's YouTube Channel"><img src="img/ico-social-youtube.png" width="32" height="32" alt="University's YouTube Channel" style="border:0px;"/></a>
192<a href="https://www.facebook.com/zu.edu.ua?fref=ts" title=""><img src="img/ico-social-facebook.png" width="32" height="32" alt="" style="border:0px;"/></a>
193</div>
194
195<div style="text-align:center; font-weight:normal; border-radius:10px;" class="stack_top">
196	<p style="margin-left:5px;">40, Velyka Berdychivska Str.<br />Zhytomyr, Ukraine, 10008<br />phone/fax: +380 412 43-14-17<br />e-mail: [email protected]</p>
197	<div style="text-align:center;"><a href="https://www.google.com/maps/@50.249524,28.674102,16z?hl=en&entry=ttu" style="text-decoration: none;">find us on the map</a></div>
198</div>
199
200	</td>
201
202 <td style="padding-top:0px;margin-left:5px;float:left;" valign="top">
203         <table class="stack_top" style="border-radius:10px;font-weight:normal;" width="100%">
204			<tr><td><h3>Welcome you to our official website!</h3>
205<p>Our university has a&nbsp;long and glorious tradition that we&nbsp;preserve and multiply today. It&nbsp;has passed its difficult and thorny path, the path marked by&nbsp;scientific and educational laurels, prominent personalities as&nbsp;well as&nbsp;groundless accusations and political repression. However, despite all the obstacles, the oldest in&nbsp;Zhytomyr region institute of&nbsp;higher education continued to&nbsp;work and develop in&nbsp;various forms imposed by&nbsp;authorities and the merited idea of&nbsp;science and enlightment has always been dominant in&nbsp;it.</p>
206<p>The powerful potential of&nbsp;the teaching staff, upgraded material and technical supply, modern innovative learning technologies have added to&nbsp;its growing into one of&nbsp;the most prestigious educational establishments of&nbsp;Ukraine. Its more than 80-thousand army of&nbsp;graduates works in&nbsp;all corners of&nbsp;Ukraine as&nbsp;well as&nbsp;abroad. Among them there are famous scholars&nbsp;&mdash; mathematicians, physicists, biologists, geologists, linguists, historians, writers, managers of&nbsp;education, diplomats, politicians and state figures. Due to&nbsp;their activities, research and teaching achievements our university is&nbsp;highly valued not only in&nbsp;Ukraine but also far beyond its borders.</p>
207<p>International Academic Rating of&nbsp;popularity and quality acknowledged the university as&nbsp;&ldquo;The symbol of&nbsp;classical education&rdquo;. ZSU has been praised with silver medal &ldquo;Glory of&nbsp;allegiance to&nbsp;the Motherland&rdquo;, it&nbsp;is&nbsp;the holder of&nbsp;silver Stella and the Diploma of&nbsp;quality. Achievements of&nbsp;the university are awarded with honorary prizes of&nbsp;prestigious ratings of&nbsp;&ldquo;Sofia Kyivska&rdquo;, &ldquo;Assembly of&nbsp;business circles of&nbsp;Ukraine&rdquo;, International Fund for high quality in&nbsp;business (Geneva), Club of&nbsp;the Rectors of&nbsp;Europe and Nominating Committee of&nbsp;the European Business Assembly (Oxford). <a href="en_prosymo.html">More details...</a></p>
208			</td></tr>
209		</table>
210 
211
212</td></tr>
213</table>
214
215</div>
216
217</div></div>
218<div id="right" class="column">
219      <div class="right_fon"><div class="tleft"></div><div class="tright"></div>
220	<div class="pad"><br/>
221		<ul>
222			<li><a href="en_prosymo.html">Welcome!</a></li>
223			<li><a href="en_rectorat.html">Administration</a></li>
224			<li><a href="en_history.html">Our History</a></li>
225			<li><a href="en_nova.html">Our University Nowadays</a></li>
226			<li><a href="en_relations.html">Information for Prospective&nbsp;Students</a></li>
227		</ul>
228	</div>
229	<div class="bleft"></div><div class="bright"></div>
230</div>
231<br/><br/>
232
233<div class="right_fon"><div class="tleft"></div><div class="tright"></div>
234	<div class="pad"><br/>
235		<b>Institutes</b>
236		<ul>
237			<li><a href="en_inyaz.html">Foreign Philology</a></li>
238			<li><a href="en_pedfak.html">Pedagogics</a></li>
239			<li><a href="en_filfak.html">Philology and Journalism</a></li>
240		</ul>
241		<b>Faculties</b>
242		<ul>
243			<li><a href="en_istfak.html">History</a></li>
244			<li><a href="en_biofak.html">Natural Sciences</a></li>
245			<li><a href="en_sport.html">
245Physical Education and Sport</a></li>
246			<li><a href="en_fizmat.html">Physics and Mathematics</a></li>
247			<li><a href="spf.html">Social Psychology</a></li>
248		</ul>
249	</div>
250	<div class="bleft"></div><div class="bright"></div>
251</div>
252	<br/><br/>
253	<div style="border-radius:10px; text-align:center;" class="stack_top"><br/>
254<script type="text/javascript" id="clustrmaps" src="//cdn.clustrmaps.com/map_v2.js?cl=ffffff&t=m&d=HoATA2JmvZg5QfsfkO4hniMhclXQ-7OeK1wnG-ke9OM&co=f1f1f1&ct=000000&cmo=626eb0&cmn=f5bf01"></script>
254
255	</div>
256
257<script type="text/javascript">
258	jQuery('.act').bind('click', function()  { jQuery(this).next().slideToggle("slow") });
259</script>
259
260  </div>
261</div>
262<div id="footer">
263	<div id="footerleft"></div>
264	<div id="footerright"></div>
265	<div id="contact">&copy; 2000&#150;2026 Zhytomyr Ivan Franko State University</div>
266</div>
267<style>
268  /* === ÑÒÈ˲ Â²ÄÆÅÒÀ ÄÎÑÒÓÏÍÎÑÒ² (ô³íàëüíà âåðñ³ÿ) === */
269  #a11y-widget {
270    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
271    font-size: 15px;
272    line-height: 1.4;
273    color: #222;
274  }
275
276  /* Ïëàâàþ÷à êíîïêà */
277  #a11y-toggle {
278    position: fixed;
279    bottom: 24px;
280    right: 24px;
281    z-index: 99999;
282    background: #003087;
283    color: white;
284    border: none;
285    border-radius: 50px;
286    padding: 12px 20px 12px 18px;
287    display: flex;
288    align-items: center;
289    gap: 8px;
290    box-shadow: 0 4px 12px rgba(0, 48, 135, 0.3);
291    cursor: pointer;
292    font-weight: 600;
293    font-size: 15px;
294    transition: all 0.2s ease;
295  }
296
297  #a11y-toggle:hover {
298    background: #002266;
299    transform: translateY(-2px);
300    box-shadow: 0 6px 16px rgba(0, 48, 135, 0.4);
301  }
302
303  #a11y-toggle svg {
304    width: 22px;
305    height: 22px;
306  }
307
308  /* Ïàíåëü íàëàøòóâàíü */
309  #a11y-panel {
310    position: fixed;
311    bottom: 90px;
312    right: 24px;
313    z-index: 99999;
314    background: white;
315    border-radius: 16px;
316    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
317    width: 320px;
318    max-width: calc(100vw - 48px);
319    padding: 20px;
320    border: 1px solid #e5e5e5;
321    display: none;
322  }
323
324  #a11y-panel.open {
325    display: block;
326  }
327
328  #a11y-panel h3 {
329    margin: 0 0 16px 0;
330    font-size: 18px;
331    color: #003087;
332    display: flex;
333    align-items: center;
334    gap: 8px;
335  }
336
337  .a11y-option {
338    display: flex;
339    align-items: center;
340    justify-content: space-between;
341    padding: 12px 0;
342    border-bottom: 1px solid #f0f0f0;
343  }
344
345  .a11y-option:last-child {
346    border-bottom: none;
347  }
348
349  .a11y-option label {
350    font-weight: 500;
351    color: #333;
352  }
353
354  /* Toggle switches */
355  .a11y-switch {
356    position: relative;
357    display: inline-block;
358    width: 52px;
359    height: 28px;
360  }
361
362  .a11y-switch input {
363    opacity: 0;
364    width: 0;
365    height: 0;
366  }
367
368  .a11y-slider {
369    position: absolute;
370    cursor: pointer;
371    top: 0;
372    left: 0;
373    right: 0;
374    bottom: 0;
375    background-color: #ccc;
376    transition: .3s;
377    border-radius: 34px;
378  }
379
380  .a11y-slider:before {
381    position: absolute;
382    content: "";
383    height: 22px;
384    width: 22px;
385    left: 3px;
386    bottom: 3px;
387    background-color: white;
388    transition: .3s;
389    border-radius: 50%;
390  }
391
392  .a11y-switch input:checked + .a11y-slider {
393    background-color: #003087;
394  }
395
396  .a11y-switch input:checked + .a11y-slider:before {
397    transform: translateX(24px);
398  }
399
400  /* Êíîïêà ñêèäàííÿ */
401  #a11y-reset {
402    width: 100%;
403    margin-top: 16px;
404    padding: 10px;
405    background: #f8f8f8;
406    border: 1px solid #ddd;
407    border-radius: 8px;
408    color: #555;
409    font-weight: 500;
410    cursor: pointer;
411    transition: all 0.2s;
412  }
413
414  #a11y-reset:hover {
415    background: #ffebee;
416    color: #c62828;
417    border-color: #ef9a9a;
418  }
419
420  /* =====================================================
421     ÑÈËÜÍÈÉ ×ÎÐÍÎ-Á²ËÈÉ ÂÈÑÎÊÈÉ ÊÎÍÒÐÀÑÒ
422  ===================================================== */
423  html.a11y-high-contrast body,
424  html.a11y-high-contrast main,
425  html.a11y-high-contrast .container,
426  html.a11y-high-contrast .content,
427  html.a11y-high-contrast article,
428  html.a11y-high-contrast section,
429  html.a11y-high-contrast header,
430  html.a11y-high-contrast footer,
431  html.a11y-high-contrast aside,
432  html.a11y-high-contrast .block,
433  html.a11y-high-contrast .card {
434    background-color: #ffffff !important;
435    color: #111111 !important;
436  }
437
438  html.a11y-high-contrast h1,
439  html.a11y-high-contrast h2,
440  html.a11y-high-contrast h3,
441  html.a11y-high-contrast h4,
442  html.a11y-high-contrast h5,
443  html.a11y-high-contrast h6 {
444    color: #000000 !important;
445  }
446
447  html.a11y-high-contrast p,
448  html.a11y-high-contrast li,
449  html.a11y-high-contrast span,
450  html.a11y-high-contrast div,
451  html.a11y-high-contrast td,
452  html.a11y-high-contrast th {
453    color: #111111 !important;
454  }
455
456  html.a11y-high-contrast a,
457  html.a11y-high-contrast a:visited {
458    color: #003087 !important;
459    text-decoration: underline !important;
460  }
461
462  html.a11y-high-contrast a:hover,
463  html.a11y-high-contrast a:focus {
464    color: #c62828 !important;
465  }
466
467  html.a11y-high-contrast button,
468  html.a11y-high-contrast .btn,
469  html.a11y-high-contrast input[type="button"],
470  html.a11y-high-contrast input[type="submit"],
471  html.a11y-high-contrast .button {
472    background-color: #f5f5f5 !important;
473    color: #111111 !important;
474    border: 1px solid #333333 !important;
475  }
476
477  html.a11y-high-contrast input,
478  html.a11y-high-contrast select,
479  html.a11y-high-contrast textarea {
480    background-color: #ffffff !important;
481    color: #111111 !important;
482    border: 1px solid #555555 !important;
483  }
484
485  /* Ïðèáèðàºìî âñ³ ôîíîâ³ çîáðàæåííÿ òà ãðà䳺íòè */
486  html.a11y-high-contrast *,
487  html.a11y-high-contrast *::before,
488  html.a11y-high-contrast *::after {
489    background-image: none !important;
490  }
491
492  /* Çá³ëüøåíèé ì³æðÿäêîâèé ³íòåðâàë */
493  html.a11y-increased-spacing p,
494  html.a11y-increased-spacing li,
495  html.a11y-increased-spacing div,
496  html.a11y-increased-spacing span {
497    line-height: 1.8 !important;
498  }
499</style>
500
501<!-- ÊÍÎÏÊÀ Â²ÄÆÅÒÀ -->
502<button type="button" 
503        id="a11y-toggle" 
504        title="Âåðñ³ÿ äëÿ ñëàáîçîðèõ" 
505        aria-label="Âåðñ³ÿ äëÿ ñëàáîçîðèõ"
506        style="background:transparent; border:none; padding:4px; margin:0 4px; cursor:pointer; display:inline-flex; align-items:center;">
507  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="#003087" width="20" height="20">
508    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
509          d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
510    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
511          d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
512  </svg>
513</button>
514
515<!-- ÏÀÍÅËÜ ÍÀËÀØÒÓÂÀÍÜ -->
516<div id="a11y-panel" role="dialog" aria-labelledby="a11y-title">
517  <h3 id="a11y-title">
518    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 24 24" stroke="#003087">
519      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
520            d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
521      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
522            d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
523    </svg>
524    Íàëàøòóâàííÿ äîñòóïíîñò³
525  </h3>
526
527  <!-- ×îðíî-á³ëèé âèñîêèé êîíòðàñò -->
528  <div class="a11y-option">
529    <label for="a11y-contrast">×îðíî-á³ëà âåðñ³ÿ (âèñîêèé êîíòðàñò)</label>
530    <label class="a11y-switch">
531      <input type="checkbox" id="a11y-contrast">
532      <span class="a11y-slider"></span>
533    </label>
534  </div>
535
536  <!-- Çá³ëüøåíèé ³íòåðâàë -->
537  <div class="a11y-option">
538    <label for="a11y-spacing">Çá³ëüøèòè ³íòåðâàë ì³æ ðÿäêàìè</label>
539    <label class="a11y-switch">
540      <input type="checkbox" id="a11y-spacing">
541      <span class="a11y-slider"></span>
542    </label>
543  </div>
544
545  <button id="a11y-reset">Ñêèíóòè âñ³ íàëàøòóâàííÿ</button>
546</div>
547
548<script>
549(function() {
550  'use strict';
551
552  const html = document.documentElement;
553  const panel = document.getElementById('a11y-panel');
554  const toggleBtn = document.getElementById('a11y-toggle');
555
556  const contrastToggle = document.getElementById('a11y-contrast');
557  const spacingToggle = document.getElementById('a11y-spacing');
558  const resetBtn = document.getElementById('a11y-reset');
559
560  function applySettings(settings) {
561    if (settings.highContrast) {
562      html.classList.add('a11y-high-contrast');
563      contrastToggle.checked = true;
564    } else {
565      html.classList.remove('a11y-high-contrast');
566      contrastToggle.checked = false;
567    }
568
569    if (settings.increasedSpacing) {
570      html.classList.add('a11y-increased-spacing');
571      spacingToggle.checked = true;
572    } else {
573      html.classList.remove('a11y-increased-spacing');
574      spacingToggle.checked = false;
575    }
576  }
577
578  function saveSettings(settings) {
579    localStorage.setItem('a11y_settings_zu', JSON.stringify(settings));
580  }
581
582  function loadSettings() {
583    const saved = localStorage.getItem('a11y_settings_zu');
584    if (saved) {
585      try { return JSON.parse(saved); } catch (e) {}
586    }
587    return {
588      highContrast: false,
589      increasedSpacing: false
590    };
591  }
592
593  function updateState() {
594    const settings = {
595      highContrast: contrastToggle.checked,
596      increasedSpacing: spacingToggle.checked
597    };
598    applySettings(settings);
599    saveSettings(settings);
600  }
601
602  function init() {
603    const settings = loadSettings();
604    applySettings(settings);
605
606    toggleBtn.addEventListener('click', function(e) {
607      e.preventDefault();
608      panel.classList.toggle('open');
609      
610      if (panel.classList.contains('open')) {
611        setTimeout(() => {
612          document.addEventListener('click', function closeOutside(e) {
613            if (!panel.contains(e.target) && e.target !== toggleBtn) {
614              panel.classList.remove('open');
615              document.removeEventListener('click', closeOutside);
616            }
617          }, { once: true });
618        }, 10);
619      }
620    });
621
622    contrastToggle.addEventListener('change', updateState);
623    spacingToggle.addEventListener('change', updateState);
624
625    resetBtn.addEventListener('click', function() {
626      contrastToggle.checked = false;
627      spacingToggle.checked = false;
628
629      html.classList.remove(
630        'a11y-high-contrast',
631        'a11y-increased-spacing'
632      );
633
634      saveSettings({
635        highContrast: false,
636        increasedSpacing: false
637      });
638    });
639
640    document.addEventListener('keydown', function(e) {
641      if (e.key === 'Escape' && panel.classList.contains('open')) {
642        panel.classList.remove('open');
643      }
644    });
645  }
646
647  if (document.readyState === 'loading') {
648    document.addEventListener('DOMContentLoaded', init);
649  } else {
650    init();
651  }
652})();
653</script>
653
654
655</body>
656</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.