http://veselkova-kramnicja.mozello.com/pamjat/ Веселкова Крамниця - Пам'ять http://veselkova-kramnicja.mozello.com/pamjat/params/post/5259590/panteon Wed, 27 May 2026 16:04:00 +0000 лллллллллллллллллллллллл<hr class="moze-more-divider"><p>1</p><p>Мелники</p><p><br></p><iframe src="https://www.facebook.com/plugins/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2F1zahidTV%2Fvideos%2F27146456801651994%2F&amp;show_text=true&amp;width=560&amp;t=0" width="560" height="429" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5209425/jangoli-sportu-pomennij-spisok-pamjat Fri, 13 Feb 2026 23:00:00 +0000 ооооооооооооооооооооо<hr class="moze-more-divider"><p>7<br></p><blockquote class="instagram-media" data-instgrm-captioned="" data-instgrm-permalink="https://www.instagram.com/tv/Cc0NwlsDZmi/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/tv/Cc0NwlsDZmi/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">Переглянути цей допис в Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style="color: rgb(201, 200, 205); font-family: Arial, sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0px; margin-top: 8px; overflow: hidden; padding: 8px 0px 7px; text-overflow: ellipsis; white-space: nowrap;" class="moze-center"><a href="https://www.instagram.com/tv/Cc0NwlsDZmi/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Допис, поширений Валерий Чигляев (@chiglyaev)</a></p></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script><p></p> <meta charset="UTF-8"> <title>СПИСОК ЯНГІВ СПОРТУ</title> <style> body { background-color: #000000; /* Глибокий чорний */ color: #ffffff; font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 40px; } h1 { color: #d4af37; /* Золотий */ text-align: center; text-transform: uppercase; border-bottom: 3px solid #d4af37; padding-bottom: 20px; font-size: 36px; } .search-container { text-align: center; margin: 30px 0; } #searchInput { width: 70%; padding: 15px; font-size: 20px; background: #1a1a1a; border: 2px solid #d4af37; color: #ffd700; border-radius: 10px; } .table-header { background: #1a1a1a; color: #d4af37; padding: 15px; font-size: 22px; font-weight: bold; margin-top: 40px; border-left: 10px solid #d4af37; } table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 18px; } th { background-color: #d4af37; color: #000000; padding: 15px; text-align: left; text-transform: uppercase; } td { padding: 15px; border-bottom: 1px solid #333; } tr:hover { background-color: #111; } .badge { padding: 5px 10px; border-radius: 5px; font-size: 14px; font-weight: bold; } .child { background-color: #0056b3; color: white; } /* Синій - Діти */ .adult { background-color: #8b4513; color: white; } /* Коричневий - Дорослі */ .highlight-name { color: #ffd700; font-weight: bold; } </style> <h1>Янголи Спорту: Поіменний список пам'яті</h1> <div class="search-container"> <input type="text" id="searchInput" onkeyup="filterNames()" placeholder="Введіть прізвище для миттєвого пошуку..." fdprocessedid="mmr5k8"> </div> <div class="table-header">БЛОК 1: ПЕРШІ ІМЕНА ПАМ'ЯТІ</div> <table id="angelsTable"> <thead> <tr> <th>№</th> <th>Прізвище та Ім'я</th> <th>Вид спорту</th> <th>Область / Місто</th> <th>Категорія</th> </tr> </thead> <tbody> <tr> <td>1</td> <td class="highlight-name">Дяченко Катерина</td> <td>Художня гімнастика</td> <td>Донецька (Маріуполь)</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>2</td> <td class="highlight-name">Перегудова Аліна</td> <td>Важка атлетика</td> <td>Донецька (Маріуполь)</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>3</td> <td class="highlight-name">Шарпар Дмитро</td> <td>Фігурне катання</td> <td>Харківська (Харків)</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> <tr> <td>4</td> <td class="highlight-name">Бахур Карина</td> <td>Кікбоксинг</td> <td>Харківська (Берестин)</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>5</td> <td class="highlight-name">Малишев Євген</td> <td>Біатлон</td> <td>Харківська (Харків)</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> <tr> <td>6</td> <td class="highlight-name">Козубенко Микита</td> <td>Стрибки у воду</td> <td>Київська (Київ)</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> <tr> <td>7</td> <td class="highlight-name">Галінічев Максим</td> <td>Бокс</td> <td>Херсонська</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> <tr> <td>8</td> <td class="highlight-name">Ігнатенко Анастасія</td> <td>Спортивна акробатика</td> <td>Дніпропетровська (Дніпро)</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>9</td> <td class="highlight-name">Коновод Олександр</td> <td>Футбол</td> <td>Донецька</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>10</td> <td class="highlight-name">Кудрявцев Максим</td> <td>Дзюдо</td> <td>Донецька</td> <td><span class="badge child">ДИТИНА</span></td> </tr> <tr> <td>11</td> <td class="highlight-name">Курдибаха Олександр</td> <td>Веслування</td> <td>Миколаївська</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> <tr> <td>12</td> <td class="highlight-name">Полянський Іван</td> <td>Бокс</td> <td>Київська</td> <td><span class="badge adult">ДОРОСЛИЙ</span></td> </tr> </tbody> </table> <script> function filterNames() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("searchInput"); filter = input.value.toUpperCase(); table = document.getElementById("angelsTable"); tr = table.getElementsByTagName("tr"); for (i = 1; i < tr.length; i++) { td = tr[i].getElementsByTagName("td")[1]; // Пошук по стовпцю "Прізвище" if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ""; } else { tr[i].style.display = "none"; } } } } </script> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5209405/jangoli-sportu Fri, 13 Feb 2026 22:23:00 +0000 лллллллллллллллл<hr class="moze-more-divider"><p>1</p><p><br></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Меморіал: Янголи Спорту</title> <script src="https://cdn.tailwindcss.com"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Cormorant+Infant:wght@400;600&display=swap'); :root { --slate-track: #1a1f26; /* Глибокий сланцевий */ --gold-medal: #d4af37; --read-text: #f8fafc; /* Оптимальний білий для читання */ --sub-text: #cbd5e1; } body { background-color: var(--slate-track); color: var(--read-text); font-family: 'Cormorant Infant', serif; background-image: url('data:image/svg+xml;utf8,<svg width="300" height="300" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 95 V70 M50 70 Q70 60 80 40 M50 70 Q30 60 20 40 M50 50 Q65 30 50 5" fill="none" stroke="rgba(212, 175, 55, 0.04)" stroke-width="0.3"></path></svg>'); } .typewriter { font-family: 'Courier Prime', monospace; line-height: 1.6; } .mourning-frame { clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%); border: 1px solid rgba(212, 175, 55, 0.3); } .accordion-content { display: none; animation: fadeIn 0.5s ease-in-out; } .accordion-open > .accordion-content { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .search-highlight { background: rgba(212, 175, 55, 0.4); color: white; } </style> <div class="max-w-4xl mx-auto mb-16 sticky top-4 z-50"> <input type="text" id="searchInput" placeholder="Введіть ім'я героя для пошуку..." class="w-full bg-slate-900/95 border-2 border-yellow-700/50 p-4 rounded-xl text-yellow-500 focus:outline-none focus:ring-4 focus:ring-yellow-500/20 backdrop-blur-md"> </div> <header class="text-center mb-20"> <h1 class="text-5xl md:text-7xl font-bold text-yellow-600 mb-4 tracking-tighter uppercase">Янголи Спорту</h1> <p class="max-w-2xl mx-auto text-blue-300 italic text-xl">Пам'яті українських атлетів, чиї життя обірвала Росія</p> </header> <div id="memorial-container" class="max-w-5xl mx-auto space-y-6"> </div> <script> // СТРУКТУРА JSON (можна винести в окремий файл data.json) const angelsData = [ { region: "Донецька область", categories: { children: [ { name: "Аліна Перегудова", sport: "Важка атлетика", bio: "14-річна вихованка обласної спеціалізованої ДЮСШ олімпійського резерву. Вона була амбітною спортсменкою, яка мріяла про олімпійське золото. Загинула в Маріуполі разом із матір'ю під час обстрілів міста. Її життя обірвалося у самому розквіті сил та таланту. Світ спорту втратив майбутню чемпіонку.", youtube: "YOUTUBE_ID_HERE", photo: "https://varta1.com.ua/uploads/posts/2022-04/1651152011_alina.jpg" }, { name: "Катерина Дяченко", sport: "Художня гімнастика", bio: "11-річна гімнастка з Маріуполя. Її будинок було зруйновано прямим попаданням російського снаряда. Вона була неймовірно гнучкою, працьовитою та життєрадісною. Тренери пророкували їй велике майбутнє на міжнародній арені. Катерина стала одним із наймолодших символів трагедії маріупольського спорту.", youtube: "YOUTUBE_ID_HERE", photo: "https://gdb.voanews.com/08790000-0a00-0242-263a-08da128be26c_w1023_r1_s.jpg" } ], adults: [ { name: "Микита Козубенко", sport: "Стрибки у воду", bio: "Майстер спорту України, багаторазовий призер чемпіонатів країни. Він змінив спортивну форму на військовий піксель у перші дні повномасштабного вторгнення. Загинув під час виконання бойового завдання у червні 2025 року. Микита був прикладом мужності як на вишці, так і в окопі. Вічна пам'ять герою-атлету.", youtube: "YOUTUBE_ID_HERE", photo: "https://img.pravda.com/images/doc/0/2/029676e-kozubenko.jpg" } ] } }, { region: "Харківська область", categories: { children: [ { name: "Карина Бахур", sport: "Кікбоксинг", bio: "17-річна чемпіонка, чия воля до перемоги захоплювала оточуючих. Загинула 18 листопада 2025 року під час ракетного удару «Іскандерами» по рідному місту. Карина мріяла про золото для України та активно готувалася до змагань. Вона назавжди залишиться юною янголом українського кікбоксингу. Її портрет тепер на шоломі пам'яті.", youtube: "YOUTUBE_ID_HERE", photo: "https://static.espreso.tv/uploads/article/2607833/images/im578x383/karina.jpg" } ], adults: [ { name: "Дмитро Шарпар", sport: "Фігурне катання", bio: "Учасник юнацьких Олімпійських ігор, видатний фігурист із Харкова. У віці 25 років він пішов захищати країну від загарбника. Загинув під Бахмутом, виконуючи свій останній обов'язок перед Батьківщиною. Дмитро завжди вирізнявся елегантністю на льоду та сталевим характером у житті. Світ фігурного катання в глибокій скорботі за ним.", youtube: "YOUTUBE_ID_HERE", photo: "https://gdb.voanews.com/01000000-0aff-0242-243e-08dafe6c4660_w1023_r1_s.jpg" } ] } } ]; // РЕНДЕР САЙТУ const container = document.getElementById('memorial-container'); angelsData.forEach(regionData => { const regionBlock = document.createElement('div'); regionBlock.className = 'region-group border-l-2 border-yellow-700/30'; regionBlock.innerHTML = ` <button onclick="toggle(this)" class="w-full text-left p-6 bg-slate-800/40 hover:bg-slate-800/80 flex justify-between items-center transition-all group"> <span class="text-2xl font-bold text-yellow-400 group-hover:pl-2 transition-all uppercase">${regionData.region}</span> <span class="text-yellow-600">+</span> </button> <div class="accordion-content pl-4 md:pl-8 bg-slate-900/10"> ${renderCategory(regionData.categories.children, "Діти-спортсмени", "🕊️")} ${renderCategory(regionData.categories.adults, "Дорослі атлети", "🏛️")} </div> `; container.appendChild(regionBlock); }); function renderCategory(list, title, emoji) { if (!list || list.length === 0) return ""; return ` <div class="category-group mt-4 border-l border-blue-900/50"> <button onclick="toggle(this)" class="w-full text-left p-4 text-blue-400 font-bold tracking-widest flex items-center hover:bg-blue-900/10 transition"> <span class="mr-4">${emoji}</span> ${title} (${list.length}) </button> <div class="accordion-content p-4 space-y-4"> ${list.map(athlete => ` <div class="athlete-entry border-b border-slate-700/50 pb-4" data-name="${athlete.name.toLowerCase()}"> <button onclick="toggle(this)" class="w-full text-left py-3 text-xl text-sub-text hover:text-yellow-500 transition-colors"> ${athlete.name} <span class="text-sm text-slate-500 ml-4">| ${athlete.sport}</span> </button> <div class="accordion-content pt-6"> <div class="grid md:grid-cols-2 gap-8 items-start"> <div class="mourning-frame bg-slate-800 aspect-[4/5] overflow-hidden"> <img src="${athlete.photo}" class="w-full h-full object-cover grayscale hover:grayscale-0 transition-all duration-1000"> </div> <div class="space-y-6"> <p class="typewriter text-slate-200 text-lg">${athlete.bio}</p> <div class="rounded-lg overflow-hidden border border-slate-700 shadow-xl"> <iframe class="w-full aspect-video" src="https://www.youtube.com/embed/${athlete.youtube}" frameborder="0"></iframe> </div> </div> </div> </div> </div> `).join('')} </div> </div> `; } // ЛОГІКА function toggle(btn) { const parent = btn.parentElement; parent.classList.toggle('accordion-open'); const icon = btn.querySelector('span:last-child'); if(icon && icon.innerText !== "") icon.innerText = parent.classList.contains('accordion-open') ? '−' : '+'; } // ПОШУК document.getElementById('searchInput').addEventListener('input', (e) => { const query = e.target.value.toLowerCase(); document.querySelectorAll('.athlete-entry').forEach(entry => { if (entry.dataset.name.includes(query) && query !== "") { entry.classList.add('accordion-open'); let p = entry.parentElement; while(p && p !== container) { if(p.classList.contains('category-group') || p.classList.contains('region-group')) { p.classList.add('accordion-open'); } p = p.parentElement; } entry.querySelector('button').classList.add('text-yellow-500'); } else { entry.querySelector('button').classList.remove('text-yellow-500'); } }); }); </script> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5209396/jangoli-ukrahnskogo-sportu Fri, 13 Feb 2026 22:11:00 +0000 лллллллллллллллл<hr class="moze-more-divider"><p>1</p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Меморіал: Янголи Спорту</title> <script src="https://cdn.tailwindcss.com"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap'); body { background-color: #1e293b; /* Сланцевий сірий */ color: #f8fafc; background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 10 Q60 40 90 50 Q60 60 50 90 Q40 60 10 50 Q40 40 50 10" fill="none" stroke="rgba(234, 179, 8, 0.05)" stroke-width="1"></path></svg>'); } .typewriter-text { font-family: 'Courier Prime', monospace; } .photo-frame { clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%); } .accordion-content { transition: max-height 0.5s ease-in-out; overflow: hidden; max-height: 0; } .accordion-open .accordion-content { max-height: 2000px; } .gold-border { border-left: 4px solid #eab308; } </style> <header class="text-center mb-12"> <h1 class="text-4xl md:text-6xl font-bold text-yellow-500 mb-4 uppercase tracking-widest">Янголи Спорту</h1> <p class="text-blue-400 italic">Меморіал загиблим атлетам України</p> <div class="mt-8 max-w-xl mx-auto"> <input type="text" id="search" placeholder="Пошук імені..." class="w-full bg-slate-800 border border-yellow-600/50 p-3 rounded-lg text-yellow-500 focus:outline-none focus:ring-2 focus:ring-yellow-500"> </div> </header> <div id="memorial-container" class="max-w-4xl mx-auto space-y-4"> <div class="region-accordion border border-slate-700 rounded-lg bg-slate-800/50" data-name="Маріуполь"> <button onclick="toggleAccordion(this)" class="w-full text-left p-5 flex justify-between items-center text-xl font-semibold hover:bg-slate-700/50 transition"> Маріуполь / Донецька обл. <span class="text-yellow-500">+</span> </button> <div class="accordion-content"> <div class="p-4 space-y-2"> <div class="category-accordion"> <button onclick="toggleAccordion(this)" class="w-full text-left p-3 gold-border bg-slate-900/50 text-blue-300 font-bold uppercase text-sm">Діти-спортсмени</button> <div class="accordion-content p-4 space-y-6"> <div class="athlete-card bg-slate-900 p-6 rounded-lg border-b border-yellow-900/30" data-athlete="Катерина Дяченко"> <div class="flex flex-col md:flex-row gap-6"> <div class="md:w-1/3"> <div class="photo-frame bg-slate-700 w-full aspect-square relative overflow-hidden"> <img src="https://static.espreso.tv/uploads/article/2607833/images/im578x383/dyachenko.jpg" alt="Катерина Дяченко" class="object-cover w-full h-full grayscale hover:grayscale-0 transition duration-700"> <div class="absolute inset-0 border-4 border-slate-900/50 pointer-events-none"></div> </div> </div> <div class="md:w-2/3"> <h3 class="text-2xl text-yellow-500 font-bold mb-2">Катерина Дяченко (11 років)</h3> <p class="typewriter-text text-slate-300 leading-relaxed"> Юна зірка художньої гімнастики з Маріуполя. Загинула в березні 2022 року під завалами будинку. Вона була надією українського спорту. Її життя обірвав російський снаряд, що влучив у житловий квартал. Світ назавжди запам'ятає її посмішку на килимі. </p> </div> </div> <div class="mt-6 aspect-video"> <iframe class="moze-iframe" src="https://www.youtube.com/embed/8ePkKOmGPBE" height="0px" width="0px" allowfullscreen="allowfullscreen"></iframe> </div> </div> </div> </div> </div> </div> </div> </div> <script> function toggleAccordion(btn) { const parent = btn.parentElement; parent.classList.toggle('accordion-open'); btn.querySelector('span:last-child').innerText = parent.classList.contains('accordion-open') ? '−' : '+'; } // Функція пошуку document.getElementById('search').addEventListener('input', function(e) { const term = e.target.value.toLowerCase(); const cards = document.querySelectorAll('.athlete-card'); cards.forEach(card => { const name = card.getAttribute('data-athlete').toLowerCase(); if (name.includes(term) && term !== "") { card.style.border = "2px solid #eab308"; // Автоматично розкриваємо батьківські акордеони let p = card.parentElement; while (p && p !== document.body) { if (p.classList.contains('accordion-content')) { p.parentElement.classList.add('accordion-open'); } p = p.parentElement; } } else { card.style.border = "none"; } }); }); </script> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5188536/vvcharka Mon, 29 Dec 2025 02:58:00 +0000 рррррррррррррррррррррррррр<hr class="moze-more-divider"><p>1</p><p><br></p> <iframe src="https://www.facebook.com/plugins/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2297737500723911%2F&amp;show_text=true&amp;width=267&amp;t=0" width="267" height="591" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5184122/de-nasha-velika-kultura Mon, 15 Dec 2025 21:34:00 +0000 <span style="text-align: start; font-weight: 400; font-style: normal">хронологія за сто років: де ділась наша велика культура. вгадайте з трьох раз. це дуже мало імен, найвідоміші. їх усіх неможливо вмістити в одне відео </span><span class="html-span xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x3nfvp2 x1j61x8r x1fcty0u xdj266r xat24cr xm2jcoa x1mpyi22 xxymvpz xlup9mm x1kky2od" style="text-align: start; text-decoration: none; font-weight: 400; font-style: normal"><img height="16" width="16" class="xz74otr x15mokao x1ga7v0g x16uus16 xbiv7yw" alt="💔" referrerpolicy="origin-when-cross-origin" src="https://static.xx.fbcdn.net/images/emoji.php/v9/te7/1/16/1f494.png"></span> <hr class="moze-more-divider"><p>1</p><p><br></p> <iframe src="https://www.facebook.com/plugins/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Fsofia.bezverha.104812%2Fvideos%2F1053333773024557%2F&amp;show_text=true&amp;width=267&amp;t=0" width="267" height="591" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5183609/stepan-gga Mon, 15 Dec 2025 05:04:00 +0000 Нажаль земне життя талановитого співака тенора закінчилось 12 грудня 2025 року<hr class="moze-more-divider"><p>Яворина -- реквієм що замовив собі на похорон спікер ВР Степан Плющ тодішній стендапер..</p><p><br></p> <iframe class="moze-iframe" src="https://www.youtube.com/embed/CUp-jTSVEN4?si=Nb7iJKqlNjXX6HCu" height="315px" width="560px" allowfullscreen="allowfullscreen"></iframe><br><br><p><br></p> <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Foksana.zabuzhko%2Fposts%2Fpfbid03pxA9vgGkvC82urNnSiGAmfTE1PgMriQHxp32EQtaDffbXvY1z18DczEpBgzAscSl&amp;show_text=true&amp;width=500" width="500" height="290" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> http://veselkova-kramnicja.mozello.com/pamjat/params/post/5164313/floran-jurv Sat, 01 Nov 2025 09:37:00 +0000 оооооооооооооооооооооооооооо<hr class="moze-more-divider"><p>1</p><p><br></p><iframe style="max-width: 100%" src="https://vakin.livejournal.com/2228790.html?embed" width="502" height="396" frameborder="0"></iframe> http://veselkova-kramnicja.mozello.com/pamjat/params/post/4891830/pro-rinu-cibuh-ta-ncativu-hvilina-chest Wed, 19 Mar 2025 16:56:00 +0000 ррррррооо<hr class="moze-more-divider"><p></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Ірина Цибух - Хвилина Честі</title> <style> body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; color: #333; } header { background-color: #1e2a47; color: white; padding: 20px 0; text-align: center; } header h1 { font-size: 36px; margin: 0; } .container { width: 80%; margin: 40px auto; padding: 20px; background-color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } h2 { color: #1e2a47; font-size: 28px; margin-bottom: 20px; } p { font-size: 16px; line-height: 1.8; margin-bottom: 20px; } .highlight { color: #f79c42; font-weight: bold; } .image-section { display: flex; justify-content: center; margin: 40px 0; } .image-section img { width: 80%; max-width: 600px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .quote { font-style: italic; color: #555; border-left: 4px solid #f79c42; padding-left: 15px; margin-left: 20px; margin-right: 20px; } footer { background-color: #1e2a47; color: white; padding: 10px; text-align: center; } footer p { margin: 0; } .cta-button { background-color: #f79c42; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; } .cta-button:hover { background-color: #e67e22; } .text-center { text-align: center; } </style> <header> <h1>Ірина Цибух - Героїня України</h1> </header> <div class="container"> <h2>Про Ірину Цибух та ініціативу "Хвилина Честі"</h2> <p>Ірина Цибух — журналістка, парамедикиня та ініціаторка важливого проєкту "Хвилина Честі". Вона стала символом нової України, яка вшановує не тільки загиблих, а й живих героїв, які віддають своє життя для захисту нашої свободи.</p> <div class="image-section"> <img src="https://via.placeholder.com/600x400" alt="Ірина Цибух"> </div> <h3>Що таке "Хвилина Честі"?</h3> <p>Проєкт "Хвилина Честі" був ініційований Іриною з метою змінити традицію хвилини мовчання на хвилину вдячності живим героям, які сьогодні захищають Україну. Цей проєкт покликаний вшанувати не лише загиблих, а й тих, хто бореться за наше майбутнє.</p> <div class="quote"> <p>"Ми можемо приділити одну хвилину, щоб присвятити її тим людям, які сьогодні захищають, та які захищали нас раніше, з 2014 року."</p> </div> <h3>Смерть Ірини Цибух</h3> <p>Ірина загинула 29 травня 2024 року під час ротації на Харківському напрямку. Її смерть стала величезною втратою, але її спадщина, в тому числі проєкт "Хвилина Честі", продовжує жити, надихаючи інших на боротьбу за свою країну.</p> <h3>Як долучитися?</h3> <p>Власники кафе та ресторанів можуть долучитися до проєкту, вмикаючи спеціальні аудіозаписи на хвилину честі, щоб вшанувати героїв. Це стане частиною національної пам'яті та підтримки наших військових.</p> <div class="text-center"> <a href="#" class="cta-button">Долучитися до проєкту</a> </div> </div> <footer> <p>© 2025 Вшанування героїв України</p> </footer> http://veselkova-kramnicja.mozello.com/pamjat/params/post/4850961/rozdumi-talanovito-ljudini Wed, 05 Mar 2025 10:36:00 +0000 ггггггггггггггггггггггггггг<hr class="moze-more-divider"><p>лллллллллллллллллллллллллл</p> <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fpermalink.php%3Fstory_fbid%3Dpfbid02xC9D5Tsku9XgtgC7fUmC7vSSPBiwUrA2AHJEqMRh4MvuWEJuWtmyjMc8DaHoRar3l%26id%3D100006405497645&amp;show_text=true&amp;width=500" width="500" height="559" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>