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&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&subset=latin,cyrillic,latin-ext" rel="stylesheet" type="text/css"/> 17<link href="https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic" rel="stylesheet" type="text/css"/> 18<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&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>°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 long and glorious tradition that we preserve and multiply today. It has passed its difficult and thorny path, the path marked by scientific and educational laurels, prominent personalities as well as groundless accusations and political repression. However, despite all the obstacles, the oldest in Zhytomyr region institute of higher education continued to work and develop in various forms imposed by authorities and the merited idea of science and enlightment has always been dominant in it.</p> 206<p>The powerful potential of the teaching staff, upgraded material and technical supply, modern innovative learning technologies have added to its growing into one of the most prestigious educational establishments of Ukraine. Its more than 80-thousand army of graduates works in all corners of Ukraine as well as abroad. Among them there are famous scholars — mathematicians, physicists, biologists, geologists, linguists, historians, writers, managers of education, diplomats, politicians and state figures. Due to their activities, research and teaching achievements our university is highly valued not only in Ukraine but also far beyond its borders.</p> 207<p>International Academic Rating of popularity and quality acknowledged the university as “The symbol of classical education”. ZSU has been praised with silver medal “Glory of allegiance to the Motherland”, it is the holder of silver Stella and the Diploma of quality. Achievements of the university are awarded with honorary prizes of prestigious ratings of “Sofia Kyivska”, “Assembly of business circles of Ukraine”, International Fund for high quality in business (Geneva), Club of the Rectors of Europe and Nominating Committee of 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 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">© 2000–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.