1<!doctype html> 2<html lang="uk"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-HHNS30PVX3
vendor: 16 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 151 bytes, lines 7-10
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('config', '
10G-HHNS30PVX3
vendor: 8 bytes, lines 10-11
10'); 11
11</script>
11 12 13 <meta charset="UTF-8"> 14 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 15 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 16 <meta name="robots" content="index, follow"> 17 18 <meta name="description" content="У ÐÑÐ·ÐµÑ Ð²Ñйни вÑдбÑдеÑÑÑÑ Ð´Ð¸ÑÑÑий воÑкÑоп «ÐÑÑоÑÑÑ Ð´Ð»Ñ Ð½Ð°Ð¹Ð¼ÐµÐ½ÑÐ¸Ñ Â» Ñз лÑÐ¿Ð»ÐµÐ½Ð½Ñ Ð· плаÑÑилÑÐ½Ñ Ð² пÑоÑÑоÑÑ Ð²Ð¸ÑÑавки «ÐÑйна: звоÑоÑна пеÑÑпекÑива», де ÑеÑез ÑвоÑÑÑÑÑÑ Ð´ÑÑи зможÑÑÑ Ð¿Ð¾Ð·Ð½Ð°Ð¹Ð¾Ð¼Ð¸ÑиÑÑ Ð· важливими ÑÑÑоÑиÑними подÑÑми ХХâХХРÑÑолÑÑÑ."> 19 <meta name="keywords" content="ÐÑÑоÑÑÑ Ð´Ð»Ñ Ð½Ð°Ð¹Ð¼ÐµÐ½ÑÐ¸Ñ Ð²Ð¾ÑкÑоп, диÑÑÑий воÑкÑоп ÐÑзей вÑйни ÐиÑв, майÑÑеÑ-ÐºÐ»Ð°Ñ Ð´Ð»Ñ Ð´ÑÑей ÐиÑв мÑзей, виÑÑавка ÐÑйна звоÑоÑна пеÑÑпекÑива, подÑÑ Ð´Ð»Ñ Ð´ÑÑей ÐÑзей вÑйни, ÑвоÑÑÑ Ð·Ð°Ð½ÑÑÑÑ Ð´Ð»Ñ Ð´ÑÑей ÐиÑв мÑзей, Ðнна ÐомбÑовÑÑка ÐÑзей вÑйни, оÑвÑÑÐ½Ñ Ð·Ð°Ñ Ð¾Ð´Ð¸ Ð´Ð»Ñ Ð´ÑÑей ÐиÑв, диÑÑÑÑ Ð¼ÑÐ·ÐµÐ¹Ð½Ñ Ð·Ð°Ð½ÑÑÑÑ ÐиÑв, ÐÑзей вÑйни подÑÑ Ð´Ð»Ñ Ð´ÑÑей"> 20 <link rel="alternate" hreflang="uk" href="https://warmuseum.kyiv.ua/news/show/istoriia-dlia-naimensix"/> 21 <link rel="alternate" hreflang="en" href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones"/> 22<link rel="canonical" href="https://warmuseum.kyiv.ua/news/show/istoriia-dlia-naimensix" /> 23 24 <title>ÐÑзей вÑйни</title> 25 <link href="//fonts.googleapis.com/css?family=Noto+Sans:400,500,600&subset=cyrillic" rel="stylesheet"> 26 27 28 29 <link rel="preload" as="style" href="https://warmuseum.kyiv.ua/assets/css/app-DYPrphb4.css" /><link rel="stylesheet" href="https://warmuseum.kyiv.ua/assets/css/app-DYPrphb4.css" /> <style> 30 31 .content-text > :first-child { 32 font-weight: bold; 33 margin-block-end: 2rem; 34 } 35 36 .content-text ul { 37 list-style-type: disc; 38 padding-left: 1.5rem; 39 /*text-wrap: balance;*/ 40 } 41 42 </style> 43 <style> 44 45 .header--wrapper { 46 position: fixed; 47 top: 0; 48 left: 0; 49 width: 100%; 50 width: calc(100% - var(--scrollbar-width, 0px)); 51 height: var(--header-height); 52 place-content: center; 53 transition: top .3s ease-in-out; 54 will-change: top; 55 /*transform: translateZ(0);*/ /* ÐÑибиÑаÑм меÑÐµÑ ÑÑÐ½Ð½Ñ */ 56 z-index: 99999; 57 background: var(--header-background-color); 58 } 59 60 .header--wrapper > :first-child { 61 display: grid; 62 grid-template-areas: 63 "logo topbar" 64 "logo nav"; 65 grid-template-columns: max-content 1fr; 66 column-gap: 20px; 67 } 68 69 .header-logo-wrapper { 70 grid-area: logo; 71 display: grid; 72 place-content: flex-end flex-start; 73 z-index: 1; 74 } 75 76 /* ÑиÑина лого */ 77 .header-logo-wrapper svg { 78 width: 230px; 79 } 80 81 /* колÑÑ Ð»Ð¾Ð³Ð¾ */ 82 .header-logo-wrapper path { 83 fill: var(--header-logo-fill-color); 84 transition: fill var(--menu-primary-link-animation-time-hover); 85 } 86 87 .header--wrapper.mobile.open .header-logo-wrapper path { 88 fill: var(--menu-mobile-open-logo-color); 89 } 90 91 /* ÑозмÑÑи logo вÑдноÑно ÑиÑини екÑÐ°Ð½Ñ */ 92 @media (width < 1400px) { 93 .header-logo-wrapper svg { 94 width: 200px; 95 } 96 } 97 98 @media (width < 1200px) { 99 .header-logo-wrapper svg { 100 width: 190px; 101 } 102 } 103
104 @media (width < 400px) { 105 .header-logo-wrapper svg { 106 width: 180px; 107 } 108 } 109 110 111 .header--wrapper .service-bar-wrapper { 112 grid-area: topbar; 113 display: grid; 114 place-content: center flex-end; 115 z-index: 1; 116 } 117 118 .header-navigation { 119 grid-area: nav; 120 display: grid; 121 grid-auto-flow: column; 122 grid-template-columns: 1fr max-content; 123 grid-template-rows: 1fr; 124 column-gap: 20px; 125 place-content: flex-end flex-end; 126 transform: translateY(4px); 127 } 128 129 .mobile .header-navigation { 130 transform: none !important; 131 background: var(--menu-mobile-background); 132 clip-path: inset(0% 0% 100% 0%); 133 } 134 135 .btn-mobile-menu-wrapper { 136 grid-area: btnMobileMenu; 137 display: none; 138 place-content: flex-end flex-end; 139 z-index: 1; 140 } 141 142 /* mobile menu 1140px */ 143 @media (width <= 1500px) { 144 .header--wrapper > div:first-child { 145 grid-template-areas: 146 "logo topbar" 147 "logo btnMobileMenu"; 148 } 149 150 .header--wrapper .service-bar-wrapper { 151 place-content: flex-start flex-end; 152 } 153 154 .btn-mobile-menu-wrapper { 155 display: grid; 156 } 157 158 .header-navigation { 159 /*border: 4px solid Green;*/ 160 position: fixed; 161 top: 0; 162 left: 0; 163 width: 100%; 164 height: 100%; 165 padding: var(--header-height) 2% 8% 2%; 166 grid-template-columns: 1fr; 167 grid-template-rows: .8fr .2fr; 168 row-gap: 20px; 169 grid-auto-flow: row; 170 place-items: center; 171 /*column-gap: revert; 172 place-content: revert;*/ 173 /*transform: revert;*/ 174 } 175 } 176 177 @media (width < 560px) { 178 .header-navigation { 179 grid-template-rows: .8fr .1fr .1fr; 180 } 181 } 182 183 .mobile-service-bar-wrapper, 184 .mobile-service-bar-wrapper path { 185 color: var(--text-main-color-inverse); 186 stroke: var(--text-main-color-inverse); 187 } 188 189 .mobile-service-bar-wrapper { 190 display: none; 191 grid-template-columns: repeat(auto-fill, 1fr); 192 grid-auto-flow: column; 193 column-gap: 20px; 194 align-items: center; 195 } 196 197 @media (width < 560px) { 198 .mobile-service-bar-wrapper { 199 display: grid; 200 } 201 } 202 203 /* ------ GLOBAL MENU ------ */ 204 .menu { 205 display: grid; 206 grid-template-columns: repeat(auto-fill, 1fr); 207 grid-auto-flow: column; 208 padding-left: 0; 209 list-style-type: none; 210 white-space: nowrap; 211 font-family: var(--title-text-font), sans-serif; 212 font-weight: 500; 213 font-size: 18px; 214 line-height: normal; 215 align-content: flex-end; 216 } 217 218 .menu a, 219 .menu a path { 220 display: inline-block; 221 color: var(--menu-primary-link-color); 222 stroke: var(--menu-primary-link-color); 223 fill: none; 224 stroke-width: 2px; 225 stroke-linecap: round; 226 stroke-linejoin: round; 227 } 228 229 /*.menu a { 230 transition: all var(--menu-primary-link-animation-time-hover); 231 }*/ 232 233 /* ------ PRIMARY MENU ------ */ 234 .primary.menu { 235 gap: 20px; 236 place-content: flex-end center; 237 } 238 239 .header--wrapper .primary.menu li { 240 position: relative; 241 overflow: hidden; 242 } 243 244 .header--wrapper .primary.menu li a { 245 /* transition: all var(--menu-primary-link-animation-time-hover);*/ 246 color: var(--text-main-color); 247 } 248 249 .header--wrapper.mobile .primary.menu li a { 250 transition: revert; 251 transform: translateY(100%); 252 opacity: 0; 253 } 254
255 .has-hover .header--wrapper .primary.menu li:hover a { 256 transform: translateY(-100%); 257 /*transition: all .45s;*/ 258 } 259 260 .header--wrapper .primary.menu a:before { 261 content: attr(data-text); 262 color: var(--menu-primary-link-color-hover); 263 position: absolute; 264 left: 0; 265 top: 100%; 266 } 267 268 .header--wrapper.mobile .primary.menu { 269 grid-auto-flow: row; 270 gap: 5px; 271 text-align: center; 272 } 273 274 .header--wrapper.mobile .primary.menu a { 275 color: var(--menu-mobile-links-color); 276 font-size: 28px; 277 font-weight: bold; 278 line-height: normal; 279 letter-spacing: 1.25px; 280 } 281 282 @media (width < 380px) { 283 .header--wrapper.mobile .primary.menu { 284 gap: 5px; 285 } 286 287 .header--wrapper.mobile .primary.menu a { 288 font-size: 25px; 289 letter-spacing: 1.2px; 290 } 291 } 292 293 .footer-nav-wrapper .primary.menu { 294 grid-auto-flow: row; 295 place-self: revert; 296 place-content: revert; 297 row-gap: 10px; 298 font-size: 1.125rem; 299 font-weight: 500; 300 line-height: normal; 301 height: max-content; 302 } 303 304 .footer-nav-wrapper .primary.menu li a { 305 color: var(--menu-mobile-links-color); 306 /*transition: all var(--menu-primary-link-animation-time-hover);*/ 307 } 308 309 .has-hover .footer-nav-wrapper .primary.menu li a:hover { 310 color: var(--menu-primary-link-color-hover); 311 } 312 313 314 /* ------ SECONDARY MENU ------ */ 315 .secondary.menu { 316 gap: 20px; 317 } 318 319 .secondary.menu a { 320 display: grid; 321 grid-auto-flow: column; 322 gap: 8px; 323 place-items: center; 324 } 325 326 .secondary.menu a, 327 .secondary.menu a path { 328 /*transition: all var(--menu-primary-link-animation-time-hover);*/ 329 } 330 331 .mobile .secondary.menu a, 332 .mobile .secondary.menu a path { 333 color: var(--menu-mobile-links-color); 334 stroke: var(--menu-mobile-links-color); 335 } 336 337 .mobile .secondary-menu-text { 338 width: max-content; 339 } 340 341 .mobile .secondary.menu a { 342 column-gap: 8px; 343 } 344 345 @media (width < 1600px) { 346 .secondary-menu-text { 347 width: 0; 348 overflow: clip; 349 } 350 351 .secondary.menu a { 352 column-gap: 0; 353 } 354 } 355 356 .footer-nav-wrapper .secondary.menu { 357 grid-auto-flow: row; 358 row-gap: 10px; 359 place-self: revert; 360 place-content: revert; 361 font-size: 1.125rem; 362 font-weight: 500; 363 line-height: normal; 364 height: max-content; 365 } 366 367 .footer-nav-wrapper .secondary.menu li a { 368 display: revert; 369 color: var(--menu-mobile-links-color); 370 /*transition: all var(--menu-primary-link-animation-time-hover);*/ 371 } 372 373 .has-hover .footer-nav-wrapper .secondary.menu li a:hover { 374 color: var(--menu-primary-link-color-hover); 375 } 376 377 /* ------ HOVERS ------ */ 378 379 .has-hover .menu.primary a, 380 .has-hover .menu.primary a path { 381 transition: all var(--menu-primary-link-animation-time-hover); 382 } 383 384 .has-hover .menu.secondary a, 385 .has-hover .menu.secondary a path { 386 transition: all var(--menu-secondary-link-animation-time-hover); 387 } 388 389 .has-hover .menu a:hover, 390 .has-hover .menu a:hover path { 391 color: var(--menu-primary-link-color-hover); 392 stroke: var(--menu-primary-link-color-hover); 393 } 394 395 .has-hover .mobile.open .primary.menu a:hover, 396 .has-hover .mobile.open .secondary.menu a:hover { 397 color: var(--menu-primary-link-color-hover); 398 transition: all var(--menu-primary-link-animation-time-hover); 399 } 400 401 .has-hover .mobile.open .primary.menu a:hover path, 402 .has-hover .mobile.open .secondary.menu a:hover path { 403 stroke: var(--menu-primary-link-color-hover); 404 transition: all var(--menu-primary-link-animation-time-hover); 405 } 406 407 .header--wrapper.mobile.open .service-bar-wrapper .icon--search path { 408 stroke: var(--menu-mobile-open-logo-color); 409 } 410 411 .has-hover .header--wrapper.mobile.open .icon--search:hover path { 412 stroke: var(--icon-stroke-color-hover); 413 } 414 415 416 .header--wrapper .icon--scheduler path { 417 fill: #126B20; 418 } 419 420 .header--wrapper .icon--scheduler.closed path { 421 fill: #B80808; 422 } 423 424 .header--wrapper.mobile.open .icon--scheduler path, 425 .header--wrapper.mobile.open .icon--scheduler.closed path { 426 fill: var(--menu-mobile-open-logo-color); 427 } 428 429 430 /* BURGER MENU BUTTON */ 431 .btn-mobile-menu { 432 cursor: pointer; 433 position: relative; 434 } 435
436 .btn-mobile-menu:after { 437 content: ""; 438 position: absolute; 439 inset: 0; 440 z-index: -1; 441 transform: scale(1.25); 442 } 443 444 445 /* BURGER */ 446 .header__burger { 447 display: inline-flex; 448 flex-direction: column; 449 justify-content: center; 450 width: 30px; 451 height: 24px; 452 /*cursor: pointer; 453 pointer-events: initial;*/ 454 vertical-align: middle; 455 } 456 457 .header__burger-line { 458 width: 100%; 459 height: 2px; 460 background-color: #000000; 461 margin-top: 4px; 462 margin-bottom: 4px; 463 transform: rotate(0deg) translateY(0px); 464 will-change: transform; 465 transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); 466 } 467 468 .btn-mobile-menu.open .header__burger .header__burger-line { 469 background: var(--menu-primary-link-color-hover); 470 } 471 472 .btn-mobile-menu.open .header__burger .header__burger-line:nth-child(1) { 473 transform: translateY(5px) rotate(-45deg); 474 } 475 476 .btn-mobile-menu.open .header__burger .header__burger-line:nth-child(2) { 477 transform: translateY(-5px) rotate(45deg); 478 } 479 480 .search-wrapper .header__burger { 481 width: 50px; 482 height: 50px; 483 /*cursor: pointer; 484 pointer-events: initial;*/ 485 vertical-align: middle; 486 } 487 488 .search-wrapper .header__burger-line { 489 transition: none !important; 490 } 491 492 .search-wrapper .header__burger .header__burger-line { 493 background: Black; 494 } 495 496 .search-wrapper .header__burger .header__burger-line:nth-child(1) { 497 transform: translateY(5px) rotate(-45deg); 498 } 499 500 .search-wrapper .header__burger .header__burger-line:nth-child(2) { 501 transform: translateY(-5px) rotate(45deg); 502 } 503 504 /* SEARCH CONTAINER */ 505 .searchable { 506 position: fixed; 507 inset: 0; 508 width: 100%; 509 /*width: calc(100% - var(--scrollbar-width, 0px));*/ 510 background: var(--color-light-beige); 511 z-index: 9999999999; 512 visibility: hidden; 513 opacity: 0; 514 transition: opacity .6s ease; 515 } 516 517 .searchable.active { 518 visibility: visible; 519 opacity: 1; 520 transition: opacity .2s ease; 521 } 522 523 .search-wrapper { 524 padding: 5svmax 0; 525 display: grid; 526 grid-template-rows: 50px max-content 1fr; 527 gap: 3rem; 528 } 529 530 .close-search { 531 place-self: flex-end; 532 cursor: pointer; 533 } 534 535 #search-input { 536 width: 100%; 537 max-width: 100%; 538 padding: 1rem 3.5rem; 539 font-size: 1.25rem; 540 border: 3px solid #7c7c7c; 541 border-radius: 8px; 542 transition: border-color 0.3s ease-in-out; 543 outline: none; 544 box-sizing: border-box; 545 546 background: url(https://warmuseum.kyiv.ua/storage/icons/search/search-for-input.svg) no-repeat; 547 background-size: 30px; 548 background-position-x: 14px; 549 background-position-y: 50%; 550 } 551 552 #search-input:focus { 553 border-color: #2e65a1; 554 } 555 556 #search-input::placeholder { 557 color: #7c7c7c; 558 } 559 560 .search-form h6 { 561 font-size: 1rem; 562 padding-top: .5rem; 563 } 564 565 .result-form { 566 display: grid; 567 grid-template-rows: 1fr; 568 } 569 570 .result-content-wrapper { 571 position: relative; 572 } 573 574 .result-content { 575 position: absolute; 576 inset: 0; 577 overflow-y: auto; 578 padding-right: 1rem; /* Ð´Ð»Ñ Ð¾ÑÑÑÑпа Ð¾Ñ ÑкÑоллбаÑа */ 579 z-index: 999; 580 display: grid; 581 row-gap: 1.5rem; 582 /*height: max-content;*/ 583 } 584 585 .search-item-wrapper{ 586 display: grid; 587 gap: 1rem; 588 grid-template-columns: 1fr; 589 /*grid-template-columns: 150px 1fr;*/ 590 } 591 592 .search-item-image { 593 display: none; 594 } 595 596 .search-item-info { 597 598 & .search-item-text { 599 margin-block-start: 0.25rem; 600 margin-block-end: 0.25rem; 601 } 602 603 & .search-item-type { 604 margin-block-end: 0; 605 } 606 } 607 608 @media (width < 1500px) { /* 400 */ 609 .search-item-wrapper{ 610 display: grid; 611 gap: 1rem; 612 grid-template-columns: 1fr; 613 } 614 615 .search-item-image { 616 display: none; 617 } 618 } 619 620 621 622 623 </style> 624 <style> 625 626 .hero--inner { 627 padding-block-end: calc(var(--gap-40)); 628 height: 100svh; 629 } 630 631 .hero--inner { 632 height: max-content; 633 } 634 635 .hero--inner-container { 636 display: grid; 637 grid-template-columns: repeat(2, 1fr); 638 /*gap: var(--gap-100);*/ 639 } 640 641 .hero-page-title { 642 display: grid; 643 place-content: center; 644 padding-right: var(--gap-40); 645 / background: #DDD9D4; 646 } 647 648 .hero-page-title :is(h1, h2, h3) { 649 font-weight: bold; 650 text-wrap: balance; 651 } 652 653 .font-eUkraine { 654 font-family: var(--font-eukraine); 655 margin-block-start: 1rem; 656 } 657 658 .hero-page-title h5 { 659 color: #777777; 660 /*font-size: 18px;*/ 661 text-transform: uppercase; 662 letter-spacing: 1.2px; 663 } 664 665 .hero-page-title h6 { 666 color: #777777; 667 / color: var(--color-sandy); 668 } 669 670 .hero-page-img { 671 672 } 673 674 @media (width < 768px) { 675 676 .hero--inner { 677 padding-block-end: 0; 678 } 679 680 681 .hero--inner-container { 682 grid-template-columns: repeat(1, 1fr); 683 } 684 685 .hero-page-title { 686 order: 2; 687 padding-right: 0; 688 margin: var(--gap-60) 0; 689 } 690 691 .hero-page-img { 692 order: 1; 693 } 694 695 } 696 697 </style> 698 <style> 699 .content-sidebar { 700 701 } 702 703 .news-list-item .flex-container { 704 height: 100%; 705 } 706 707 .content-sidebar.last_news { 708 display: flex; 709 flex-direction: column; 710 row-gap: var(--gap-30); 711 } 712 713 .content-team h6 { 714 font-family: var(--font-eukraine), sans-serif !important; 715 color: black; 716 } 717 718 .content-team p strong { 719 margin-top: 1.5rem; 720 font-weight: bold; /* ÐодÑеÑкиваем заголовок каждой Ñоли */ 721 } 722 723 .content-text > :first-child { 724 font-weight: bold; 725 margin-block-end: 2rem; 726 } 727 728 .content-text a { 729 color: currentColor; 730 text-decoration-skip-ink: auto; 731 text-decoration: underline; 732 text-decoration-thickness: 0.2ex; 733 text-underline-offset: 0.5ex; 734 } 735 736 .content-text.text--anons p { 737 margin-block-end: .75em; 738 } 739 740 .content-text.text--anons p { 741 margin-block-start: 0.25rem !important; 742 } 743 744 .content-text.text--anons p:not(:first-child):has(> strong) { 745 margin-block-start: 2em; 746 } 747 748 strong { 749 display: inline; 750 margin: 0; 751 padding: 0; 752 white-space: normal; 753 } 754 755 .content-text .swiper-grid { 756 margin-block-end: 2rem; 757 } 758 759 </style> 760 <style> 761 762 footer { 763 position: fixed; 764 bottom: 0; 765 left: 0; 766 /*width: 100%;*/ 767 width: calc(100% - var(--scrollbar-width, 0px)); 768 } 769 770 footer.mobile { 771 position: static; 772 } 773 774 .footer--wrapper { 775 /*background: var(--background-color-footer);*/ 776 /*background: var(--color-slate-blue);*/ 777 background: var(--color-cadet-blue); 778 padding: 5rem 0; 779 color: var(--color-white); 780 } 781 782 783 .footer--wrapper :is(h6, h5, h4, h3, h2) { 784 font-family: var(--primary-category-font); 785 color: var(--color-sandy); /* --color-lime --color-neon-green */ 786 } 787 788 .footer--wrapper > :first-child { 789 display: grid; 790 grid-template-areas: 791 "footer-nav footer-info" 792 "footer-control footer-info" 793 "footer-copyright footer-info"; 794 grid-template-columns: 1fr 1fr; 795 row-gap: 40px; 796 column-gap: 80px; 797 } 798 799 800 .footer-nav-wrapper { 801 grid-area: footer-nav; 802 display: grid; 803 grid-template-areas: "primary-nav secondary-nav"; 804 grid-template-columns: 1fr 1fr; 805 gap: 20px; 806 } 807 808 .footer-nav-wrapper .menu.primary { 809 grid-area: primary-nav; 810 } 811 812 .footer-nav-wrapper .menu.secondary { 813 grid-area: secondary-nav; 814 text-wrap: balance; 815 font-size: 16px; 816 font-family: var(--primary-text-font); 817 font-weight: normal; 818 } 819 820 .useful { 821 list-style-type: disc; 822 } 823 824 .useful li { 825 margin-bottom: 6px; 826 } 827 828 829 .footer-control-wrapper { 830 grid-area: footer-control; 831 display: grid; 832 width: max-content; 833 column-gap: 30px; 834 grid-template-columns: repeat(auto-fit, max-content); 835 grid-auto-flow: column; 836 align-content: center; 837 } 838 839 .footer-copyrights-wrapper { 840 grid-area: footer-copyright; 841 color: var(--text-main-color-inverse); 842 font-size: 12px; 843 align-content: flex-end; 844 } 845 846 847 .footer-info-wrapper { 848 grid-area: footer-info; 849 display: grid; 850 grid-template-areas: 851 "contacts-info social" 852 "schedule-info schedule-info" 853 "links-info links-info"; 854 grid-template-columns: 1fr max-content; 855 row-gap: 40px; 856 column-gap: 60px; 857 } 858 859 .contacts-info-wrapper { 860 grid-area: contacts-info; 861 } 862 863 .schedule-info-wrapper { 864 grid-area: schedule-info; 865 } 866 867 .links-info-wrapper { 868 grid-area: links-info; 869 align-content: flex-end; 870 } 871 872 .links-info-wrapper p { 873 font-size: 12px; 874 margin-top: .5em; 875 } 876 877 .social-info-wrapper { 878 grid-area: social; 879 /*justify-items: flex-end;*/ 880 } 881 882 @media (width <= 1366px) { 883 .social-info-wrapper { 884 /*justify-items: flex-start;*/ 885 } 886 } 887 888 .head-info-wrapper { 889 /*grid-area: head;*/ 890 grid-area: 2 / 2 / 4 / 3; /* 2 row 2 col / 3 row 3 col */ 891 position: relative; 892 display: grid; 893 place-items: end end; 894 /*overflow: clip;*/ 895 } 896 897 .head-info-wrapper svg { 898 max-width: 80%; 899 /* width: 200px;*/ 900 /* height: auto;*/ 901 fill: rgb(255, 255, 255, .2); 902 mix-blend-mode: soft-light; 903 /*position: absolute; !* Position the SVG absolutely within the container *! 904 bottom: 0; 905 left: 0; 906 height: auto; 907 width: auto; 908 object-fit: cover; 909 fill: rgb(255, 255, 255, .2); 910 mix-blend-mode: soft-light; 911 object-position: bottom left;*/ 912 } 913 914 915 .footer-info-wrapper .social-icons-wrapper { 916 display: grid; 917 grid-template-columns: repeat(5, max-content); 918 grid-auto-flow: row; 919 gap: 10px; 920 } 921 922 .footer-info-wrapper p { 923 margin-bottom: 0; 924 } 925 926 /* BREAKPOINTS */ 927 @media (width <= 1366px) { 928 .footer--wrapper > :first-child { 929 column-gap: 60px; 930 } 931 } 932 933 @media (width < 1023px) { 934 .footer--wrapper > :first-child { 935 grid-template-areas: 936 "footer-info" 937 "footer-nav" 938 "footer-control" 939 "footer-copyright"; 940 grid-template-columns: 1fr; 941 gap: 40px; 942 } 943 944 .footer-info-wrapper { 945 grid-area: footer-info; 946 display: grid; 947 grid-template-areas: 948 "contacts-info social" 949 "schedule-info schedule-info" 950 "links-info links-info"; 951 grid-template-columns: 1fr 1fr; 952 gap: 30px; 953 } 954 955 .footer-nav-wrapper {
956 grid-template-areas: "secondary-nav"; 957 grid-template-columns: 1fr; 958 gap: 0; 959 } 960 961 .footer-nav-wrapper .menu.primary { 962 display: none; 963 } 964 965 .footer--wrapper { 966 padding: 3rem 0; 967 } 968 969 .useful { 970 list-style-type: none; 971 } 972 973 } 974 975 @media (width < 550px) { 976 .footer--wrapper > :first-child { 977 gap: 40px; 978 } 979 980 .footer-control-wrapper { 981 padding: 0 0; 982 } 983 984 .footer-info-wrapper { 985 grid-area: footer-info; 986 display: grid; 987 grid-template-areas: 988 "contacts-info" 989 "schedule-info" 990 "social" 991 "links-info"; 992 grid-template-columns: 1fr; 993 gap: 30px; 994 } 995 996 .footer-info-wrapper .social-icons-wrapper { 997 grid-auto-flow: column; 998 width: max-content; 999 } 1000 1001 /*.footer-nav-wrapper { 1002 display: none; 1003 }*/ 1004 1005 .head-info-wrapper { 1006 display: none; 1007 } 1008 } 1009 1010 </style> 1011 <style> 1012 1013 .service-bar { 1014 display: grid; 1015 grid-template-columns: repeat(3, max-content); /* repeat(auto-fill, 1fr) repeat(4, max-content) */ 1016 column-gap: 20px; 1017 font-size: 16px; 1018 place-items: center; 1019 } 1020 1021 .footer--wrapper .service-bar { 1022 color: white !important; 1023 fill: white !important; 1024 } 1025 1026 .footer--wrapper .service-bar .icon--search { 1027 display: none; 1028 } 1029 1030 @media (width < 560px) { 1031 .header--wrapper .service-bar { 1032 grid-template-columns: max-content; 1033 } 1034 1035 .footer--wrapper .service-bar { 1036 place-content: center; 1037 } 1038 1039 .header--wrapper .lang-switcher, .header--wrapper .icon--search, .header--wrapper .icon-theme-switcher { 1040 display: none !important; 1041 } 1042 } 1043 1044 /* пеÑеклÑÑение ÑзÑка в моб веÑÑии виден вÑегда */ 1045 .mobile-service-bar-wrapper .lang-switcher { 1046 display: grid !important; 1047 } 1048 1049 .mobile-service-bar-wrapper .icon-theme-switcher { 1050 display: block !important; 1051 } 1052 1053 .mobile-service-bar-wrapper .icon--search { 1054 display: block !important; 1055 } 1056 1057 .scheduler { 1058 display: grid; 1059 grid-template-columns: max-content max-content; 1060 column-gap: 6px; 1061 place-items: center; 1062 } 1063 1064 .scheduler-description { 1065 font-family: var(--primary-text-font), sans-serif; 1066 font-weight: normal; 1067 color: var(--text-main-color); 1068 transition: color var(--menu-primary-link-animation-time-hover); 1069 /* font-size: 14px;*/ 1070 } 1071 1072 .header--wrapper.mobile.open .scheduler-description { 1073 color: var(--menu-mobile-open-logo-color); 1074 } 1075 1076 .footer--wrapper .scheduler-description { 1077 color: var(--text-main-color-inverse); 1078 } 1079 1080 </style> 1081 <style> 1082 .active-item a { 1083 color: var(--color-green) !important; 1084 } 1085 1086 /*.active-menu-item, .active-menu-item a { 1087 cursor: pointer; 1088 pointer-events: auto; 1089 }*/ 1090 1091 .special-item a { 1092 color: red !important; 1093 } 1094 1095 </style> 1096 1097 1098 <style> 1099 .active-menu-item a { 1100 color: var(--color-green) !important; 1101 pointer-events: none; 1102 } 1103 1104 .active-item a { 1105 color: var(--color-green) !important; 1106 } 1107 </style> 1108 <style> 1109 .lang-switcher { 1110 display: grid; 1111 grid-auto-flow: column; 1112 column-gap: 6px; 1113 align-content: center; 1114 font-weight: 600; 1115 } 1116 1117 .lang-switcher a, 1118 .lang-separator { 1119 color: var(--text-main-color); 1120 padding: 0 4px; 1121 text-decoration: none; 1122 font-size: 18px; 1123 /* transition: all var(--menu-primary-link-animation-time-hover);*/ 1124 } 1125 1126 .header--wrapper.mobile.open .lang-switcher a, 1127 .header--wrapper.mobile.open .lang-separator, 1128 .footer--wrapper .lang-switcher a, 1129 .footer--wrapper .lang-separator { 1130 color: var(--text-main-color-inverse); 1131 } 1132 1133 .lang-separator { 1134 transition: all var(--menu-primary-link-animation-time-hover); 1135 } 1136 1137 .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a, 1138 .header--wrapper.mobile.open .service-bar-wrapper .lang-separator { 1139 color: var(--menu-mobile-open-logo-color); 1140 } 1141 1142 .has-hover .header--wrapper.mobile.open .lang-switcher a:hover { 1143 color: var(--menu-primary-link-color-hover); 1144 } 1145 1146 .has-hover .lang-switcher a:hover { 1147 color: var(--menu-primary-link-color-hover); 1148 } 1149 1150 .lang-switcher a.active-language { 1151 pointer-events: none;
1152 /*font-weight: 600;*/ 1153 color: var(--menu-primary-link-color-hover) !important; 1154 } 1155 1156 </style> 1157 <style> 1158 .lang-switcher { 1159 display: grid; 1160 grid-auto-flow: column; 1161 column-gap: 6px; 1162 align-content: center; 1163 font-weight: 600; 1164 } 1165 1166 .lang-switcher a, 1167 .lang-separator { 1168 color: var(--text-main-color); 1169 padding: 0 4px; 1170 text-decoration: none; 1171 font-size: 18px; 1172 /* transition: all var(--menu-primary-link-animation-time-hover);*/ 1173 } 1174 1175 .header--wrapper.mobile.open .lang-switcher a, 1176 .header--wrapper.mobile.open .lang-separator, 1177 .footer--wrapper .lang-switcher a, 1178 .footer--wrapper .lang-separator { 1179 color: var(--text-main-color-inverse); 1180 } 1181 1182 .lang-separator { 1183 transition: all var(--menu-primary-link-animation-time-hover); 1184 } 1185 1186 .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a, 1187 .header--wrapper.mobile.open .service-bar-wrapper .lang-separator { 1188 color: var(--menu-mobile-open-logo-color); 1189 } 1190 1191 .has-hover .header--wrapper.mobile.open .lang-switcher a:hover { 1192 color: var(--menu-primary-link-color-hover); 1193 } 1194 1195 .has-hover .lang-switcher a:hover { 1196 color: var(--menu-primary-link-color-hover); 1197 } 1198 1199 .lang-switcher a.active-language { 1200 pointer-events: none; 1201 /*font-weight: 600;*/ 1202 color: var(--menu-primary-link-color-hover) !important; 1203 } 1204 1205 </style> 1206 <style> 1207 .lang-switcher { 1208 display: grid; 1209 grid-auto-flow: column; 1210 column-gap: 6px; 1211 align-content: center; 1212 font-weight: 600; 1213 } 1214 1215 .lang-switcher a, 1216 .lang-separator { 1217 color: var(--text-main-color); 1218 padding: 0 4px; 1219 text-decoration: none; 1220 font-size: 18px; 1221 /* transition: all var(--menu-primary-link-animation-time-hover);*/ 1222 } 1223 1224 .header--wrapper.mobile.open .lang-switcher a, 1225 .header--wrapper.mobile.open .lang-separator, 1226 .footer--wrapper .lang-switcher a, 1227 .footer--wrapper .lang-separator { 1228 color: var(--text-main-color-inverse); 1229 } 1230 1231 .lang-separator { 1232 transition: all var(--menu-primary-link-animation-time-hover); 1233 } 1234 1235 .header--wrapper.mobile.open .service-bar-wrapper .lang-switcher a, 1236 .header--wrapper.mobile.open .service-bar-wrapper .lang-separator { 1237 color: var(--menu-mobile-open-logo-color); 1238 } 1239 1240 .has-hover .header--wrapper.mobile.open .lang-switcher a:hover { 1241 color: var(--menu-primary-link-color-hover); 1242 } 1243 1244 .has-hover .lang-switcher a:hover { 1245 color: var(--menu-primary-link-color-hover); 1246 } 1247 1248 .lang-switcher a.active-language { 1249 pointer-events: none; 1250 /*font-weight: 600;*/ 1251 color: var(--menu-primary-link-color-hover) !important; 1252 } 1253 1254 </style> 1255</head> 1256<body> 1257<div id="preloader-wrapper"> 1258 <div class="preloader_elements"> 1259 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154 123"> 1260 <defs> 1261 <style> 1262 .unmasked-part { 1263 fill: #536872 !important; 1264 stroke: #536872 !important; 1265 stroke-linecap: round; 1266 stroke-linejoin: round; 1267 stroke-width: .3px; 1268 } 1269 1270 .cls-2 { 1271 fill: #ede9e5 !important; 1272 stroke: #ede9e5 !important; 1273 stroke-linecap: round; 1274 stroke-linejoin: round; 1275 stroke-width: .3px; 1276 } 1277 </style> 1278 </defs> 1279 <polygon class="unmasked-part" points="154 51.25 154 71.75 133.47 71.75 133.47 82 102.67 82 102.67 112.75 123.2 112.75 123.2 123 30.8 123 30.8 112.75 51.33 112.75 51.33 82 20.53 82 20.53 71.75 0 71.75 0 51.25 71.87 51.25 71.87 41 82.13 41 82.13 51.25 154 51.25"/> 1280 <g> 1281 <rect class="cls-2" x="61.59" y="30.75" width="10.27" height="10.25"/> 1282 <rect class="cls-2" x="51.33" y="20.5" width="10.27" height="10.25"/> 1283 <rect class="cls-2" x="51.33" y="10.25" width="10.27" height="10.25"/> 1284 <rect class="cls-2" x="61.6" width="10.27" height="10.25"/> 1285 <rect class="cls-2" x="41.06" y="10.25" width="10.27" height="10.25"/> 1286 <rect class="cls-2" x="61.6" y="20.5" width="10.27" height="10.25"/> 1287 </g> 1288 <g class="fire-mask"> 1289 <rect class="unmasked-part" x="61.59" y="30.75" width="10.27" height="10.25"/> 1290 <rect class="unmasked-part" x="51.33" y="20.5" width="10.27" height="10.25"/> 1291 <rect class="unmasked-part" x="51.33" y="10.25" width="10.27" height="10.25"/> 1292 <rect class="unmasked-part" x="61.6" width="10.27" height="10.25"/> 1293 <rect class="unmasked-part" x="41.06" y="10.25" width="10.27" height="10.25"/> 1294 <rect class="unmasked-part" x="61.6" y="20.5" width="10.27" height="10.25"/> 1295 </g> 1296</svg> 1297 1298 </div> 1299 <div class="preloader_copyrights">© 2026 ÐаÑÑоналÑний мÑзей ÑÑÑоÑÑÑ Ð£ÐºÑаÑни Ñ ÐÑÑгÑй ÑвÑÑовÑй вÑйнÑ. ÐемоÑÑалÑний комплекÑ.</div> 1300</div> 1301 <div id="fixed-element-wrapper"> 1302 <a href="https://warmuseum.kyiv.ua/fundraising" class="fixed-element"> 1303 1304 <img src="https://warmuseum.kyiv.ua/fundraising-img/zbir_button-ua-off.png" 1305 alt="" class="img-default"> 1306 <img src="https://warmuseum.kyiv.ua/fundraising-img/zbir_button-ua-on.png" 1307 alt="" class="img-hover"> 1308 1309 </a> 1310</div> 1311<div id="modal-search"></div> 1312<div class="content-mask"></div> 1313<div class="cursor"> 1314 <div class="cursor__inner"> 1315 <img src="https://warmuseum.kyiv.ua/storage/arrows/left-right-drag.svg" alt="" style="width: 30px"> 1316 </div> 1317</div> 1318<div id="map-wrapper"> 1319 <div id="map"></div> 1320</div> 1321<div id="page-wrapper"> 1322 <header> 1323 1324 <div class="searchable grid column--24">
1325 <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2"> 1326 <div class="search-wrapper"> 1327 1328 <div class="close-search"> 1329 <div class="header__burger"> 1330 <div class="header__burger-line"></div> 1331 <div class="header__burger-line"></div> 1332 </div> 1333 </div> 1334 1335 <div class="search-form"> 1336 <form id="search-form" method="POST" action="https://warmuseum.kyiv.ua/search" autocomplete="off"> 1337 <input type="hidden" name="_token" value="RjwuEXP1RbXNLxMz2yvRy2tpmCSzyxeiYwgUrIZL" autocomplete="off"> <h3 class="search-title">ÐоÑÑк</h3> 1338 <input 1339 type="text" 1340 id="search-input" 1341 name="q" 1342 class="form-control" 1343 placeholder="ÐведÑÑÑ Ð·Ð°Ð¿Ð¸Ñ..." 1344 /> 1345 </form> 1346 <div class="search-error" style="color: red; margin-top: 5px;"></div> 1347 <h6>РезÑлÑÑаÑи поÑÑÐºÑ (<span class="counterContainer">0</span>)</h6> 1348 </div> 1349 <div class="result-form"> 1350 <div class="result-content-wrapper"> 1351 <div class="result-content" data-lenis-prevent> 1352 1353 </div> 1354 1355 </div> 1356 </div> 1357 1358 </div> 1359 </div> 1360 </div> 1361 1362 1363 <div class="grid column--24 header--wrapper"> 1364 <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2"> 1365 1366 <div class="header-logo-wrapper"> 1367 <a href="https://warmuseum.kyiv.ua" class="logo"> 1368 <svg viewBox="0 0 250 84" xmlns="http://www.w3.org/2000/svg"> 1369 <path class="logoPath" fill-rule="evenodd" clip-rule="evenodd" d="M37.6641 1.30651V0.348511H38.3208V1.30651H39.1102H39.8147V2.13874H39.1102V3.34962H37.6641V1.59686V1.30651ZM12.1611 5.24423V7.06657V7.23917V9.50305H9.86719V7.06657H11.2337V5.24423H12.1611ZM12.1611 9.50305H16.5315V7.43585H19.7037H20.7054H22.7791H23.9998H24.8303V5.24423H27.0632V3.34963H31.2465V1.30652H35.6195V3.34963H37.664V5.24423V5.58943V7.43585H31.3473V11.989H22.7791V9.50305H20.7054V11.989H16.5315V14.0576H12.1611V9.50305ZM28.7124 67.4447H35.0954V65.3909H39.495V67.5129H35.0954V69.5855H37.4849H38.4561H38.6883V72.8649H34.3817V76.0239H30.8167H28.8106V78.2409H24.5862V81.6702H17.0835V83.5354H12.5327V80.8968H11.2749H6.42167V78.2409H3.22021V76.0239H19.197H20.3207V73.9259H22.474V71.8039H30.8167V69.9721H28.7124V67.4447ZM10.0621 14.0576H5.49805V16.1007H10.0621V14.0576ZM12.064 20.2605H14.419V22.6354H12.064V20.2605ZM10.0621 22.5257V19.3252V19.1285V18.2415H12.161V16.1248H10.0621V18.2415H7.91406V19.3252H9.32971V22.5257H10.0621ZM33.4326 9.71313H35.6908V11.9904H33.4326V9.71313ZM39.8147 11.9891H41.8537V14.1579H39.8147V11.9891ZM63.1255 22.5364H58.7883V20.9348V20.3836H54.1712H54.028H44.0773V22.5364H41.8537V20.3836H39.8145V14.1579H37.6641V11.9891H39.8147V9.71313H41.8539V11.989H54.1712V14.1579V14.2181V18.9559H61.0571V20.3836H61.617V20.9348H63.1255V22.5364ZM63.1255 22.5364L65.2921 22.5364V24.5674H63.1255L63.1255 22.5364ZM56.7903 24.6517V22.5364H48.2314V24.6517H56.7903ZM56.7903 24.6517V26.8206H60.9563V28.9266H65.2908V26.8206H63.1256V24.6517H56.7903ZM67.2997 31.0995H65.291V28.9266H69.5658V30.84V31.0995V33.2483H67.2997V31.0995ZM69.5654 25.381V24.5662H68.8675H68.5491H67.2993V26.822H68.8675V25.381H69.5654ZM7.78027 26.7002H10.1698V28.9427H7.78027V26.7002ZM7.77988 28.9427H3.64307V31.113H7.77988V28.9427ZM1.53906 37.55H2.54341V33.1387H5.91469V37.55H3.85823V39.6721H1.53906V37.55ZM37.7472 31.034V28.9427H35.6138V26.7002H33.4618V24.5554H22.7695V26.7002H14.2825V28.9427H12.1663V31.1129H9.95459V33.3433H12.1663V39.672H14.2811V37.55H16.3734V39.672H14.2825V41.7218H16.3747V43.9456H22.8652V45.9806H27.0697V43.9456H22.8652V41.7218H27.0697V39.672H20.7132V35.353H22.8652V33.1935H24.8739V35.353H27.071V37.55H31.2755V41.7941H33.4978V39.672H35.614V37.55H37.7474V35.3557H39.8808V33.0597H37.7474V35.3436H35.614V33.0597H31.3644V31.0339H18.6156V28.9427H22.7697V26.7002H31.2382V28.9427H33.3185V31.034H37.7472ZM16.3747 41.7218V39.672H18.5267V41.7218H16.3747ZM27.0684 35.345H29.0678V33.1948H27.0684V35.345ZM56.7904 39.66H58.8163V41.7753H61.0399V43.9629H65.2179V45.9806H73.8059V43.801H71.6898V41.6308H69.5657V39.5329H67.4402V37.5085H65.3253V35.3556H61.0399V33.1935H50.4246V31.0339H46.1206V33.1935H48.201V34.8686V35.4292V39.66H50.2813V41.7753H54.6198V39.66H52.5766V35.4292H54.6198V37.5085H56.7904V39.66ZM54.6196 41.7754H56.7889V43.963H54.6196V41.7754ZM67.2971 56.8024V58.9124H71.6846V56.8024H75.1687V54.6509H73.8061V52.4619H69.5114V50.2382H63.155V48.2125H60.9499V45.9807H58.8881V43.963H56.7905V52.4619H58.8881V56.6391H56.7905V58.6822H58.8881H60.1074H60.9499V56.8024H63.155V52.4619H65.2167V54.6509H67.2971V56.2351V56.8024ZM56.7902 54.5411H52.4504V52.5073H44.0414V54.6508H41.7992V56.783
13696H31.2383V52.5073H33.3359V50.2555H35.4879V48.2124H37.7473V50.2555H41.7992V49.2708V48.2125H39.7378V45.9807H41.7996V48.2124H48.3627V50.3291H54.6196V52.4619H56.7902V54.5411ZM5.91073 71.7825H3.63667V69.6417H2.30859V67.3832H7.88095V65.2357H12.25V69.6417H8.68364H7.88095H5.91073V71.7825ZM22.8892 67.3551H20.6284V69.635H22.8892V67.3551ZM78.3778 50.3292H77.9241V49.1237V48.2125H77.3496H76.5615H76.3943H75.8198V45.9807H76.5615V46.3741H77.3496V47.2933H80.0044V47.7536V48.2125V49.1237H78.3778V50.3292ZM75.82 41.7754H76.3944V39.66V39.2386V37.9126H74.2425V37.4055H73.668V39.66H74.0753H74.2425H75.82V41.7754ZM18.4897 71.7142H20.7373V73.8363H18.4897V71.7142ZM3.74663 65.3334V63.2274H18.597V60.9408H12.2365V58.8081H10.1482V56.7435H5.75135V58.8081H3.74663V58.5003V58.2916V56.7435H1.61719V58.5003H1.99133V64.5668H1.99001V65.3334H1.99133H2.9864H3.74663ZM5.75135 58.8081H7.8118V60.9408H5.75135V58.8081ZM2.19578 54.6241V56.7434H1.61731H0.705832H0.331688V54.6241V50.7064H0V48.1134H8.00562V50.4415H12.2366V54.6241H2.19578ZM56.7332 82.7406L50.1246 62.6253H45.3403V83.7347H47.8824V63.9218L54.341 83.7347H59.0961L65.6144 63.8013V83.7347H68.1565V62.6253H63.3417L56.7332 82.7406ZM73.571 62.6252L79.6409 75.0204V75.0177L85.0527 62.6226H87.7738L80.1477 80.0539C79.4697 81.6822 78.5489 82.8088 77.3814 83.431C76.2152 84.0545 74.566 84.1655 72.4326 83.7641V81.321C72.9898 81.4213 73.5099 81.4775 73.9876 81.4869C74.4665 81.4976 74.8699 81.4775 75.1989 81.4267C75.5279 81.3758 75.8371 81.2701 76.1263 81.1096C76.4142 80.949 76.6437 80.7991 76.8136 80.6573C76.982 80.5182 77.1532 80.3215 77.3217 80.07C77.4915 79.8184 77.6162 79.6083 77.6958 79.4371C77.7754 79.2672 77.8763 79.041 77.9957 78.7587L78.3247 77.9747L70.7888 62.6252H73.571ZM102.336 72.6375C103.333 72.2749 104.191 71.7076 104.909 70.9329C105.625 70.1596 105.985 69.1601 105.985 67.9331C105.985 66.2446 105.233 64.8919 103.728 63.8777C102.222 62.8635 100.293 62.3551 97.9408 62.3551C95.5885 62.3551 93.7642 62.8635 92.2291 63.8777C90.6941 64.8919 89.9272 66.2138 89.9272 67.8422V68.0843H92.529C92.529 67.1999 93.0477 66.4252 94.0839 65.7629C95.1201 65.0993 96.4362 64.7675 98.031 64.7675C99.6258 64.7675 100.937 65.0792 101.904 65.7027C102.87 66.3262 103.354 67.1196 103.354 68.0843C103.354 69.049 102.86 69.8893 101.873 70.5422C100.886 71.1965 99.5753 71.523 97.9408 71.523H94.2033V73.9046H97.9408C99.7956 73.9046 101.231 74.2565 102.247 74.9603C103.265 75.6641 103.773 76.5685 103.773 77.675C103.773 78.7816 103.235 79.7516 102.159 80.4661C101.081 81.1792 99.7054 81.5365 98.031 81.5365C96.3566 81.5365 94.876 81.1699 93.7695 80.4353C92.663 79.7008 92.1097 78.7923 92.1097 77.7058H89.5079V77.766C89.5079 79.4947 90.2761 80.9625 91.8099 82.1694C93.3462 83.3762 95.3881 83.9797 97.9408 83.9797C100.493 83.9797 102.566 83.3655 104.101 82.1386C105.636 80.913 106.403 79.4064 106.403 77.6148C106.403 76.3892 106.025 75.3429 105.267 74.4786C104.51 73.6142 103.532 73.0014 102.336 72.6388V72.6375ZM124.317 83.7347H109.096V62.6253H124.317V65.0671H111.727V71.9444H123.121V74.3568H111.727V81.2621H124.317V83.7347ZM130.327 82.469V62.6253H127.754V83.7347H132.629L142.678 63.6502V83.7347H145.247V62.6253H140.284L130.327 82.469ZM134.721 58.2982C135.16 58.7103 135.748 58.9163 136.486 58.9163H136.487C137.205 58.9163 137.783 58.7103 138.222 58.2982C138.66 57.8874 138.88 57.3696 138.88 56.7448H140.584C140.584 57.8312 140.195 58.7464 139.418 59.4903C138.64 60.2342 137.662 60.6062 136.487 60.6062C135.311 60.6062 134.334 60.2342 133.556 59.4903C132.779 58.7464 132.39 57.8312 132.39 56.7448H134.064C134.064 57.3696 134.283 57.8874 134.721 58.2982ZM169.649 72.9077C170.624 72.5063 171.393 71.8788 171.951 71.0225C172.508 70.1688 172.788 69.168 172.788 68.0227C172.788 66.4144 172.224 65.1126 171.098 64.1171C169.973 63.1216 168.451 62.6253 166.539 62.6253H156.969V83.7347H166.899C168.951 83.7347 170.562 83.2223 171.728 82.1974C172.894 81.1711 173.477 79.785 173.477 78.0349C173.477 75.4017 172.202 73.6918 169.65 72.9077H169.649ZM159.571 65.0069H166.449C167.625 65.0069 168.552 65.3133 169.23 65.9274C169.908 66.5415 170.247 67.3591 170.247 68.3853C170.247 69.4717 169.889 70.3348 169.17 70.9783C168.452 71.6232 167.496 71.9444 166.299 71.9444H159.57V65.0082L159.571 65.0069ZM169.754 80.3563C169.026 81.0012 168.024 81.3223 166.749 81.3223H159.571V74.1453H166.599C167.874 74.1453 168.901 74.4317 169.678 75.0043C170.456 75.577 170.846 76.4668 170.846 77.6736C170.846 78.8805 170.481 79.7141 169.754 80.3576V80.3563ZM180.235 65.0671H175.361V62.6253H187.712V65.0671H182.868V81.2621H187.712V83.7347H175.361V81.2621H180.235V65.0671ZM199.374 58.9163C198.636 58.9163 198.048 58.7103 197.609 58.2982C197.171 57.8874 196.952 57.3696 196.952 56.7448H195.278C195.278 57.8312 195.667 58.7464 196.444 59.4903C197.222 60.2342 198.2 60.6062 199.374 60.6062C200.548 60.6062 201.527 60.2342 202.305 59.4903C203.082 58.7464 203.471 57.8312 203.471 56.7448H201.767C201.767 57.3696 201.547 57.8874 201.109 58.2982C200.67 58.7103 200.091 58.9163 199.374 58.9163ZM193.214 62.6253V82.469L203.172 62.6253H208.136V83.7347H205.564V63.6502L195.517 83.7347H190.642V62.6253H193.214ZM226.227 71.9738H214.236V62.6253H211.605V83.7347H214.236V
136974.3568H226.227V83.7347H228.829V62.6253H226.227V71.9738ZM235.079 62.6253V82.469L245.038 62.6253H250V83.7347H247.43V63.6502L237.381 83.7347H232.507V62.6253H235.079Z" /> 1370</svg> 1371 1372 </a> 1373 </div> 1374 1375 <div class="service-bar-wrapper"> 1376 <div class="service-bar"> 1377 <div class="scheduler"> 1378 1379 <span class="icon icon--scheduler closed icon--28"> 1380 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> 1381 <path class="clock" d="M28.001 16C28.001 22.628 22.628 28.001 16 28.001C9.37204 28.001 3.99902 22.628 3.99902 16C3.99902 9.37204 9.37204 3.99902 16 3.99902C22.628 3.99902 28.001 9.37204 28.001 16ZM16.6748 10.1038C16.6748 9.55154 16.2271 9.10382 15.6748 9.10382C15.1225 9.10382 14.6748 9.55154 14.6748 10.1038V17.1038C14.6748 17.6561 15.1225 18.1038 15.6748 18.1038H22.6748C23.2271 18.1038 23.6748 17.6561 23.6748 17.1038C23.6748 16.5515 23.2271 16.1038 22.6748 16.1038H16.6748V10.1038Z"/> 1382</svg> 1383 1384</span> 1385 1386 <span class="scheduler-description"> 1387 заÑинено 1388 </span> 1389 </div> 1390 1391 <a href="#" class="icon icon--search icon--28"> 1392 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> 1393<path d="M16.1667 25.3333C21.2293 25.3333 25.3333 21.2293 25.3333 16.1667C25.3333 11.1041 21.2293 7 16.1667 7C11.104 7 7 11.1041 7 16.1667C7 21.2293 11.104 25.3333 16.1667 25.3333Z" /> 1394<path d="M22.6484 22.6487L26.9737 26.9739" /> 1395</svg> 1396 1397</a> 1398 <div class="lang-switcher"> 1399 1400 1401 <a href="#" class="active-language">UA</a> 1402 <span class="lang-separator">|</span> 1403 1404 <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a> 1405 </div> 1406</div> 1407 </div> 1408 <div class="btn-mobile-menu-wrapper"> 1409 <div class="btn-mobile-menu"> 1410 <div class="header__burger"> 1411 <div class="header__burger-line"></div> 1412 <div class="header__burger-line"></div> 1413 </div> 1414</div> 1415 </div> 1416 <nav class="header-navigation" role="navigation"> 1417 1418 <ul class="menu primary"> 1419 1420 1421 1422 1423 1424 1425 1426 <li class=""> 1427 <a 1428 href="https://warmuseum.kyiv.ua/visit" 1429 data-text="ÐÑдвÑдаÑи"> 1430 ÐÑдвÑдаÑи 1431 </a> 1432 </li> 1433 1434 1435 1436 1437 1438 1439 <li class=""> 1440 <a 1441 href="https://warmuseum.kyiv.ua/exhibitions" 1442 data-text="ÐиÑÑавки"> 1443 ÐиÑÑавки 1444 </a> 1445 </li> 1446 1447 1448 1449 1450 1451 1452 <li class=""> 1453 <a 1454 href="https://warmuseum.kyiv.ua/collection" 1455 data-text="ÐолекÑÑÑ"> 1456 ÐолекÑÑÑ 1457 </a> 1458 </li> 1459 1460 1461 1462 1463 1464 1465 <li class=""> 1466 <a 1467 href="https://warmuseum.kyiv.ua/education" 1468 data-text="ÐÑоÑвÑÑа"> 1469 ÐÑоÑвÑÑа 1470 </a> 1471 </li> 1472 1473 1474 1475 1476 1477 1478 <li class=""> 1479 <a 1480 href="https://warmuseum.kyiv.ua/research" 1481 data-text="ÐоÑлÑдженнÑ"> 1482 ÐоÑлÑÐ´Ð¶ÐµÐ½Ð½Ñ 1483 </a> 1484 </li> 1485 1486 1487 1488 1489 1490 1491 <li class=""> 1492 <a 1493 href="https://warmuseum.kyiv.ua/blog" 1494 data-text="Ðлог"> 1495 Ðлог 1496 </a> 1497 </li> 1498 1499 1500 1501 1502 1503 1504 <li class=""> 1505 <a 1506 href="https://warmuseum.kyiv.ua/cooperation" 1507 data-text="СпÑвпÑаÑÑ"> 1508 СпÑвпÑаÑÑ 1509 </a> 1510 </li> 1511 1512 1513 1514 1515 1516 1517 <li class=""> 1518 <a 1519 href="https://warmuseum.kyiv.ua/about-us" 1520 data-text="ÐÑо наÑ"> 1521 ÐÑо Ð½Ð°Ñ 1522 </a> 1523 </li> 1524 1525 1526 1527 </ul> 1528 <ul class="menu secondary"> 1529 1530 1531 1532 1533 <li> 1534 <a href="//warmuseum.event.net.ua/">
1535 <span class="icon icon--header icon--16"> 1536 <svg width="27" height="20" viewBox="0 0 27 20" xmlns="http://www.w3.org/2000/svg"> 1537<path d="M10 1V19" stroke-dasharray="4 4"/> 1538<path d="M1 14C2.06087 14 3.07828 13.5786 3.82843 12.8284C4.57857 12.0783 5 11.0609 5 10C5 8.93913 4.57857 7.92172 3.82843 7.17157C3.07828 6.42143 2.06087 6 1 6V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H24C24.2652 1 24.5196 1.10536 24.7071 1.29289C24.8946 1.48043 25 1.73478 25 2V6C23.9391 6 22.9217 6.42143 22.1716 7.17157C21.4214 7.92172 21 8.93913 21 10C21 11.0609 21.4214 12.0783 22.1716 12.8284C22.9217 13.5786 23.9391 14 25 14V18C25 18.2652 24.8946 18.5196 24.7071 18.7071C24.5196 18.8946 24.2652 19 24 19H2C1.73478 19 1.48043 18.8946 1.29289 18.7071C1.10536 18.5196 1 18.2652 1 18V14Z"/> 1539</svg> 1540 1541</span> 1542 1543 1544 <span class="secondary-menu-text"> 1545 ÐвиÑки 1546 </span> 1547 </a> 1548 </li> 1549 1550 1551 1552 1553 </ul> 1554 <div class="mobile-service-bar-wrapper"> 1555 1556 <a href="#" class="icon icon--stroked icon--search icon--32"> 1557 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> 1558<path d="M16.1667 25.3333C21.2293 25.3333 25.3333 21.2293 25.3333 16.1667C25.3333 11.1041 21.2293 7 16.1667 7C11.104 7 7 11.1041 7 16.1667C7 21.2293 11.104 25.3333 16.1667 25.3333Z" /> 1559<path d="M22.6484 22.6487L26.9737 26.9739" /> 1560</svg> 1561 1562</a> 1563 <div class="lang-switcher"> 1564 1565 1566 <a href="#" class="active-language">UA</a> 1567 <span class="lang-separator">|</span> 1568 1569 <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a> 1570 </div> 1571 </div> 1572 1573 </nav> 1574 </div> 1575 </div> 1576 1577</header> 1578 1579 1580 1581 1582 1583 1584 1585 1586 <section class="hero hero--inner"> 1587 <div class="grid column--24 h-100"> 1588 <div class="col--area-4-4 col--area-sm-3-3 col--area-xs-2-2"> 1589 <div class="container hero--inner-container"> 1590 <div class="hero-page-title"> 1591 <h5 class="h5">ÐÐ½Ð¾Ð½Ñ </h5> 1592 <h1 class="h3 font-eUkraine">ÐÑÑоÑÑÑ Ð´Ð»Ñ Ð½Ð°Ð¹Ð¼ÐµÐ½ÑÐ¸Ñ </h1> 1593 <h6 class="small font-eUkraine">ÐÑÑи Ñ ÐÑÐ·ÐµÑ / ÐкÑкÑÑÑÑÑ Ñа ÑнÑеÑакÑиви / 26 веÑеÑÐ½Ñ 2026</h6> 1594 </div> 1595 <div class="hero-page-img"> 1596 <img src="https://warmuseum.kyiv.ua/storage/static/images/announcement/announcement.jpg" alt=""> 1597 </div> 1598 </div> 1599 </div> 1600 </div> 1601</section> 1602 1603 1604 <section class="content"> 1605 <div class="grid column--24"> 1606 <div class="col--area-4-4 col--area-sm-3-3 col--area-xs-2-2"> 1607 <div class="container container--content-endpoint"> 1608 1609 <div class="content-wrapper"> 1610 1611 1612 1613 <div class="content-text text--anons"> 1614 <p>Рнами можна дÑзнаÑиÑÑ, Ñо Ñаке ÐÑзей Ñ Ð¿Ð¾Ð±Ð°ÑиÑи ÑеÑÑ, Ñкими лÑди коÑиÑÑÑвалиÑÑ Ð±Ð°Ð³Ð°Ð°Ð°Ñо ÑокÑв ÑомÑ. Ðи бÑдемо дивиÑиÑÑ, ÑÑавиÑи запиÑÐ°Ð½Ð½Ñ Ñ Ð²ÑдкÑиваÑи ÑÑÑоÑÑÑ Ñазом.</p> 1615<p>ÐазиÑнемо в «ÐапÑÑÐ»Ñ ÑаÑÑ» Ñа навÑÑÑ Ñазом ÑÑвоÑимо влаÑÐ½Ñ - ÑакÑ, Ñо залиÑиÑÑÑÑ Ð½Ð° пам’ÑÑÑ Ð² мÑзеÑ.</p> 1616<p>ÐаÑÑÑÑÑÑ 100 гÑн Ð´Ð»Ñ ÑÑÑденÑÑв, 150 гÑн Ð´Ð»Ñ Ð´Ð¾ÑоÑÐ»Ð¸Ñ </p> 1617<p>ÐÑÑаÑоÑ: екÑкÑÑÑоводка ÐÑÐ·ÐµÑ Ð²Ñйни Ðнна ÐомбÑовÑÑка</p> 1618 </div> 1619 1620 1621 </div> 1622 1623 <div class="content-sidebar-wrapper"> 1624 <div class="content-sidebar last_news sticky"> 1625 1626 1627 1628 <a href="https://warmuseum.kyiv.ua/ne
1628ws/show/vidkrittia-vistavki-za-nasu-i-vasu-svobodu" class="news-list-item"> 1629 <div class="flex-container"> 1630 <div class="news-list-image horizontal flex-item-25"> 1631 1632 1633 1634 1635 <img src="/images/__hashed/41/4156adcb45f6a3b4e374e5ae21c0b073f3ccdd27d2000e3f9255a7e3e2c48800.jpg" alt=""> 1636 </div> 1637 <div class="content-wrap flex-item-75"> 1638 1639 1640 1641 1642 <div> 1643 <span class="news-meta-marker"></span> 1644 <span class="news-meta-type">ÐиÑÑавки Ñа пÑезенÑаÑÑÑ</span> 1645 1646 </div> 1647 <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>ÐÑдкÑиÑÑÑ Ð²Ð¸ÑÑавки "ÐÐ ÐÐШУ Ð ÐÐШУ СÐÐÐÐÐУ"</span> 1648 </h6> 1649 1650 <p class="news-meta-date">20 веÑеÑÐ½Ñ 2026</p> 1651 1652 </div> 1653 </div> 1654 </a> 1655 1656 1657 <a href="https://warmuseum.kyiv.ua/news/show/muzeinik-na-shhiti-pamiati-oleksandra-openka" class="news-list-item"> 1658 <div class="flex-container"> 1659 <div class="news-list-image horizontal flex-item-25"> 1660 1661 1662 1663 1664 <img src="/images/__hashed/3f/3faf2adb9e1ebd36e50ac4c35b42e78f0f215b4c1e47f1d2b5b56b99aaaabf73.jpg" alt=""> 1665 </div> 1666 <div class="content-wrap flex-item-75"> 1667 1668 1669 1670 1671 <div> 1672 <span class="news-meta-marker"></span> 1673 <span class="news-meta-type">ÐиÑÑÑ ÐÑзеÑ</span> 1674 1675 </div> 1676 <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>ÐÑзейник на ÑиÑÑ. ÐамâÑÑÑ ÐлекÑандÑа ÐпенÑка</span> 1677 </h6> 1678 1679 <p class="news-meta-date">18 веÑеÑÐ½Ñ 2026</p> 1680 1681 </div> 1682 </div> 1683 </a> 1684 1685 1686 <a href="https://warmuseum.kyiv.ua/news/show/armors-islandske-mistectvo-u-stolici-ukrayini" class="news-list-item"> 1687 <div class="flex-container"> 1688 <div class="news-list-image horizontal flex-item-25"> 1689 1690 1691 1692 1693 <img src="/images/__hashed/8c/8cdb7e3ff6c584cb0690f79b7ede2c65f3ccdd27d2000e3f9255a7e3e2c48800.jpg" alt=""> 1694 </div> 1695 <div class="content-wrap flex-item-75"> 1696 1697 1698 1699 1700 <div>
1701 <span class="news-meta-marker"></span> 1702 <span class="news-meta-type">ÐиÑÑавки Ñа пÑезенÑаÑÑÑ</span> 1703 1704 </div> 1705 <h6 style="margin: 8px 0 2px 0; font-family: var(--font-eukraine)"><span>«ARMORS»: ÑÑландÑÑке миÑÑеÑÑво Ñ ÑÑолиÑÑ Ð£ÐºÑаÑни</span> 1706 </h6> 1707 1708 <p class="news-meta-date">16 веÑеÑÐ½Ñ 2026</p> 1709 1710 </div> 1711 </div> 1712 </a> 1713 1714 </div> 1715 </div> 1716 1717 </div> 1718 </div> 1719 </div> 1720</section> 1721 1722 1723 <footer> 1724 1725 <div class="grid column--24 footer--wrapper"> 1726 <div class="grid col--area-4-4 col--area-sm-3-3 col--area-xs-2-2"> 1727 <nav class="footer-nav-wrapper"> 1728 <ul class="menu primary"> 1729 1730 1731 <li> 1732 <a href="https://warmuseum.kyiv.ua/visit"> 1733 ÐÑдвÑдаÑи 1734 </a> 1735 </li> 1736 1737 1738 1739 <li> 1740 <a href="https://warmuseum.kyiv.ua/exhibitions"> 1741 ÐиÑÑавки 1742 </a> 1743 </li> 1744 1745 1746 1747 <li> 1748 <a href="https://warmuseum.kyiv.ua/collection"> 1749 ÐолекÑÑÑ 1750 </a> 1751 </li> 1752 1753 1754 1755 <li> 1756 <a href="https://warmuseum.kyiv.ua/education"> 1757 ÐÑоÑвÑÑа 1758 </a> 1759 </li> 1760 1761 1762 1763 <li> 1764 <a href="https://warmuseum.kyiv.ua/research"> 1765 ÐоÑлÑÐ´Ð¶ÐµÐ½Ð½Ñ 1766 </a> 1767 </li> 1768 1769 1770 1771 <li> 1772 <a href="https://warmuseum.kyiv.ua/blog"> 1773 Ðлог 1774 </a> 1775 </li> 1776 1777 1778 1779 <li> 1780 <a href="https://warmuseum.kyiv.ua/cooperation"> 1781 СпÑвпÑаÑÑ 1782 </a> 1783 </li> 1784 1785 1786 1787 <li> 1788 <a href="https://warmuseum.kyiv.ua/about-us"> 1789 ÐÑо Ð½Ð°Ñ 1790 </a> 1791 </li> 1792 1793 <li> 1794 <a href="//warmuseum.event.net.ua/"> 1795 ÐвиÑки 1796 </a> 1797 </li> 1798 1799 </ul> 1800 <div class="menu secondary"> 1801 <h4>ÐоÑиÑÐ½Ñ Ð¿Ð¾ÑиланнÑ</h4> 1802 <ul class="useful"> 1803 <li><a href="//www.president.gov.ua/" class="link--underlined">ÐÑÐµÐ·Ð¸Ð´ÐµÐ½Ñ Ð£ÐºÑаÑни</a></li> 1804 <li><a href="//mcsc.gov.ua/" class="link--underlined">ÐÑнÑÑÑеÑÑÑво кÑлÑÑÑÑи УкÑаÑни</a></li> 1805 <li><a href="//howareu.com/" class="link--underlined">Ти Ñк?</a></li> 1806 </ul> 1807 </div> 1808 1809 1810 </nav> 1811 <div class="footer-control-wrapper"> 1812 <div class="scheduler"> 1813 1814
1815 <span class="icon icon--scheduler closed icon--28"> 1816 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> 1817 <path class="clock" d="M28.001 16C28.001 22.628 22.628 28.001 16 28.001C9.37204 28.001 3.99902 22.628 3.99902 16C3.99902 9.37204 9.37204 3.99902 16 3.99902C22.628 3.99902 28.001 9.37204 28.001 16ZM16.6748 10.1038C16.6748 9.55154 16.2271 9.10382 15.6748 9.10382C15.1225 9.10382 14.6748 9.55154 14.6748 10.1038V17.1038C14.6748 17.6561 15.1225 18.1038 15.6748 18.1038H22.6748C23.2271 18.1038 23.6748 17.6561 23.6748 17.1038C23.6748 16.5515 23.2271 16.1038 22.6748 16.1038H16.6748V10.1038Z"/> 1818</svg> 1819 1820</span> 1821 <span class="scheduler-description"> 1822 заÑинено 1823 </span> 1824 </div> 1825 <div class="lang-switcher"> 1826 1827 1828 <a href="#" class="active-language">UA</a> 1829 <span class="lang-separator">|</span> 1830 1831 <a href="https://warmuseum.kyiv.ua/en/news/show/history-for-the-little-ones">EN</a> 1832 </div> 1833 </div> 1834 <div class="footer-copyrights-wrapper"> 1835 <span>© 2026 ÐаÑÑоналÑний мÑзей ÑÑÑоÑÑÑ Ð£ÐºÑаÑни Ñ ÐÑÑгÑй ÑвÑÑовÑй вÑйнÑ. ÐемоÑÑалÑний комплекÑ. 1836ÐеÑÑ ÐºÐ¾Ð½ÑÐµÐ½Ñ Ð´Ð¾ÑÑÑпний за лÑÑензÑÑÑ Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International, ÑкÑо не зазнаÑено ÑнÑе.</span> 1837 </div> 1838 <div class="footer-info-wrapper"> 1839 <div class="contacts-info-wrapper"> 1840 <h4>ÐонÑакÑи</h4> 1841 <div style="margin-top: 1rem"> 1842 <span class="link--withIcon"> 1843 <span class="icon icon--contacts icon--26"> 1844 <svg width="32" height="33" viewBox="0 0 32 33" xmlns="http://www.w3.org/2000/svg"> 1845 1846<path d="M12 23.922V5.922"/> 1847<path d="M20 9.922V27.922"/> 1848<path d="M12 23.922L4 25.922V7.922L12 5.922L20 9.922L28 7.922V25.922L20 27.922L12 23.922Z"/> 1849</svg> 1850 1851</span> 1852 <span>м. ÐиÑв, вÑл. ÐавÑÑÑка, 27</span> 1853 </span> 1854</div> 1855<div> 1856 <span class="link--withIcon"> 1857 <span class="icon icon--contacts icon--26"> 1858 <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> 1859 1860<path d="M21.3114 18.2457C21.4499 18.1536 21.6092 18.0974 21.7749 18.0824C21.9406 18.0673 22.1074 18.0938 22.2602 18.1595L28.1552 20.8007C28.3539 20.8857 28.5197 21.0326 28.6278 21.2197C28.736 21.4067 28.7807 21.6237 28.7552 21.8382C28.561 23.2896 27.8463 24.6209 26.744 25.5848C25.6418 26.5487 24.2269 27.0794 22.7627 27.0782C18.254 27.0782 13.93 25.2872 10.7419 22.0991C7.55376 18.9109 5.7627 14.5869 5.7627 10.0782C5.76158 8.614 6.29229 7.19919 7.25615 6.09692C8.22 4.99465 9.55139 4.27995 11.0027 4.08575C11.2172 4.06026 11.4343 4.10494 11.6213 4.2131C11.8083 4.32126 11.9553 4.48709 12.0402 4.68575L14.6814 10.5857C14.7463 10.7373 14.7728 10.9025 14.7584 11.0667C14.744 11.231 14.6892 11.3891 14.5989 11.527L11.9277 14.7032C11.8329 14.8462 11.7769 15.0113 11.7651 15.1825C11.7532 15.3536 11.786 15.5248 11.8602 15.6795C12.8939 17.7957 15.0814 19.957 17.2039 20.9807C17.3594 21.0546 17.5315 21.0866 17.7031 21.0737C17.8747 21.0608 18.04 21.0033 18.1827 20.907L21.3114 18.2457Z"/> 1861 1862</svg> 1863 1864</span> 1865 <span>+38 (075) 933 14 77</span> 1866 </span> 1867</div> 1868<div> 1869 <span class="link--withIcon"> 1870 <span class="icon icon--contacts icon--26"> 1871 <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> 1872 1873<path d="M21.3114 18.2457C21.4499 18.1536 21.6092 18.0974 21.7749 18.0824C21.9406 18.0673 22.1074 18.0938 22.2602 18.1595L28.1552 20.8007C28.3539 20.8857 28.5197 21.0326 28.6278 21.2197C28.736 21.4067 28.7807 21.6237 28.7552 21.8382C28.561 23.2896 27.8463 24.6209 26.744 25.5848C25.6418 26.5487 24.2269 27.0794 22.7627 27.0782C18.254 27.0782 13.93 25.2872 10.7419 22.0991C7.55376 18.9109 5.7627 14.5869 5.7627 10.0782C5.76158 8.614 6.29229 7.19919 7.25615 6.09692C8.22 4.99465 9.55139 4.27995 11.0027 4.08575C11.2172 4.06026 11.4343 4.10494 11.6213 4.2131C11.8083 4.32126 11.9553 4.48709 12.0402 4.68575L14.6814 10.5857C14.7463 10.7373 14.7728 10.9025 14.7584 11.0667C14.744 11.231 14.6892 11.3891 14.5989 11.527L11.9277 14.7032C11.8329 14.8462 11.7769 15.0113 11.7651 15.1825C11.7532 15.3536 11.786 15.5248 11.8602 15.6795C12.8939 17.7957 15.0814 19.957 17.2039 20.9807C17.3594 21.0546 17.5315 21.0866 17.7031 21.0737C17.8747 21.0608 18.04 21.0033 18.1827 20.907L21.3114 18.2457Z"/> 1874 1875</svg> 1876 1877</span>
1878 <span>+38 (044) 285 88 15</span> 1879 </span> 1880</div> 1881 1882<div> 1883 <span class="link--withIcon"> 1884 <span class="icon icon--contacts icon--26"> 1885 <svg width="33" height="32" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg"> 1886 1887<path d="M4.7627 12V25C4.7627 25.2652 4.86805 25.5196 5.05559 25.7071C5.24313 25.8946 5.49748 26 5.7627 26H27.7627C28.0279 26 28.2823 25.8946 28.4698 25.7071C28.6573 25.5196 28.7627 25.2652 28.7627 25V12L16.7627 4L4.7627 12Z"/> 1888<path d="M14.5813 19L5.07129 25.7175"/> 1889<path d="M28.4538 25.7175L18.9438 19"/> 1890<path d="M28.7627 12L18.9452 19H14.5814L4.7627 12"/> 1891 1892</svg> 1893 1894</span> 1895 <span>[email protected]</span> 1896 </span> 1897</div> 1898 1899 </div> 1900 <div class="schedule-info-wrapper"> 1901 <h4>ÐÑаÑÑк ÑобоÑи</h4> 1902 1903 <div> 1904 <span class="link--withIcon link--not-active"> 1905 <span class="icon icon--contacts icon--26"> 1906 <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> 1907 1908<path d="M16.5552 28.0959C23.1826 28.0959 28.5552 22.7234 28.5552 16.0959C28.5552 9.46852 23.1826 4.09594 16.5552 4.09594C9.92776 4.09594 4.55518 9.46852 4.55518 16.0959C4.55518 22.7234 9.92776 28.0959 16.5552 28.0959Z"/> 1909<path d="M16.6533 10.5236V16.5236L21.6533 19.5236"/> 1910 1911</svg> 1912 1913</span> 1914 <span>ÐонедÑлок - ÐâÑÑниÑÑ 10:00 - 18:00</span> 1915 </span> 1916 </div> 1917 <div> 1918 <span class="link--withIcon link--not-active"> 1919 <span class="icon icon--contacts icon--26"> 1920 <svg width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"> 1921 1922<path d="M16.5552 28.0959C23.1826 28.0959 28.5552 22.7234 28.5552 16.0959C28.5552 9.46852 23.1826 4.09594 16.5552 4.09594C9.92776 4.09594 4.55518 9.46852 4.55518 16.0959C4.55518 22.7234 9.92776 28.0959 16.5552 28.0959Z"/> 1923<path d="M16.6533 10.5236V16.5236L21.6533 19.5236"/> 1924 1925</svg> 1926 1927</span> 1928 <span>СÑбоÑа - ÐедÑÐ»Ñ 10:00 - 19:00</span> 1929 </span> 1930 </div> 1931 <div> 1932 <div class="link--withIcon link--not-active"> 1933 <span class="icon icon--contacts icon--26"> 1934 <svg width="41" height="41" viewBox="0 0 41 41" xmlns="http://www.w3.org/2000/svg"> 1935 1936<path d="M5.76025 26.0527C7.12549 26.0527 8.43482 25.5104 9.40019 24.545C10.3656 23.5796 10.9079 22.2703 10.9079 20.9051C10.9079 19.5398 10.3656 18.2305 9.40019 17.2651C8.43482 16.2998 7.12549 15.7574 5.76025 15.7574V10.6098C5.76025 10.2685 5.89584 9.94115 6.13718 9.6998C6.37852 9.45846 6.70585 9.32288 7.04716 9.32288H35.3592C35.7005 9.32288 36.0278 9.45846 36.2692 9.6998C36.5105 9.94115 36.6461 10.2685 36.6461 10.6098V15.7574C35.2809 15.7574 33.9716 16.2998 33.0062 17.2651C32.0408 18.2305 31.4985 19.5398 31.4985 20.9051C31.4985 22.2703 32.0408 23.5796 33.0062 24.545C33.9716 25.5104 35.2809 26.0527 36.6461 26.0527V31.2004C36.6461 31.5417 36.5105 31.869 36.2692 32.1103C36.0278 32.3517 35.7005 32.4873 35.3592 32.4873H7.04716C6.70585 32.4873 6.37852 32.3517 6.13718 32.1103C5.89584 31.869 5.76025 31.5417 5.76025 31.2004V26.0527Z" fill="white"/> 1937<path class="line" d="M17.3418 9.32288V32.4873" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5.15 5.15"/> 1938 1939</svg> 1940 1941<!-- stroke="white" --> 1942 1943</span> 1944 <span>ÐаÑа заÑинÑÑÑÑÑÑ Ð·Ð° 30 Ñ Ð². до закÑиÑÑÑ ÐÑзеÑ</span> 1945 </div> 1946</div> 1947<div> 1948 <div class="link--withIcon link--not-active"> 1949 <span class="icon icon--alarm icon--26"> 1950 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> 1951<path d="M16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27Z"/> 1952<path d="M15.9793 18.501C15.4521 18.501 15.0155 18.0917 14.9814 17.5656L14.4957 10.0646C14.4584 9.48812 14.9159 9 15.4936 9H16.5064C17.0841 9 17.5416 9.48812 17.5043 10.0646L17.0186 17.5656C16.9845 18.0917 16.5479 18.501 16.0207 18.501H15.9793ZM15.4268 22.7021C14.8745 22.7021 14.4268 22.2544 14.4268 21.7021V21.083C14.4268 20.5307 14.8745 20.083 15.4268 20.083H16.5732C17.1255 20.083 17.5732 20.5307 17.5732 21.083V21.7021C17.5732 22.2544 17.1255 22.7021 16.5732 22.7021H15.4268Z" /> 1953</svg> 1954 1955</span>
1956 <span>ÐÑд ÑÐ°Ñ Ð¿Ð¾Ð²ÑÑÑÑÐ½Ð¾Ñ ÑÑивоги ÐÑзей не пÑаÑÑÑ</span> 1957 </div> 1958</div> 1959 1960 </div> 1961 <div class="links-info-wrapper"> 1962 <p><a href="https://warmuseum.kyiv.ua/rules" class="link--underlined">ÐÑавила вÑдвÑдÑваннÑ</a></p> 1963 <p><a href="https://warmuseum.kyiv.ua/terms" class="link--underlined">ТеÑмÑни Ñа Ñмови</a></p> 1964 <p><a href="https://warmuseum.kyiv.ua/privacy-policy" class="link--underlined">ÐолÑÑика конÑÑденÑÑйноÑÑÑ</a></p> 1965 </div> 1966 <div class="social-info-wrapper"> 1967 <h4>Ðи в ÑоÑмеÑÐµÐ¶Ð°Ñ </h4> 1968 <div class="social-icons-wrapper"> 1969 <a href="//www.facebook.com/warmuseum.kyiv.ua" class="icon icon--social icon--32"> 1970 <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg"> 1971<path d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM26.5016 25.4306V38.4879H21.0991V25.4311H18.4V20.9315H21.0991V18.23C21.0991 14.5592 22.6231 12.3764 26.9532 12.3764H30.5581V16.8765H28.3048C26.6192 16.8765 26.5077 17.5053 26.5077 18.6789L26.5016 20.931H30.5836L30.1059 25.4306H26.5016Z"/> 1972</svg> 1973 1974</a> 1975 <a href="//x.com/warmuseum_ua" class="icon icon--social icon--32"> 1976 <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg"> 1977<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764ZM34.6289 13.5132H30.9324L24.8401 20.4557L19.5737 13.5132H11.9463L21.0597 25.3962L12.4222 35.2396H16.1207L22.7882 27.6451L28.6144 35.2396H36.0535L26.5533 22.7168L34.6289 13.5132ZM31.6836 33.0336H29.6347L16.263 15.6039H18.4613L31.6836 33.0336Z"/> 1978</svg> 1979 1980</a> 1981 <a href="//www.instagram.com/warmuseum_ua/" class="icon icon--social icon--32"> 1982 <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg"> 1983<path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM18.7233 11.6537C20.0886 11.5916 20.5249 11.5764 24.0012 11.5764H23.9972C27.4746 11.5764 27.9092 11.5916 29.2746 11.6537C30.6373 11.7161 31.5679 11.9319 32.384 12.2484C33.2266 12.5751 33.9386 13.0124 34.6506 13.7244C35.3627 14.4359 35.8 15.15 36.128 15.9919C36.4427 16.8058 36.6587 17.7359 36.7227 19.0986C36.784 20.464 36.8 20.9002 36.8 24.3765C36.8 27.8528 36.784 28.288 36.7227 29.6534C36.6587 31.0155 36.4427 31.9459 36.128 32.7601C35.8 33.6017 35.3627 34.3158 34.6506 35.0273C33.9394 35.7393 33.2264 36.1777 32.3848 36.5047C31.5703 36.8212 30.6391 37.0369 29.2765 37.0993C27.9111 37.1615 27.4762 37.1767 23.9996 37.1767C20.5236 37.1767 20.0876 37.1615 18.7222 37.0993C17.3598 37.0369 16.4294 36.8212 15.615 36.5047C14.7736 36.1777 14.0595 35.7393 13.3483 35.0273C12.6365 34.3158 12.1992 33.6017 11.872 32.7598C11.5557 31.9459 11.34 31.0158 11.2773 29.6531C11.2155 28.2878 11.2 27.8528 11.2 24.3765C11.2 20.9002 11.216 20.4637 11.2771 19.0983C11.3384 17.7362 11.5544 16.8058 11.8717 15.9916C12.1997 15.15 12.6371 14.4359 13.3491 13.7244C14.0606 13.0127 14.7747 12.5753 15.6166 12.2484C16.4305 11.9319 17.3606 11.7161 18.7233 11.6537Z"/> 1984<path fill-rule="evenodd" clip-rule="evenodd" d="M22.853 13.8831C23.0759 13.8827 23.3158 13.8828 23.5746 13.883L24.0013 13.8831C27.4189 13.8831 27.824 13.8953 29.1736 13.9567C30.4216 14.0138 31.0989 14.2223 31.5501 14.3975C32.1475 14.6295 32.5733 14.9068 33.0211 15.3548C33.4691 15.8028 33.7464 16.2295 33.979 16.8268C34.1542 17.2775 34.363 17.9549 34.4198 19.2029C34.4811 20.5522 34.4944 20.9576 34.4944 24.3736C34.4944 27.7896 34.4811 28.195 34.4198 29.5443C34.3627 30.7923 34.1542 31.4697 33.979 31.9203C33.747 32.5177 33.4691 32.943 33.0211 33.3908C32.5731 33.8388 32.1477 34.1161 31.5501 34.3481C31.0995 34.5241 30.4216 34.7321 29.1736 34.7892C27.8242 34.8505 27.4189 34.8
1984638 24.0013 34.8638C20.5834 34.8638 20.1783 34.8505 18.8289 34.7892C17.5809 34.7316 16.9036 34.523 16.4521 34.3478C15.8548 34.1158 15.4281 33.8385 14.9801 33.3905C14.5321 32.9425 14.2548 32.5169 14.0222 31.9193C13.847 31.4686 13.6382 30.7913 13.5814 29.5432C13.5201 28.1939 13.5078 27.7886 13.5078 24.3704C13.5078 20.9522 13.5201 20.549 13.5814 19.1997C13.6385 17.9517 13.847 17.2743 14.0222 16.8231C14.2542 16.2258 14.5321 15.7991 14.9801 15.3511C15.4281 14.9031 15.8548 14.6258 16.4521 14.3932C16.9033 14.2172 17.5809 14.0092 18.8289 13.9519C20.0097 13.8985 20.4674 13.8825 22.853 13.8799V13.8831ZM30.8339 16.0084C29.9859 16.0084 29.2978 16.6956 29.2978 17.5439C29.2978 18.3919 29.9859 19.0799 30.8339 19.0799C31.6819 19.0799 32.3699 18.3919 32.3699 17.5439C32.3699 16.6959 31.6819 16.0079 30.8339 16.0079V16.0084ZM17.4279 24.3765C17.4279 20.7464 20.3709 17.8033 24.001 17.8031C27.6312 17.8031 30.5736 20.7464 30.5736 24.3765C30.5736 28.0067 27.6314 30.9486 24.0013 30.9486C20.3711 30.9486 17.4279 28.0067 17.4279 24.3765Z"/> 1985<path d="M24.0011 20.1098C26.3574 20.1098 28.2678 22.02 28.2678 24.3765C28.2678 26.7328 26.3574 28.6432 24.0011 28.6432C21.6445 28.6432 19.7344 26.7328 19.7344 24.3765C19.7344 22.02 21.6445 20.1098 24.0011 20.1098Z"/> 1986</svg> 1987 1988</a> 1989 <a href="//www.tiktok.com/@war.museum" class="icon icon--social icon--32"> 1990 <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg"> 1991<path d="M24 48.3764C37.2549 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2549 0.376404 24 0.376404C10.7451 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7451 48.3764 24 48.3764ZM29.7595 11.5977C30.1072 13.4313 31.2213 15.0052 32.7654 15.9886C33.8412 16.6736 35.1233 17.073 36.5 17.073V21.8871C33.9441 21.8871 31.5757 21.0884 29.6427 19.7335V29.5165C29.6427 34.4017 25.5739 38.3764 20.5717 38.3764C18.6387 38.3764 16.8459 37.7815 15.373 36.7704C13.033 35.1666 11.5 32.5138 11.5 29.5165C11.5 24.6301 15.5695 20.6559 20.571 20.6559C20.9861 20.6559 21.3927 20.6885 21.7931 20.7424V25.6564C21.4065 25.5385 20.9977 25.4695 20.571 25.4695C18.2872 25.4695 16.4282 27.2852 16.4282 29.5165C16.4282 31.0697 17.3311 32.4198 18.6499 33.0973C19.225 33.3934 19.8781 33.5623 20.5717 33.5623C22.8032 33.5623 24.6238 31.8287 24.7062 29.668L24.7145 10.3764H29.6427C29.6427 10.7936 29.6844 11.2017 29.7595 11.5977Z"/> 1992</svg> 1993 1994</a> 1995 <a href="//youtube.com/@warmuseum6709" class="icon icon--social icon--32"> 1996 <svg width="48" height="49" viewBox="0 0 48 49" xmlns="http://www.w3.org/2000/svg"> 1997<path d="M24 0.376404C10.7452 0.376404 0 11.1216 0 24.3764C0 37.6312 10.7452 48.3764 24 48.3764C37.2548 48.3764 48 37.6312 48 24.3764C48 11.1216 37.2548 0.376404 24 0.376404ZM34.0016 16.1257C35.1031 16.428 35.9706 17.3186 36.265 18.4496C36.8 20.4994 36.8 24.7764 36.8 24.7764C36.8 24.7764 36.8 29.0532 36.265 31.1032C35.9706 32.2342 35.1031 33.1248 34.0016 33.4272C32.0054 33.9764 24 33.9764 24 33.9764C24 33.9764 15.9946 33.9764 13.9983 33.4272C12.8967 33.1248 12.0292 32.2342 11.7348 31.1032C11.2 29.0532 11.2 24.7764 11.2 24.7764C11.2 24.7764 11.2 20.4994 11.7348 18.4496C12.0292 17.3186 12.8967 16.428 13.9983 16.1257C15.9946 15.5764 24 15.5764 24 15.5764C24 15.5764 32.0054 15.5764 34.0016 16.1257Z"/> 1998<path d="M21.6001 29.1764V21.1764L28.0001 25.1765L21.6001 29.1764Z"/> 1999</svg> 2000 2001</a> 2002 2003 </div> 2004 </div> 2005 <div class="head-info-wrapper"> 2006 <svg width="251" height="261" viewBox="0 0 251 261" xmlns="http://www.w3.org/2000/svg"> 2007 2008<path d="M38.696 21.9331V16.2386H35.7981V21.9331H31.5278V29.5467H38.696V43.7787H52.3525V37.3149H65.3954V29.5467H71.8754V37.3149H98.6494V23.087H118.388V17.3173V16.2386V10.3183H111.999V3.93396H98.3343V10.3183H85.2624V16.2386H78.2849V23.087H75.6896H71.8754H65.3954H62.2653H52.3525V29.5467H38.696V22.4724V21.9331Z"/> 2009<path d="M32.1373 43.7783H17.8755V50.1627H32.1373V43.7783Z"/> 2010<path d="M45.752 63.1619H38.3931V70.5831H45.752V63.1619Z"/> 2011<path d="M32.137 70.24V60.2391V59.6245V56.8525H38.6957V50.2382H32.137V56.8525H25.4248V60.2391H29.8484V70.24H32.137Z"/> 2012<path d="M112.223 30.2032H105.167V37.3193H112.223V30.2032Z"/> 2013<path d="M125.108 37.3151H131.48V30.2032H125.108V37.3151H118.388V44.0925H125.108V37.3151Z"/> 2014<path d="M118.388 0.940308V3.93389V4.84116V10.3183H122.907V6.53446H125.108V3.93389H122.907H120.44V0.940308H118.388Z"/> 2015<path d="M138.429 70.2738V63.5466H169.523H169.971H184.398V65.2691V70.2738H197.951V65.2691H193.237V63.5466H191.488V59.0854H169.971V44.2806V44.0924V37.3151H131.481V44.0924H125.108V63.5466H131.481V70.2738H138.429Z"/> 2016<path d="M204.721 70.2738H197.951V76.6205H204.721V70.2738Z"/> 2017<path d="M178.155 76.8839V70.2738H151.41V76.8839H178.155V83.6613H191.173V90.2422H204.717V83.6613H197.951V76.8839H178.155Z"/> 2018<path d="M204.717 97.0319H210.994V103.747H218.075V97.0319V96.2207V90.2419H204.717V97.0319Z"/> 2019<path d="M218.075 79.1625V76.6163H215.895H214.9H210.994V83.6655H215.895V79.1625H218.075Z"/> 2020<path d="M32.4726 83.2844H25.0059V90.2918H32.4726V83.2844Z"/> 2021<path d="M25.0064 90.2925H12.0796V97.074H25.0064V90.2925Z"/> 2022<path d="M8.64233 117.188H5.50391V123.819H12.7509V117.188H19.177V103.404H8.64233V117.188Z"/> 2023<path d="M118.649 96.8272V90.2923H111.982V83.285H105.258V76.5829H71.8462V83.285H98.3093V90.2923H104.81V96.8272H118.649Z"/> 2024<path d="M105.369 130.45V123.819H111.982V117.188H118.648V110.331H125.315V103.157H118.648V110.294H111.982V103.157H98.7026V96.8266H58.865V90.2918H71.8457V83.2844H45.3246V90.2918H38.7119V97.0733H31.8008V104.043H38.7119V123.819H45.3246V130.224H51.8626V123.819H58.5872V130.224H51.8626V137.173H72.1442V143.532H85.2824V137.173H72.1442V130.224H85.2824V123.819H65.4196V110.323H72.1442V103.575H78.421V110.323H85.2866V117.188H98.4248V130.45H105.373H105.369ZM51.8585 123.819H45.3204V117.188H51.8585V123.819ZM91.5261 110.298H85.2783V103.579H91.5261V110.298Z"/> 2025<path d="M178.155 123.782H184.485V130.392H191.434V137.228H204.489V143.533H231.325V136.722H224.713V129.94H218.075V123.385H211.433V117.059H204.825V110.332H191.434V103.575H158.263V96.827H144.813V103.575H151.314V108.81V110.562V123.782H157.815V130.392H171.372V123.782H164.987V110.562H171.372V117.059H178.155V123.782Z"/> 2026<path d="M178.15 130.392H171.372V137.228H178.15V130.392Z"/> 2027<path d="M164.593 170.283H178.154V163.785H171.371V157.121H151.819V150.507H131.31V153.814V156.891H118.648V150.507H111.588V156.891H104.863V163.928H98.3086V177.29H131.31V170.625H138.316V163.928H164.593V170.283Z"/> 2028<path d="M210.985 177.349V183.942H224.696V177.349H235.583V170.626H231.325V163.786H217.905V156.837H198.042V150.507H191.152V143.533H184.709V137.228H178.154V163.786H184.709V176.839H178.154V183.223H184.709H188.519H191.152V177.349H198.042V163.786H204.485V170.626H210.985V175.576V177.349Z"/> 2029<path d="M131.31 143.533H124.868V150.506H131.31V143.533Z"/> 2030<path d="M244.194 157.121H245.612V153.354H250.695V150.506V149.072V147.634H242.399V144.762H239.936V143.533H237.619V150.506H239.414H239.936H242.399H244.194V153.354V157.121Z"/> 2031<path d="M237.619 130.392H239.414V123.782V122.465V118.321H232.689V116.737H230.894V123.782H232.167H232.689H237.619V130.392Z"/> 2032<path d="M7.55623 177.164V170.541H38.9321V157.471H25.711V150.197H0.694824V158.299H1.73129V170.541V177.164H2.90043H5.74863H7.55623Z"/> 2033<path d="M12.4031 204.006V197.425H58.8078V190.28H38.9325V183.616H32.4069V177.164H18.6675V183.616H25.1061V190.28H18.6675V183.616H12.4031V182.654V182.002V177.164H5.74902V182.654H6.91816V201.611H6.91401V204.006H6.91816H10.0276H12.4031Z"/> 2034<path d="M12.0587 224.159H19.1647V217.469H25.3213H27.8296H38.9737V203.701H25.3213V210.412H7.90869V217.469H12.0587V224.159Z"/> 2035<path d="M65.4943 223.946H58.4712V230.577H65.4943V223.946Z"/> 2036<path d="M72.2193 210.324H65.1548V217.449H72.2193V210.324Z"/> 2037<path d="M110.362 210.605H90.416V218.503H96.9913V224.226H70.9221V230.857H64.1934V237.413H60.6818H10.7573V244.341H20.7613V252.64H35.9269H39.8572V260.885H54.0775V255.057H77.5223V244.341H90.7228V237.413H96.9913H108.131V227.542H121.589V217.294H120.863H117.828H110.362V210.818H124.109V204.187H110.362V210.605Z"/> 2038</svg> 2039 2040 </div> 2041 </div> 2042 </div> 2043 </div> 2044 2045 2046 2047 2048</footer> 2049</div> 2050</body> 2051 2052 2053 2054 2055 <link rel="modulepreload" href="https://warmuseum.kyiv.ua/assets/js/app-wWIgGl1-.js" /><link rel="modulepreload" href="https://warmuseum.kyiv.ua/assets/bootstrap-YorGqtVr.js" />
2055<script type="module" src="https://warmuseum.kyiv.ua/assets/js/app-wWIgGl1-.js"></script>
2055 2056 2057 2058 2059
2059<script class="module"> 2060 2061 window.addEventListener("DOMContentLoaded", () => { 2062 //console.log('HEADER blade component JS') 2063 //console.log(lenis) 2064 if (document.querySelector('.link-disabled')) { 2065 document.querySelector('.link-disabled').addEventListener('click', function (event) { 2066 event.preventDefault(); 2067 }); 2068 } 2069 2070 2071 const themeToggles = document.querySelectorAll('.icon-theme-switcher'); 2072 2073 2074 // Datk or Light Icon 2075 function updateIcon() { 2076 const isDarkTheme = document.documentElement.classList.contains('dark-theme'); 2077 2078 themeToggles.forEach(toggle => { 2079 const themeIcons = toggle.querySelectorAll('svg'); 2080 2081 themeIcons.forEach(icon => { 2082 const darkThemeIcons = icon.querySelectorAll('.dark-theme-group'); 2083 const lightThemeIcons = icon.querySelectorAll('.light-theme-group'); 2084 2085 if (isDarkTheme) { 2086 darkThemeIcons.forEach(el => { 2087 el.style.visibility = 'visible'; 2088 }); 2089 lightThemeIcons.forEach(el => { 2090 el.style.visibility = 'hidden'; 2091 }); 2092 } else { 2093 darkThemeIcons.forEach(el => { 2094 el.style.visibility = 'hidden'; 2095 }); 2096 lightThemeIcons.forEach(el => { 2097 el.style.visibility = 'visible'; 2098 }); 2099 } 2100 }); 2101 }); 2102 } 2103 2104 2105 if (localStorage.getItem('theme') === 'dark') { 2106 document.documentElement.classList.add('dark-theme'); 2107 } else { 2108 document.documentElement.classList.remove('dark-theme'); 2109 } 2110 updateIcon(); 2111 2112 themeToggles.forEach(toggle => { 2113 toggle.addEventListener('click', function (e) { 2114 e.preventDefault(); 2115 document.documentElement.classList.toggle('dark-theme'); 2116 localStorage.setItem('theme', document.documentElement.classList.contains('dark-theme') ? 'dark' : 'light'); 2117 updateIcon(); 2118 }) 2119 }) 2120 2121 function searcher() { 2122 const searchButton = document.querySelectorAll('.icon--search'); 2123 const closeButton = document.querySelector('.close-search'); 2124 const searchable = document.querySelector('.searchable'); 2125 2126 2127 if (!searchButton) { 2128 return 2129 } 2130 2131 const form = document.getElementById('search-form'); 2132 const input = document.getElementById('search-input'); 2133 const errorContainer = document.querySelector('.search-error'); 2134 const resultsContainer = document.querySelector('.result-content'); 2135 const counterContainer = document.querySelector('.counterContainer'); 2136 2137 const token = "RjwuEXP1RbXNLxMz2yvRy2tpmCSzyxeiYwgUrIZL"; 2138 let timeout; 2139 2140 searchButton.forEach(item => { 2141 item.addEventListener('click', function (e) { 2142 e.preventDefault(); 2143 searchable.classList.toggle('active'); 2144 //clearForm(); 2145 2146 setTimeout(() => { 2147 if (window.lenis) { 2148 console.log('Lenis доÑÑÑпен'); 2149 //window.lenis.stop() 2150 } else { 2151 console.warn('Lenis вÑÑ ÐµÑÑ Ð½Ðµ опÑеделÑн!'); 2152 } 2153 }, 1000); // РзавиÑимоÑÑи Ð¾Ñ ÑазмеÑа бандла app.js, можно ÑвелиÑиÑÑ 2154 2155 2156 //window.lenis.stop() 2157 //document.body.classList.add('lenis-disabled') 2158 }) 2159 }) 2160 2161 2162 closeButton.addEventListener('click', function (e) { 2163 e.preventDefault(); 2164 searchable.classList.remove('active'); 2165 //window.lenis.start() 2166 //document.body.classList.remove('lenis-disabled') 2167 }) 2168 2169 2170 2171 2172 input.addEventListener('input', () => { 2173 clearTimeout(timeout); 2174 timeout = setTimeout(async () => { 2175 const query = input.value.trim(); 2176 2177 if (query.length > 3) { 2178 try { 2179 const response = await fetch(form.action, { 2180 method: 'POST', 2181 headers: { 2182 'Content-Type': 'application/json', 2183 'Accept': 'application/json', 2184 'X-CSRF-TOKEN': token, 2185 }, 2186 body: JSON.stringify({ query }), 2187 }); 2188 2189 const data = await response.json(); 2190 2191 if (!response.ok && data.errors?.query) { 2192 errorContainer.textContent = data.errors.query[0]; 2193 return; 2194 } 2195 2196 renderSearchResults(data); 2197 } catch (e) { 2198 console.error('Search error:', e); 2199 resultsContainer.innerHTML = '<div class="item-wrapper"><p class="item-text">СÑалаÑÑ Ð¿Ð¾Ð¼Ð¸Ð»ÐºÐ°, ÑпÑобÑйÑе Ñе Ñаз.</p></div>'; 2200 } 2201 } else { 2202 resultsContainer.innerHTML = ''; 2203 counterContainer.textContent = '0' 2204 } 2205 }, 300); 2206 }); 2207
2208 function renderSearchResults(data) { 2209 const results = data.items || []; 2210 const count = data.count || 0; 2211 2212 /*resultsContainer.innerHTML = ''; 2213 errorContainer.textContent = ''; 2214 counterContainer.textContent = '0'*/ 2215 clearForm() 2216 2217 counterContainer.textContent = `${count}`; 2218 2219 if (results.length === 0) { 2220 resultsContainer.innerHTML = ` 2221 <div class="item-wrapper"> 2222 <p class="item-text">ÐÑÑого не знайдено.</p> 2223 </div> 2224 `; 2225 return; 2226 } 2227 2228 results.forEach(item => { 2229 const itemType = item.type; 2230 const imageUrl = item.imageUrl ?? null; 2231 const previewText = item.article || item.description || item.overview || null; 2232 const title = item.title ?? '(без назви)'; 2233 const url = item.url ?? '#'; 2234 2235 // ${imageUrl ? `<img src="${imageUrl}" alt="">` : ''}a 2236 const html = ` 2237 <a href="${url}" class="search-item-wrapper"> 2238 <div class="search-item-image"> 2239 2240 </div> 2241 <div class="search-item-info"> 2242 <h6 class="search-item-title"> 2243 ${title} 2244 </h6> 2245 ${previewText ? `<p class="search-item-text">${truncateText(previewText, 125)}</p>` : ''} 2246 ${itemType && itemType.trim() !== '' ? ` 2247 <div> 2248 <span class="news-meta-marker"></span> 2249 <span class="news-meta-type">${itemType}</span> 2250 </div> 2251 ` : ''} 2252 </div> 2253 </a> 2254 `; 2255 2256 resultsContainer.insertAdjacentHTML('beforeend', html); 2257 }); 2258 } 2259 2260 function clearForm () { 2261 resultsContainer.innerHTML = ''; 2262 errorContainer.textContent = ''; 2263 counterContainer.textContent = '0' 2264 } 2265 2266 2267 function truncateText(text, limit = 125) { 2268 return text.length > limit ? text.slice(0, limit) + 'â¦' : text; 2269 } 2270 2271 } 2272 2273 const form = document.getElementById('search-form'); 2274 form.addEventListener('submit', function (e) { 2275 e.preventDefault(); // блокиÑÑÐµÑ ÑÑандаÑÑнÑÑ Ð¾ÑпÑÐ°Ð²ÐºÑ Ð¿Ð¾ Enter 2276 }); 2277 2278 searcher() 2279 2280 }) 2281 2282 </script>
2282 2283
2283<script type="module"> 2284 2285 window.addEventListener("load", () => { 2286 2287 const initContentCarousel = (element) => { 2288 console.log('carousel from #2') 2289 2290 let carousel = element.querySelector('.swiper') 2291 let prev_button = element.querySelector('.swiper-button-custom-prev') 2292 let next_button = element.querySelector('.swiper-button-custom-next') 2293 let paginationContainer = element.nextElementSibling 2294 let pagination = paginationContainer.querySelector('.swiper-pagination') 2295 let manySlides = element.querySelectorAll('.swiper-slide').length !== 1 2296 2297 if (!manySlides) { // ÐÑли Ñлайд вÑего один 2298 prev_button.style.display = 'none'; // СкÑÑваем ÐºÐ½Ð¾Ð¿ÐºÑ Ð½Ð°Ð·Ð°Ð´ 2299 next_button.style.display = 'none'; // СкÑÑваем ÐºÐ½Ð¾Ð¿ÐºÑ Ð²Ð¿ÐµÑед 2300 if (pagination) pagination.style.display = 'none'; // СкÑÑваем пагинаÑиÑ, еÑли она еÑÑÑ 2301 } 2302 2303 new Swiper(carousel, { 2304 slidesPerView: 1, 2305 spaceBetween: 0, 2306 effect: 'slide', 2307 /*effect: 'fade', 2308 fadeEffect: { 2309 crossFade: true 2310 },*/ 2311 grabCursor: true, 2312 2313 // Optional parameters 2314 direction: 'horizontal', 2315 stopOnLastSlide: false, 2316 2317 watchOverflow: true, // ÐвÑомаÑиÑеÑки ÑкÑÑваÑÑ Ð½Ð°Ð²Ð¸Ð³Ð°ÑиÑ, еÑли Ñлайдов менÑÑе, Ñем нÑжно Ð´Ð»Ñ ÑкÑоллинга 2318 loop: manySlides, 2319 //disableOnInteraction: false, 2320 //forceLoop: true, 2321 2322 speed: 1000, 2323 pauseOnMouseEnter: false, 2324 autoplay: { 2325 delay: 6000, 2326 }, 2327 2328 navigation: manySlides ? { 2329 nextEl: next_button, //'.swiper-button-custom-next', 2330 prevEl: prev_button, //'.swiper-button-custom-prev', 2331 } : false, 2332 2333 pagination: false, 2334 2335 /*pagination: manySlides ? { 2336 el: pagination,//'.swiper-pagination', 2337 clickable: true, 2338 } : false,*/ 2339 2340 on: { 2341 init: function () { 2342 2343 }, 2344 }, 2345 2346 }); 2347 } 2348 2349 2350 2351 function setEqualHeightRows() { 2352 const grid = document.querySelector('.content-sidebar.last_news'); 2353 if (!grid) return; 2354 2355 // СбÑоÑиÑÑ ÑÑили вÑÑоÑÑ, ÑÑÐ¾Ð±Ñ Ð¿Ð¾Ð»ÑÑиÑÑ Ð½Ð°ÑÑÑалÑнÑе ÑазмеÑÑ 2356 Array.from(grid.children).forEach(row => { 2357 row.style.height = 'auto'; 2358 }); 2359 2360 // ÐолÑÑиÑÑ Ð²ÑÑоÑÑ Ñамой вÑÑокой ÑÑÑоки 2361 const maxHeight = Array.from(grid.children) 2362 .map(row => row.offsetHeight) 2363 .reduce((max, current) => current > max ? current : max, 0); 2364 2365 // УÑÑановиÑÑ Ð²ÑÑоÑÑ ÐºÐ°Ð¶Ð´Ð¾Ð¹ ÑÑÑоки Ñавной макÑималÑной вÑÑоÑе 2366 Array.from(grid.children).forEach(row => { 2367 row.style.height = `${maxHeight}px`; 2368 }); 2369 } 2370 2371 const carouselPosition = () => { 2372 let pTags = document.querySelectorAll('.content-text p') 2373 const swiper = document.querySelector('.swiper-grid') 2374 2375 // ÐолÑÑаем колиÑеÑÑво Ñегов <p> 2376 const pTagCount = pTags.length; 2377 2378 // СÑиÑаем обÑее колиÑеÑÑво бÑкв во вÑÐµÑ <p> 2379 let totalCharacterCount = 0; 2380
2381 pTags.forEach(p => { 2382 const text = p.textContent // без пÑобелов - p.textContent.replace(/\s+/g, ''); 2383 totalCharacterCount += text.length; 2384 }); 2385 2386 if (totalCharacterCount > 2000 && pTagCount > 3) { 2387 2388 const middleIndex = Math.ceil(pTagCount / 2).toFixed(0) 2389 2390 // ÐолÑÑаем "ÑеÑединнÑй" Ñег <p> 2391 const middleP = pTags[middleIndex]; 2392 2393 // ÐÑÑезаем ÑÐ»ÐµÐ¼ÐµÐ½Ñ swiper из DOM 2394 swiper.remove(); 2395 2396 // ÐÑÑавлÑем swiper поÑле "ÑеÑединного" Ñега <p> 2397 middleP.insertAdjacentElement('afterend', swiper); 2398 2399 } 2400 2401 // ÐÑводим ÑезÑлÑÑаÑÑ 2402 /*console.log('ÐолиÑеÑÑво <p>:', pTagCount); 2403 console.log('ÐбÑее колиÑеÑÑво бÑкв:', totalCharacterCount);*/ 2404 } 2405 2406 setEqualHeightRows() 2407 carouselPosition() 2408 2409 const swipers = document.querySelectorAll('.swiper-grid') 2410 2411 swipers.forEach((carousel) => { 2412 initContentCarousel(carousel) 2413 }) 2414 2415 window.addEventListener('resize', setEqualHeightRows); 2416 2417 }) 2418 </script>
2418 2419
2419<script class="module"> 2420 2421 window.addEventListener("DOMContentLoaded", () => { 2422 console.log('Hello from footer.js') 2423 //console.log(lenis) 2424 if (document.querySelector('.link-disabled')) { 2425 document.querySelector('.link-disabled').addEventListener('click', function (event) { 2426 event.preventDefault(); 2427 }); 2428 } 2429 2430 }) 2431 2432 </script>
2432 2433</html> 2434 2435 2436 2437 2438
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.