https://mp.qeng.org Махно Project Предстоящие Игры ru Wed, 04 Feb 2026 03:10:32 +0200 Wed, 04 Feb 2026 03:10:32 +0200 https://mp.qeng.org/index.php?gid=4287 4287 2022-08-19 19:00:00 2028-08-23 19:00:00 169 169 150 0 1 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_safe_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">НОВИЙ ФОРМАТ</div> <h1 class="hero-title">СЕЙФ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Настав час набомбити якомога більше сейфів!</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">150 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Кожен сейф має панель керування у вигляді кнопок. Ваша задача — натиснути правильну послідовність кнопок, використавши всі. </li> <li>На кнопках може бути корисна інформація, що допоможе у розв&#039;язуванні завдання, натиснувши на будь-яку кнопку ви можете побачити її розширений зміст на панелі. Натиснувши на кнопку другий раз — ви додасте її номер до ланцюжка. Третій — скинете її з послідовності.</li> <li>Клацнувши в будь-якому іншому місці — ви повернетесь до початку.</li> <li>У кожному сейфі є якийсь початковий ключ до розв&#039;язування послідовності, якщо його вам вистачить — ви заощадите зароблені гроші, якщо ні — можете купити підказки.</li> <li>Гра адаптована під мобильні девайси. І, так, вам не потрібно вводити ніяких кодів!</li> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 220480174997e06538aefe38c8a2d8c7 https://mp.qeng.org/index.php?gid=4437 4437 2022-08-19 19:00:00 2028-08-23 19:00:00 169 44 300 0 0 0 <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_safe_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">НОВИЙ ФОРМАТ</div> <h1 class="hero-title">СЕЙФ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Настав час набомбити якомога більше сейфів!</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ з команди:</span> <span class="price-value">300 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Кожен сейф має панель керування у вигляді кнопок. Ваша задача — натиснути правильну послідовність кнопок, використавши всі. </li> <li>На кнопках може бути корисна інформація, що допоможе у розв&#039;язуванні завдання, натиснувши на будь-яку кнопку ви можете побачити її розширений зміст на панелі. Натиснувши на кнопку другий раз — ви додасте її номер до ланцюжка. Третій — скинете її з послідовності.</li> <li>Клацнувши в будь-якому іншому місці — ви повернетесь до початку.</li> <li>У кожному сейфі є якийсь початковий ключ до розв&#039;язування послідовності, якщо його вам вистачить — ви заощадите зароблені гроші, якщо ні — можете купити підказки.</li> <li>Гра адаптована під мобильні девайси. І, так, вам не потрібно вводити ніяких кодів!</li> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 62cac9704c0889bc0bcb02866d0a8261 https://mp.qeng.org/index.php?gid=4476 4476 2022-10-08 18:00:00 2028-10-12 18:00:00 169 132 150 0 1 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_colt.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">МІТКО ТА ШВИДКО</div> <h1 class="hero-title">НАЙШВИДШИЙ КОЛЬТ <br>НА ДИКОМУ ЗАХОДІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Леді та джентльмени, чіпляйте до поясів кобури, сідлайте своїх вірних мустангів: ми вирушаємо на Дикий Захід!</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">150 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > Це дуже динамічна, проста і водночас максимально насичена завданнями гра. <li>Ви бачите перед собою завдання, та блок з чотирьох малюнків.</li> <li>Вам не потрібно вводити ніяких кодів. Все, що вам потрібно — це влучно стріляти. А саме — в правильну відповідь.</li> <li>Час на постріл — не обмежено. Але обмежено загальний час на гру. </li> <li>При влучному пострілі екран блимне зеленим, та вам додадуться бали до лічильника. Під час промаху — ви все одно отримаєте наступне завдання, але без балів.</li> <li>Загальний залік складається по кількості влучних пострілів. Тобто ви можете обирати: спиратися на знання, шукати правильну відповідь в інтернеті, користуватися інтуіцією, або взагалі спробувати відповісти рандомно. Головне, встигнути за загальний час гри зробити якомога більше влучних пострілів. </li> <br> Гра адаптована під мобильні девайси (зручніше, ніж за компом). </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 78c7408c3b7ee484345bee8bc2d728d5 https://mp.qeng.org/index.php?gid=4508 4508 2022-10-08 18:00:00 2028-10-12 18:00:00 169 8 0 0 0 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4506/u1ifpFglkS.jpg?v=1665840881" style="width: 750px;" /></p> <p><strong>Старт гри: </strong>незабаром</p> <h2 style="font-style:italic;">Подробиці</h2> <ul> <li>Ви бачите перед собою завдання, та блок з чотирьох малюнків.</li> <li>Вам не потрібно вводити ніяких кодів. Все, що вам потрібно &mdash; це влучно стріляти. А саме &mdash; в правильну відповідь.</li> <li>Вам буде запропоновано багато завдань. Час на постріл &mdash; не обмежено. Але обмежено загальний час на гру: 20 хвилин.</li> <li>При влучному пострілі екран блимне зеленим, та вам додадуться бали до лічильника. Під час промаху &mdash; ви все одно отримаєте наступне завдання, але без балів.</li> </ul> <p>Загальний залік складається по кількості влучних пострілів. Тобто ви можете обирати: спиратися на знання, шукати правильну відповідь в інтернеті, користуватися інтуіцією, або взагалі спробувати відповісти рандомно. Головне, встигнути за загальний час гри зробити якомога більше влучних пострілів.&nbsp;</p> <p>Гра виключно одиночна, але гравці однієї команди можуть з радістю зробити рейтинг між собою.&nbsp;</p> <p><strong>Гра адаптована під мобильні девайси </strong>(зручніше, ніж за компом).</p> <p><span style="color:#ffffff;"><span style="background-color:#e74c3c;">Обережно, можливі неконтрольовані напади русофобії!</span></span></p> <p><strong>Вартість гри: <span style="color:#ffffff;"><span style="background-color:#3498db;">free-to-pay.</span></span> </strong></p> <p>Будь-які вільні гроші ми весь час відправляємо самі-знаєте-куди.&nbsp;</p> <p>Можна зробити донат за посиланням зараз, натиснувши кнопку, що нижче (відкриється монобанка), або за реквізитами. Така ж само кнопка буде по закінченню гри.</p> <p><strong>На будь-які питання можна отримати відповідь, додавшись сюди:</strong></p> <p><a href="https://t.me/makhnoproject">Телеграм-чат для гравців.</a></p> <p><a href="https://t.me/mproject_info">Телеграм-канал важливих сповіщень.</a></p> <p><a href="https://www.instagram.com/makhno.project/">Instagram</a>!</p> <p><a href="https://send.monobank.ua/jar/3s8zkFwTmW" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4287/WwUIyIjq97.png?v=1659093495" /></a></p> <p>Або можете перерахувати за реквізитами на карту:</p> <p>5375 4112 0167 1471</p> <p><strong>Гарної всім гри!</strong></p> Wed, 04 Feb 2026 03:10:32 +0200 aadd5a41a4e17b9001b0761c3f5c4c3f https://mp.qeng.org/index.php?gid=4498 4498 2022-10-08 18:00:00 2028-10-12 18:00:00 169 6 0 0 1 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4476/poster_f.jpg?v=1665066783" style="width: 750px;" /></p> <p><span style="font-size:16px;"><span style="color:#e74c3c;"><strong><span style="font-family:Courier New,Courier,monospace;">Леді та джентльмени, чіпляйте до поясів кобури, сідлайте своїх вірних мустангів: ми вирушаємо на Дикий Захід. Настав час з&#39;ясувати: у кого найшвидший кольт!</span></strong></span></span></p> <p><em>Це дуже динамічна, проста і водночас максимально насичена завданнями гра.</em></p> <p><strong>Старт гри: </strong>субота, 8 жовтня, о 19:00. Можна проходити протягом тижня&nbsp;</p> <h2 style="font-style:italic;">Подробиці</h2> <ul> <li>Ви бачите перед собою завдання, та блок з чотирьох малюнків.</li> <li>Вам не потрібно вводити ніяких кодів. Все, що вам потрібно &mdash; це влучно стріляти. А саме &mdash; в правильну відповідь.</li> <li>Вам буде запропоновано, скажімо так, дуже багато завдань. Час на постріл &mdash; не обмежено. Але обмежено загальний час на гру. Орієнтовно 15-20 хвилин.</li> <li>При влучному пострілі екран блимне зеленим, та вам додадуться бали до лічильника. Під час промаху &mdash; ви все одно отримаєте наступне завдання, але без балів.</li> </ul> <p>Загальний залік складається по кількості влучних пострілів. Тобто ви можете обирати: спиратися на знання, шукати правильну відповідь в інтернеті, користуватися інтуіцією, або взагалі спробувати відповісти рандомно. Головне, встигнути за загальний час гри зробити якомога більше влучних пострілів. Той, хто це зробить &mdash; і буде вважатися найвидшим кольтом!</p> <p>Гра виключно одиночна, але гравці однієї команди можуть з радістю зробити рейтинг між собою.&nbsp;</p> <p><strong>Гра адаптована під мобильні девайси </strong>(зручніше, ніж за компом).</p> <p><strong>Вартість гри: <span style="color:#ffffff;"><span style="background-color:#3498db;">free-to-pay.</span></span> </strong></p> <p>Будь-які вільні гроші ми весь час відправляємо самі-знаєте-куди.&nbsp;</p> <p>Можна зробити донат за посиланням зараз, натиснувши кнопку, що нижче (відкриється монобанка), або за реквізитами. Така ж само кнопка буде по закінченню гри.</p> <p><strong>На будь-які питання можна отримати відповідь, додавшись сюди:</strong></p> <p><a href="https://t.me/makhnoproject">Телеграм-чат для гравців.</a></p> <p><a href="https://t.me/mproject_info">Телеграм-канал важливих сповіщень.</a></p> <p><a href="https://www.instagram.com/makhno.project/">Instagram</a>!</p> <p><a href="https://send.monobank.ua/jar/3s8zkFwTmW" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4287/WwUIyIjq97.png?v=1659093495" /></a></p> <p>Або можете перерахувати за реквізитами на карту:</p> <p>5375 4112 0167 1471</p> <p><strong>Гарної всім гри!</strong></p> Wed, 04 Feb 2026 03:10:32 +0200 776320c09dc2b9344b9ff1eabdefac68 https://mp.qeng.org/index.php?gid=4501 4501 2022-10-12 18:00:00 2028-10-16 18:00:00 169 6 0 0 0 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4476/poster_f.jpg?v=1665066783" style="width: 750px;" /></p> <p><span style="font-size:16px;"><span style="color:#e74c3c;"><strong><span style="font-family:Courier New,Courier,monospace;">Леді та джентльмени, чіпляйте до поясів кобури, сідлайте своїх вірних мустангів: ми вирушаємо на Дикий Захід. Настав час з&#39;ясувати: у кого найшвидший кольт!</span></strong></span></span></p> <p><em>Це дуже динамічна, проста і водночас максимально насичена завданнями гра.</em></p> <p><strong>Старт гри: </strong>субота, 8 жовтня, о 19:00. Можна проходити протягом тижня&nbsp;</p> <h2 style="font-style:italic;">Подробиці</h2> <ul> <li>Ви бачите перед собою завдання, та блок з чотирьох малюнків.</li> <li>Вам не потрібно вводити ніяких кодів. Все, що вам потрібно &mdash; це влучно стріляти. А саме &mdash; в правильну відповідь.</li> <li>Вам буде запропоновано, скажімо так, дуже багато завдань. Час на постріл &mdash; не обмежено. Але обмежено загальний час на гру. Орієнтовно 15-20 хвилин.</li> <li>При влучному пострілі екран блимне зеленим, та вам додадуться бали до лічильника. Під час промаху &mdash; ви все одно отримаєте наступне завдання, але без балів.</li> </ul> <p>Загальний залік складається по кількості влучних пострілів. Тобто ви можете обирати: спиратися на знання, шукати правильну відповідь в інтернеті, користуватися інтуіцією, або взагалі спробувати відповісти рандомно. Головне, встигнути за загальний час гри зробити якомога більше влучних пострілів. Той, хто це зробить &mdash; і буде вважатися найвидшим кольтом!</p> <p>Гра виключно одиночна, але гравці однієї команди можуть з радістю зробити рейтинг між собою.&nbsp;</p> <p><strong>Гра адаптована під мобильні девайси </strong>(зручніше, ніж за компом).</p> <p><strong>Вартість гри: <span style="color:#ffffff;"><span style="background-color:#3498db;">free-to-pay.</span></span> </strong></p> <p>Будь-які вільні гроші ми весь час відправляємо самі-знаєте-куди.&nbsp;</p> <p>Можна зробити донат за посиланням зараз, натиснувши кнопку, що нижче (відкриється монобанка), або за реквізитами. Така ж само кнопка буде по закінченню гри.</p> <p><strong>На будь-які питання можна отримати відповідь, додавшись сюди:</strong></p> <p><a href="https://t.me/makhnoproject">Телеграм-чат для гравців.</a></p> <p><a href="https://t.me/mproject_info">Телеграм-канал важливих сповіщень.</a></p> <p><a href="https://www.instagram.com/makhno.project/">Instagram</a>!</p> <p><a href="https://send.monobank.ua/jar/3s8zkFwTmW" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4287/WwUIyIjq97.png?v=1659093495" /></a></p> <p>Або можете перерахувати за реквізитами на карту:</p> <p>5375 4112 0167 1471</p> <p><strong>Гарної всім гри!</strong></p> Wed, 04 Feb 2026 03:10:32 +0200 21648011530ae32aecafc18553b1ffc5 https://mp.qeng.org/index.php?gid=4506 4506 2022-11-01 18:00:00 2028-11-05 18:00:00 169 179 150 0 1 0 <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_ukr_ponad_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">МІТКО ТА ШВИДКО</div> <h1 class="hero-title">УКРАЇНА — ПОНАД УСЕ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Все, що вам потрібно — це влучно стріляти. <br>А саме — в правильну відповідь.</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">150 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Ви бачите перед собою завдання, та блок з чотирьох малюнків.</li> <li>Вам буде запропоновано багато завдань. Час на постріл — не обмежено. Але обмежено загальний час на гру: 20 хвилин.</li> <li>При влучному пострілі екран блимне зеленим, та вам додадуться бали до лічильника. Під час промаху — ви все одно отримаєте наступне завдання, але без балів.</li> <li>Загальний залік складається по кількості влучних пострілів. Тобто ви можете обирати: спиратися на знання, шукати правильну відповідь в інтернеті, користуватися інтуіцією, або взагалі спробувати відповісти рандомно. Головне, встигнути за загальний час гри зробити якомога більше влучних пострілів. </li> <li>Гра адаптована під мобильні девайси (зручніше, ніж за компом).</li> <p style="font-size: 18px; font-weight: 700;"></p>Обережно, можливі неконтрольовані напади русофобії!</p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 ee147aabf4c11e51a9f205f8b72576fd https://mp.qeng.org/index.php?gid=4534 4534 2022-11-11 13:00:00 2028-11-15 13:00:00 169 131 150 0 1 0 <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_potter_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">МІТКО ТА ШВИДКО</div> <h1 class="hero-title">ГАРРІ ПОТТЕР <br>та фантастичний всесвіт</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Велику битву за Гогвортс завершено. <br>Але чарівники та чаклунки все одно серед нас. <br>Хто з вас добре знається на цьому фантастичному всесвіті?</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">150 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > Вам буде запропоновано багато запитань, що розбиті на блоки з чотирьох малюнків. І тільки один з них містить правильну відповідь. В ваших руках чарівна паличка. Обирайте правильний та чаклуйте.<br> За кожну правильну відповідь ваш факультет буде отримувати бали. В грі є декілька блоків:</p> 🧙1 блок: Сортувальний капелюх.<br> <li>Оберіть факультет в залежності від того, з яким персонажем він асоціюється.</li></p> 📖2 блок: Бібліотека Гогвортса.<br> <li>Запитання на різні теми: локації, тварини, закляття та таке інше.</li></p> 🥶3 блок: Ступефай!<br> <li>Ви побачите стоп-кадри з серії фільмів. Ваша задача — обрати до якого з кадрів відноситься фраза, що написана у завданні.</li></p> 🎹4 блок: Святковий бал.<br> <li>Музичний раунд. Нам здається, що той музичний уривок, що є в завданні, можна логічно пов&#039;язати з одним з варіантів. </li> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 cc4c2b2ab307ad9987a482d713ed35f6 https://mp.qeng.org/index.php?gid=4586 4586 2022-12-30 18:00:00 2028-01-03 18:00:00 169 98 150 0 1 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_ny_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">КВІЗОВИЙ ФОРМАТ</div> <h1 class="hero-title">НОВОРІЧНА ГРА</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;"> Хо-хо-хо! Святковий настрій, мікс форматів, можна грати з друзями! </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">150 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > Попри все, цей найважчий для кожного рік дістався кінця. Хочеться побажати вам побачити на власні очі ще багато років у гарній квітучій країні. Де у кожного українця буде свій теплий ламповий куточок у люблячій родині та зі справжніми друзями. З людьми, з якими можна і зіграти у квести.<br> Це саме така гра. З авторським контентом, міксом форматів, святковим настроєм, у яку можна грати в будь-який час. А можна прямо за святковим столом із друзями. І навіть якщо ви не прикрасили ялинку — то ви це зробите сьогодні. </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 94dae26504da06eff9169318a68037b8 https://mp.qeng.org/index.php?gid=4631 4631 2023-02-27 12:00:00 2028-03-23 12:00:00 169 52 800 0 0 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_kamni1_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ПОЧАТОК САГИ</div> <h1 class="hero-title">В ПОШУКАХ КАМЕНІВ НЕЗЛАМНОСТІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Одного разу ви прокинулись, але не можете згадати: де ви, хто ви і яка ваша мета. <br>Що ж, доведеться пізнавати світ, шукати предмети, зустрічатися з агентами по всій земній кулі, та розв&#039;язувати загадки, щоб отримати камінь незламності... </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ з команди:</span> <span class="price-value">800 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Час, проведений в грі — неважливий. Основний критерій: ігрові гроші, які ви заробите.</li> <li>Загалом можна грати як із десктопної версії, так і зі смартфона. Деякі речі зручніші в одному, деякі в іншому варіанті. В десктопній версії можна точно пройти все. Рекомендовано, якщо у вас в команді будуть обидва варіанти.</li> <li>У грі ви проходите від локації до локації, відкриваючи їх поступово, вирішуєте логічні завдання, для того, щоб знайти місце, де зустрітися з агентом за допомогою Гугл-панорам.</li> <li>В грі дуже багато реквізиту. </li> <li>Рекомендована кількість гравців в команді 2—4. Ми не ставимо фізичне обмеження, тобто ви можете грати хоч вдесятьох, але якщо в команді всі гравці активні, то багато прикольних речей можуть відбутись без вас. </li> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 95664e2544f4407879c42dc068abdacd https://mp.qeng.org/index.php?gid=4632 4632 2023-02-27 12:00:00 2028-03-13 12:00:00 169 0 200 0 1 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4602/posterS.jpg" style="width: 600px;" /></p> <p><span style="font-size:16px;">Одного разу ви прокинулись, але не можете згадати: де ви, хто ви і яка ваша мета. Що ж, доведеться пізнавати світ, шукати предмети, зустрічатися з агентами по всій земній кулі, та розв&#39;язувати загадки, щоб отримати камінь незламності.</span></p> <h2 style="font-style:italic;"><span style="font-size:14px;">Особливості гри:</span></h2> <ul> <li>Час, проведений в грі &mdash; неважливий. Основний критерій: ігрові гроші, які ви заробите. <span style="background-color:#3498db;">Гра закриється за два тижні.</span></li> <li>Це не просто гра, це історія.&nbsp;Практично всі підказки в грі &mdash; платні. Їх багато. Чисто теоретично ви можете заробляти і відразу витрачати на купівлю підказок, щоб пройти гру за (скажімо) декілька годин. В статистиці вам таким чином не піднятися високо, звісно, але якщо ви просто хочете пограти в історію &mdash; що ж, можна і так.</li> <li>Таким чином, щоб не ображати команди, що хочуть &quot;покрутити&quot; завдання, саме у цій грі відсутній принцип free-to-pay, щоб якщо хтось захоче почітеріти, та пройти іншою командою на чернову, купивши всі підказки, а потім на чистову &mdash; це хоча б коштувало грошей :)</li> <li>В цілому можна грати як із десктопної версії, так і зі смартфона. Деякі речі зручніші в одному, деякі в іншому варіанті. В десктопній версії можна точно пройти все. Рекомендовано, якщо у вас в команді будуть обидва варіанти.</li> <li>В грі ви проходите від локації до локації, відкриваючи їх поступово, вирішуючи логічні завдання, для того, щоб знайти місце, де зустрітися з агентом за допомогою Гугл-панорам.</li> <li>В грі дуже багато реквізиту. Саме для цій гри було зроблено багато нових речей в ігровому двіжку.</li> <li><span style="background-color:#3498db;">Вартість гри &mdash; 800 грн з команди. </span>Можна зробити декілька припущень: <ul> <li>Якщо у вас команда учасників бойових дій &mdash; вона грає в будь-які ігри проекту безкоштовно. <strong>Назавжди</strong>.</li> <li>Якщо ви дуже хочете пограти, але для вас це багато &mdash; я все розумію. Напишіть мені в особисті @mahnoshenka &mdash; щось придумаємо.</li> <li>Якщо ви хочете і вважаєте, що правильно буде за цей продукт надіслати&nbsp;більше &mdash; теж велкам :) По закінченню гри теж будуть реквізити.</li> <li>Вільні гроші все одно йдуть самі-знаєте-куди до Перемоги.</li> </ul> </li> </ul> <p><span style="font-size: 14px;">Як оплатити гру:</span></p> <p>Номер монобанки:</p> <p>5375411203650622</p> <p>Або <a href="https://send.monobank.ua/jar/2THQwJMWRi">за посиланням відкриється додаток моно.</a></p> <p>Ви можете сплатити, та подати заявку на гру. Я автоматично отримаю нотіфікейшн, та приму вас до гри. Будь ласка, укажіть будь-яким зручним для вас способом, що це прийшло саме від вашої команди (або в додатку Моно, або написав мені в особисті).</p> <p><em>&mdash; Це схоже на формат &quot;Лонг&quot;?</em></p> <p><em>&mdash; Гадаємо, що так. В грі дуже багато корисного реквізиту, що можна як розгадувати, так і застосовувати. Але ж в сучасних реаліях не дуже зручно всім відправити реквізит, тому це спроба перенести формат на онлайн цілком.</em></p> <p>Гарної вам гри!</p> Wed, 04 Feb 2026 03:10:32 +0200 e9ade02bed31f1509201bd53ffc64d60 https://mp.qeng.org/index.php?gid=4643 4643 2023-04-14 19:00:00 2028-04-18 19:00:00 169 43 800 0 0 0 Махно, Kuzma <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_kamni2_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ЧАСТИНА ДРУГА</div> <h1 class="hero-title">В ПОШУКАХ КАМЕНІВ НЕЗЛАМНОСТІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">...Перший камінь незламності знайдено. Але щоб знайти другий, доведеться пройти не тільки скрізь простір, але й скрізь час, розв&#039;язавши загадки, що мені залишив незрузіміло хто... </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ з команди:</span> <span class="price-value">800 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Час, проведений в грі — неважливий. Основний критерій: ігрові гроші, які ви заробите.</li> <li>Загалом можна грати як із десктопної версії, так і зі смартфона. Деякі речі зручніші в одному, деякі в іншому варіанті. В десктопній версії можна точно пройти все. Рекомендовано, якщо у вас в команді будуть обидва варіанти.</li> <li>У грі ви проходите від локації до локації, відкриваючи їх поступово, вирішуєте логічні завдання, для того, щоб знайти місце, де зустрітися з агентом за допомогою Гугл-панорам.</li> <li>В грі дуже багато реквізиту. Саме для цій гри було зроблено багато нових речей в ігровому двіжку.</li> <li>Рекомендована кількість гравців в команді 2—4. Ми не ставимо фізичне обмеження, тобто ви можете грати хоч вдесятьох, але якщо в команді всі гравці активні, то багато прикольних речей можуть відбутись без вас. </li> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 20a4f241886c83de826e583a6a5bbafc https://mp.qeng.org/index.php?gid=4668 4668 2023-06-22 19:00:00 2028-06-26 19:00:00 169 40 800 0 0 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_kamni3_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ЧАСТИНА ТРЕТЯ</div> <h1 class="hero-title">В ПОШУКАХ КАМЕНІВ НЕЗЛАМНОСТІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Герою, який мандрував наодинці, на допомогу приходить команда. <br>Перешкоди долати буде зручніше, адже тепер у кожного є унікальні здібності. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ з команди:</span> <span class="price-value">800 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > <li>Мінімальна (і одночасно оптимальна) кількість гравців у команді — 3.</li> <li>У вашому спецзагоні троє справжніх профі: Шпигун, Детектив та Хакер. У кожного гравця будуть різні якості. В залежності від цього вони по-різному можуть бачити завдання, або застосовувати предмети. На стартовому рівні ви детальніше познайомитесь з навичками, можливостями та навіть хобі кожного і тоді визначитесь: хто буде за кого грати.</li> <li>Предмети, до речі, також можуть бути як спільними для команди, так і унікальними для кожного обраного персонажа. </li> <li>Між гравцями має бути уважна комунікація: механіка гри тепер схожа на проходження квест-кімнати. Тобто, наприклад, якщо ви дійшли до дверей, які закриті, а гравець, у якого в інвентарі є ключ, забув сказати вам про це — ви не можете рухатися далі.</li> <li>У самій грі на вас будуть чекати як логичні завдання, так і завдання з використанням реквізита, а також трохи Google-панорам.</li> <li>Для зручності використання всі координати, що можуть зустрітися в грі (їх небагато), зроблені в форматі ГГ ХХ СС, ГГ ХХ СС. Це означає, що (якщо ви до цього не користувалися) ви можете просто ввести в пошук шість пар цифр, наприклад "50 26 54 30 31 21", та натиснути розділ "Карти". В наведеному прикладі ви потрапите на Хрещатик.</li> <li>Роль персонажа обирається на стартовому рівні, закріплюється за конкретним гравцем і залишається до кінця. Поміняти її неможливо.</li> <p><a href="https://cdn.qeng.org/f/g/4668/1spy2.jpg" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4668/1spy2.jpg" style="width: 200px;" /></a> <a href="https://cdn.qeng.org/f/g/4668/2det3.jpg" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4668/2det3.jpg" style="width: 200px;" /></a> <a href="https://cdn.qeng.org/f/g/4668/3hack4.jpg" target="_blank"><img alt="" src="https://cdn.qeng.org/f/g/4668/3hack4.jpg" style="width: 200px;" /></a></p> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 74995180091b7b116e018d776fa9f904 https://mp.qeng.org/index.php?gid=4733 4733 2023-09-15 18:00:00 2028-09-19 18:00:00 169 28 1000 0 0 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_kamni4_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ADVENTURE / PUZZLE</div> <h1 class="hero-title">В ПОШУКАХ КАМЕНІВ НЕЗЛАМНОСТІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Герої, які раніше шукали артефакти по усьому світу, дісталися серця незламності: Києва. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ З КОМАНДИ:</span> <span class="price-value">1000 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > Кількість гравців у команді — необмежена. <br> У третій частині був розподіл гравців за ролями. У цій грі його не буде: у всіх в команді однаковий сюжет.<br> Навіть якщо ви ніколи не були в Києві — ми вам заздримо: ця гра стала справжнім гідом визначними місцями столиці.<br> Метро приділено окрему увагу — ви зможете побувати на всіх станціях.<br> Завдань — теж багато. </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 e89cde370cc891c1478590b979a5da9b https://mp.qeng.org/index.php?gid=4800 4800 2023-09-16 18:00:00 2028-09-20 18:00:00 169 13 400 0 1 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_kamni4_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ADVENTURE / PUZZLE</div> <h1 class="hero-title">В ПОШУКАХ КАМЕНІВ НЕЗЛАМНОСТІ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Герої, які раніше шукали артефакти по усьому світу, дісталися серця незламності: Києва. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">400 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > Це одиночна гра. <br> У третій частині був розподіл гравців за ролями. У цій грі його не буде: у всіх в команді однаковий сюжет.<br> Навіть якщо ви ніколи не були в Києві — ми вам заздримо: ця гра стала справжнім гідом визначними місцями столиці.<br> Метро приділено окрему увагу — ви зможете побувати на всіх станціях.<br> Завдань — теж багато. </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <!-- <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> --> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 9071f8ba45898b2ca00a3921b5a6e5c4 https://mp.qeng.org/index.php?gid=4870 4870 2024-01-05 01:00:00 2028-01-09 01:00:00 169 26 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 d7fc7482d6088f7f3353186c4484de5b https://mp.qeng.org/index.php?gid=4970 4970 2024-01-15 21:00:00 2028-01-17 21:00:00 169 13 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 939f2957b192cccbe48346b87ae6f26e https://mp.qeng.org/index.php?gid=4976 4976 2024-01-15 21:00:00 2028-01-17 21:00:00 169 11 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 939f2957b192cccbe48346b87ae6f26e https://mp.qeng.org/index.php?gid=4925 4925 2024-05-15 21:00:00 2028-05-19 21:00:00 169 10 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 883c442ed72e35572e4c72a10f9263c4 https://mp.qeng.org/index.php?gid=4967 4967 2024-05-15 21:00:00 2028-05-17 21:00:00 169 21 0 0 1 0 Cepikdz, Махно Wed, 04 Feb 2026 03:10:32 +0200 883c442ed72e35572e4c72a10f9263c4 https://mp.qeng.org/index.php?gid=4929 4929 2024-06-21 00:00:00 2026-06-25 00:00:00 169 2365 0 0 1 0 Unicef_test_1 Wed, 04 Feb 2026 03:10:32 +0200 d8091706853b3c728e185436297f5ce1 https://mp.qeng.org/index.php?gid=4952 4952 2024-10-11 14:00:00 2026-10-15 14:00:00 169 12 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 157c0e85c99081eb900b16e2754cca18 https://mp.qeng.org/index.php?gid=5002 5002 2024-10-12 14:00:00 2026-10-16 14:00:00 169 9 0 0 0 0 sh.anastasia, Махно, kkseniia, ddavidd76667 Wed, 04 Feb 2026 03:10:32 +0200 04e40b1f968d84e164869989e9eb8234 https://mp.qeng.org/index.php?gid=5046 5046 2024-12-29 12:30:00 2028-12-29 16:27:00 169 30 1000 0 0 0 Махно <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_xmas_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ADVENTURE / PUZZLE</div> <h1 class="hero-title">ЗАГУБЛЕНЕ РІЗДВО</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Фантастично красива та насичена гра з інтерактивною картою, та дослідженням королівства для команди з унікальними здібностями. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ З КОМАНДИ:</span> <span class="price-value">1000 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p > У цій з любов&#39;ю зробленої грі, ваша команда досліджує королівство, використовуючи мапу, яка прихована туманом і поступово відкривається, даючи доступ до нових локацій, персонажів та квестів. <p>&nbsp;</p> Головна ігрова валюта &ndash; льодяники. Їх ви можете отримати за виконання квестів, можете знайти на рівнях як пасхальні яйця і ними можете платити в ігровому світі, а також купувати за них підказки. <p>&nbsp;</p> У вашої команди мають бути три головні ролі: Інженер, детектив та чарівник. Тому мінімальна кількість гравців — троє. Якщо вас четверо, можна вибрати ще учня чарівника. Про їхні можливості можна прочитати на картках нижче. Якщо ви хочете грати більшою кількістю гравців - це припустимо: гравці без ролей приблизно 80 відсотків гри будуть бачити те саме, що й інші. <p>&nbsp;</p> <div class="thumbnails2"><a href="https://cdn.qeng.org/f/g/5046/ukr_card_eng.jpg" target="_blank"> <img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_eng.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_detective.jpg" target="_blank"> <img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_detective.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_wizard.jpg" target="_blank"> <img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_wizard.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_wizard2.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_wizard2.jpg" /></a> </div> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/5024/presa_land_10.jpg" draggable="false"></div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 05bb0e13c919291a841f74f224ae2fed https://mp.qeng.org/index.php?gid=5226 5226 2025-01-07 18:00:00 2028-01-12 18:00:00 169 183 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 04f1e2b8e538c790da8139b3e8e9b89a https://mp.qeng.org/index.php?gid=4885 4885 2025-01-15 21:00:00 2029-01-19 21:00:00 169 14 0 0 1 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 422a2155cce3ce99bec96d096fa10888 https://mp.qeng.org/index.php?gid=5054 5054 2025-01-22 14:00:00 2028-01-26 14:00:00 169 25 0 0 1 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 84036a4ccfc111b1dfb2f6dff375920f https://mp.qeng.org/index.php?gid=5057 5057 2025-01-22 14:00:00 2028-01-26 14:00:00 169 19 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 84036a4ccfc111b1dfb2f6dff375920f https://mp.qeng.org/index.php?gid=5065 5065 2025-02-17 21:00:00 2028-02-21 21:00:00 169 12 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 9cfd54d79014d49d07ee1f795c5e60f6 https://mp.qeng.org/index.php?gid=5103 5103 2025-05-09 17:00:00 2028-05-13 17:00:00 169 50 300 0 1 0 <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_metelik2_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ЧАСТИНА П`ЯТА</div> <h1 class="hero-title">ЕФЕКТ МЕТЕЛИКА</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Полювати за магічними артефактами стає дедалі складніше... <br><br> Але тепер у вас є «хронореверс», що дозволяє повернутись в часі на короткий термін, якщо вас не влаштовує розв&#039;язка. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">400 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p style="font-size: 17px; line-height: 1.8; color: #333; max-width: 800px;"> У народі кажуть: "Знав би де впаду - соломку б підстелив". Тепер ви знатимете, де впадете.<br> Оскільки тепер проти вас могутній суперник, то ваші шанси на сприятливий результат будь-якої події є дуже низькими. Але не нульові.<br> Щоразу, коли ви зазнаєте поразки, ви зможете скористатися потужним інструментом, який дозволить переграти останню подію з урахуванням ваших знань про неї.<br> Умовно кажучи, якщо ваш персонаж у цій реальності потрапить у ДТП, то, перемотавши час трохи назад, ви можете обрати пішу прогулянку замість поїздки на таксі.<br> Таким чином ви можете створювати нові реальності з новим розвитком подій до тих пір, поки не залишитеся задоволені результатом.<br> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <div class="gallery-item"><img src="SCREEN_1_URL" draggable="false"></div> <div class="gallery-item"><img src="SCREEN_2_URL" draggable="false"></div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 3ee09c527935d46f5648bb24d912ba90 https://mp.qeng.org/index.php?gid=5104 5104 2025-05-12 21:00:00 2028-05-15 21:00:00 169 11 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 9be8d0f295f5c763cf5e5b90738fbd18 https://mp.qeng.org/index.php?gid=4883 4883 2025-05-13 16:00:00 2028-05-17 16:00:00 169 24 1100 0 0 0 <style> /* Унікальний постер для цієї гри */ .hero-bg { background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_metelik2_new.jpg&#039;) center/cover no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ЧАСТИНА П`ЯТА</div> <h1 class="hero-title">ЕФЕКТ МЕТЕЛИКА</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Полювати за магічними артефактами стає дедалі складніше... <br><br> Але тепер у вас є «хронореверс», що дозволяє повернутись в часі на короткий термін, якщо вас не влаштовує розв&#039;язка. </p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ з команди:</span> <span class="price-value">1100 <small>UAH</small></span> </div> </div> </div> <div class="info-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p style="font-size: 17px; line-height: 1.8; color: #333; max-width: 800px;"> У народі кажуть: "Знав би де впаду - соломку б підстелив". Тепер ви знатимете, де впадете.<br> Оскільки тепер проти вас могутній суперник, то ваші шанси на сприятливий результат будь-якої події є дуже низькими. Але не нульові.<br> Щоразу, коли ви зазнаєте поразки, ви зможете скористатися потужним інструментом, який дозволить переграти останню подію з урахуванням ваших знань про неї.<br> Умовно кажучи, якщо ваш персонаж у цій реальності потрапить у ДТП, то, перемотавши час трохи назад, ви можете обрати пішу прогулянку замість поїздки на таксі.<br> Таким чином ви можете створювати нові реальності з новим розвитком подій до тих пір, поки не залишитеся задоволені результатом.<br> </p> </div> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <div class="gallery-item"><img src="SCREEN_1_URL" draggable="false"></div> <div class="gallery-item"><img src="SCREEN_2_URL" draggable="false"></div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { // 1. ЛОГІКА КНОПОК function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { if ($heroSlot.children().length > 0) return; var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); if ($source.find(&#039;a[href*="phones.php"]&#039;).length > 0) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if ($source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } // 2. ЛОГІКА ГАЛЕРЕЇ (DRAG-TO-SCROLL) const slider = document.querySelector(&#039;.gallery-track&#039;); if (slider) { let isDown = false, startX, scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; slider.scrollLeft = scrollLeft - walk; }); } setupButtons(); }); // Функція для стрілок галереї function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); if (track) { track.scrollBy({ left: (track.clientWidth * 0.8) * direction, behavior: &#039;smooth&#039; }); } } </script> Wed, 04 Feb 2026 03:10:32 +0200 366138cd12432831bb57a9f0b78260e5 https://mp.qeng.org/index.php?gid=5131 5131 2025-07-09 20:00:00 2028-07-13 20:00:00 169 19 0 0 1 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 09164ca221d0a3c2c540078e6d579c57 https://mp.qeng.org/index.php?gid=4438 4438 2025-08-19 19:00:00 2029-08-23 19:00:00 169 2 0 0 0 0 Махно, ea5y, айфон <p>Тут</p> Wed, 04 Feb 2026 03:10:32 +0200 586749f2edd22319c046a78badb4553c https://mp.qeng.org/index.php?gid=5152 5152 2025-10-14 10:50:00 2028-10-18 10:50:00 169 19 0 0 0 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 ecb038942ad060cec81410fdcd7231ce https://mp.qeng.org/index.php?gid=4957 4957 2025-10-31 12:00:00 2028-11-04 12:00:00 169 49 400 0 1 0 Махно <style> /* 1. ГЛОБАЛЬНЕ ОБНУЛЕННЯ ТА ШРИФТИ */ @import url(&#039;https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap&#039;); html, body { overflow-x: hidden !important; width: 100% !important; margin: 0; padding: 0; background: #fff !important; } * { font-family: &#039;Space Grotesk&#039;, sans-serif !important; box-sizing: border-box; } /* ХОВАЄМО ТЕХНІЧНЕ СМІТТЯ */ header, #header, .navbar, .out-login, .game-head, .sp-head.game-head, div[style*="background-color: #0082D1"], div[style*="background-color: #FFD100"], .out_game_controls { display: none !important; } /* 2. ГОЛОВНИЙ БАНЕР (HERO) */ .game-landing { margin-top: -90px; width: 100%; background: #fff; } .hero-fullscreen { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; height: 100vh; min-height: 600px; background: #000; overflow: hidden; } .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(&#039;https://cdn.qeng.org/f/g/4957/poster_island_big.jpg?v=1769258913&#039;) center/cover no-repeat; z-index: 1; } .hero-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, transparent 100%) !important; z-index: 2; } .hero-inner { position: relative; z-index: 3; padding: 0 10%; color: #fff; /* ФІКС: Встановлюємо чітку фінальну точку */ top: 60% !important; transform: translateY(-50%) !important; /* Використовуємо forwards, щоб блок залишався в точці завершення анімації */ animation: fadeInHero 1s ease-out forwards; text-shadow: 0 2px 15px rgba(0,0,0,0.8), 0 1px 3px rgba(0,0,0,1) !important; } @keyframes fadeInHero { from { opacity: 0; /* Починаємо трохи нижче фінальної точки для ефекту вспливання */ transform: translateY(-45%) !important; } to { opacity: 1; /* Фінальна точка МАЄ збігатися з transform у .hero-inner */ transform: translateY(-50%) !important; } } .hero-title { font-size: clamp(40px, 10vw, 85px); font-weight: 700; text-transform: uppercase; line-height: 0.9; margin: 20px 0; } /* 3. КНОПКИ В HERO */ #hero-buttons { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; align-items: center; } #hero-buttons .btn, #hero-buttons button, #hero-buttons a.mp-admin-link { display: inline-flex !important; align-items: center; justify-content: center; height: 45px; padding: 0 25px !important; background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 0 !important; cursor: pointer !important; transition: 0.3s !important; text-decoration: none !important; backdrop-filter: blur(5px); } #hero-buttons .btn-primary { background: #fff !important; color: #000 !important; border-color: #fff !important; } #hero-buttons .btn:hover, #hero-buttons button:hover, #hero-buttons a.mp-admin-link:hover { background: #fff !important; color: #000 !important; border-color: #fff !important; transform: translateY(-2px); } /* 4. ОБНУЛЕННЯ СИСТЕМНИХ БЛОКІВ */ .sp-wrap, .sp-body, .panel, .well { border: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } .sp-head { background: transparent !important; border: none !important; padding: 40px 10% 20px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .teams-accepted li, .teams-not-accepted li { padding: 15px 10% !important; border-bottom: 1px solid #eee !important; font-size: 14px !important; list-style: decimal inside !important; text-transform: uppercase; } .url-team { color: #000 !important; font-weight: 700 !important; text-decoration: none !important; } /* 5. АЛЕРТИ */ .alert { position: fixed !important; top: 20px; left: 50%; transform: translateX(-50%); z-index: 100000; background: #000 !important; color: #fff !important; border: 2px solid #fff !important; padding: 15px 30px !important; border-radius: 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5); animation: slideDown 0.4s ease-out; } @keyframes slideDown { from { top: -100px; opacity: 0; } to { top: 20px; opacity: 1; } } /* Кнопка Оплати - робимо її акцентною */ #hero-buttons .btn-pay-style, #hero-buttons .btn-primary { background: #FFD100 !important; /* Жовтий/Золотий */ color: #000 !important; border: 1px solid #FFD100 !important; order: -2; /* Виносимо в самий початок */ } #hero-buttons .btn-pay-style:hover { background: #fff !important; color: #000 !important; border-color: #fff !important; } /* Кнопка видалення заявки (зробимо її червонуватою при наведенні) */ #hero-buttons .ajax-confirm:hover { border-color: #ff4d4d !important; color: #ff4d4d !important; } /* Карусель */ .gallery-section { background: #fff; padding: 60px 0; overflow: hidden; } .gallery-container { padding: 0 10%; cursor: grab; } .gallery-track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; /* Рука для перетягування */ user-select: none; /* Забороняємо виділення тексту під час тяжіння */ } .gallery-track:active { cursor: grabbing; /* Кулак при натисканні */ } .gallery-track::-webkit-scrollbar { display: none; /* Ховаємо скроллбар у Chrome/Safari */ } .gallery-item { flex: 0 0 80%; /* Показуємо один великий скріншот + шматочок наступного */ scroll-snap-align: center; border: 1px solid #eee; transition: transform 0.3s ease; } .gallery-item img { width: 100%; height: auto; display: block; } .gallery-item:hover { transform: scale(1.02); } /* На десктопах робимо скріншоти трохи меншими, щоб бачити більше */ @media (min-width: 992px) { .gallery-item { flex: 0 0 45%; } } /* Стилізація кнопок */ .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(0, 0, 0, 0.5); color: white; border: none; border-radius: 50%; cursor: pointer; z-index: 100; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s; backdrop-filter: blur(5px); } .nav-btn:hover { background: #000; } .nav-btn.prev { left: 5%; } .nav-btn.next { right: 5%; } /* Ховаємо стрілки на мобільних, там вони не потрібні */ @media (max-width: 768px) { .nav-btn { display: none; } } .gallery-track { scroll-behavior: smooth; /* Плавна прокрутка при кліку на кнопки */ } /* Уніфікуємо всі секції під описом */ .gallery-section, .info-section { padding-left: 0% !important; padding-right: 0% !important; background: #fff; } /* Прибираємо кастомні марджини у заголовків, щоб вони не штовхали текст */ .gallery-section h2, .info-section h2 { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; } /* Контейнер галереї теж має починатися без зайвих відступів зліва */ .gallery-container { padding-left: 0 !important; padding-right: 0 !important; } .hero-price-tag { margin-top: 35px; display: flex; align-items: baseline; gap: 12px; /* Видаляємо анімацію саме з цього блоку, щоб вона не конфліктувала з базовою лінією */ animation: none !important; opacity: 1; } .price-value { font-size: 48px; font-weight: 700; /* Фіксуємо висоту рядка, щоб браузер не "гуляв" */ line-height: 0.8; color: #fff; display: inline-block; } .price-label { font-size: 11px; letter-spacing: 2px; opacity: 0.6; font-weight: 700; text-transform: uppercase; } .price-value small { font-size: 14px; letter-spacing: 1px; margin-left: 6px; font-weight: 400; opacity: 0.8; } /* Фікс для чорного кольору sp-head (Ваш запит) */ .sp-head { color: #000 !important; background: transparent !important; font-size: 24px !important; font-weight: 700 !important; text-transform: uppercase; padding: 40px 0 20px !important; visibility: visible !important; } .sp-head a { color: #000 !important; } </style> <div class="game-landing"> <div class="hero-fullscreen"> <div class="hero-bg"></div> <div class="hero-mask"></div> <div class="hero-inner"> <div style="font-size: 10px; letter-spacing: 2px; border-left: 2px solid #fff; padding-left: 10px;">ADVENTURE / PUZZLE</div> <h1 class="hero-title">ОСТРОВИ</h1> <p style="font-size: 18px; opacity: 0.8; max-width: 500px;">Відкривайте нові землі, розв&#039;язуйте загадки та прокладіть свій шлях.</p> <div id="hero-buttons"></div> <div class="hero-price-tag"> <span class="price-label">ВАРТІСТЬ:</span> <span class="price-value">400 <small>UAH</small></span> </div> </div> </div> <div class="info-section" style="background: #fff; padding: 80px 0%; position: relative; z-index: 10;"> <h2 style="text-transform: uppercase; font-weight: 700; margin-bottom: 20px;">Про гру</h2> <p style="font-size: 17px; line-height: 1.8; color: #333; max-width: 800px;"> Один острів — одна загадка. Коли заберете нагороду — поставите прапор. У завданнях багато інтерактиву: щось тапнути, перетягнути або зібрати. </p> <div class="gallery-section"> <h2 style="text-transform: uppercase; font-weight: 700; margin: 0 10% 30px;">Скріншоти гри</h2> <div class="gallery-wrapper" style="position: relative;"> <button class="nav-btn prev" onclick="scrollGallery(-1)">&#10094;</button> <button class="nav-btn next" onclick="scrollGallery(1)">&#10095;</button> <div class="gallery-container"> <div class="gallery-track"> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_01.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_02.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_03.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_04.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_05.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_06.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_07.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_08.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_09.jpg" draggable="false"></div> <div class="gallery-item"><img src="https://cdn.qeng.org/f/g/4957/screen_new_anons_10.jpg" draggable="false"></div> </div> </div> </div> </div></div> <script> $(document).ready(function() { function setupButtons() { var $source = $(&#039;.out_game_controls&#039;); var $heroSlot = $(&#039;#hero-buttons&#039;); // 1. Отримуємо ID гри var urlParams = new URLSearchParams(window.location.search); var gameId = urlParams.get(&#039;gid&#039;) || $source.find(&#039;input[name="gid"]&#039;).val(); if ($source.length > 0 && gameId) { // Очищуємо слот ТІЛЬКИ якщо там ще немає наших кнопок, щоб уникнути дублів if ($heroSlot.children().length > 0) return; // 2. ПЕРЕНОСИМО СИСТЕМНІ ЕЛЕМЕНТИ (Форми та Кнопки) // Використовуємо .detach(), щоб зберегти всі події та дані var $systemStuff = $source.find(&#039;form, button.ajax, button.ajax-confirm, button[onclick]&#039;); $systemStuff.appendTo($heroSlot); // 3. СТИЛІЗАЦІЯ КНОПКИ ОПЛАТИ (якщо вона є серед перенесених) $heroSlot.find(&#039;button&#039;).each(function() { var $btn = $(this); if ($btn.text().indexOf(&#039;Оплат&#039;) !== -1 || ($btn.attr(&#039;onclick&#039;) && $btn.attr(&#039;onclick&#039;).indexOf(&#039;pay&#039;) !== -1)) { $btn.addClass(&#039;btn-pay-style&#039;); } }); // 4. ДОДАЄМО НАШІ АДМІН-КНОПКИ (Контакти, Одноразові) var hasPhones = $source.find(&#039;a[href*="phones.php"]&#039;).length > 0; var hasAdminTeams = $source.find(&#039;a[href*="game_teams.php"]&#039;).length > 0; if (hasPhones) { $(&#039;<a href="phones.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Контакти команд</a>&#039;).appendTo($heroSlot); } if (hasAdminTeams) { $(&#039;<a href="admin/game_teams.php?gid=&#039; + gameId + &#039;" target="_blank" class="btn btn-default mp-admin-link">Одноразові команди</a>&#039;).appendTo($heroSlot); } // 5. ЛОГІКА ДЛЯ ФОРМ (Статистика, Редагувати) $heroSlot.on(&#039;click&#039;, &#039;button&#039;, function(e) { var $btn = $(this); var $form = $btn.closest(&#039;form&#039;); // Якщо це форма і у кнопки НЕМАЄ onclick (щоб не перебити оплату) if ($form.length && !$btn.attr(&#039;onclick&#039;) && !$btn.hasClass(&#039;ajax&#039;) && !$btn.hasClass(&#039;ajax-confirm&#039;)) { e.preventDefault(); $form.submit(); } }); $source.hide(); console.log(&#039;Керування оновлено для гри: &#039; + gameId); } else if ($source.length > 0) { setTimeout(setupButtons, 500); } } setupButtons(); const slider = document.querySelector(&#039;.gallery-track&#039;); let isDown = false; let startX; let scrollLeft; slider.addEventListener(&#039;mousedown&#039;, (e) => { isDown = true; slider.style.scrollSnapType = &#039;none&#039;; // Тимчасово вимикаємо "прилипання", щоб не смикало startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; }); slider.addEventListener(&#039;mouseleave&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mouseup&#039;, () => { isDown = false; slider.style.scrollSnapType = &#039;x mandatory&#039;; }); slider.addEventListener(&#039;mousemove&#039;, (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - slider.offsetLeft; const walk = (x - startX) * 2; // Швидкість прокрутки slider.scrollLeft = scrollLeft - walk; }); }); function scrollGallery(direction) { const track = document.querySelector(&#039;.gallery-track&#039;); const scrollAmount = track.clientWidth * 0.8; // Гортаємо на 80% ширини видимого блоку track.scrollBy({ left: direction * scrollAmount, behavior: &#039;smooth&#039; }); } </script> Wed, 04 Feb 2026 03:10:32 +0200 9eb771c4e10e858605cf3e75e0a900f7 https://mp.qeng.org/index.php?gid=5219 5219 2025-12-15 21:00:00 2028-12-19 21:00:00 169 2 0 0 0 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 33df94a98cc9886ed0a3c9a6bd849a64 https://mp.qeng.org/index.php?gid=5206 5206 2025-12-18 18:00:00 2028-12-22 18:00:00 169 180 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 84b578e82ae1fcf66d593f2e19eb5b2c https://mp.qeng.org/index.php?gid=5187 5187 2025-12-19 15:00:00 2029-12-19 18:57:00 169 11 0 0 0 0 Махно <style type="text/css">.accordion { width: 600px; } .accordion-header { background-color: #343a40; /* Настройте цвет заголовка */ color: #fff; padding: 10px; cursor: pointer; margin: 5px; } .email_warning { display: none !important; } .accordion-content { display: none; padding: 10px; background-color: #ecf0f1; /* Настройте цвет блока с описанием */ } .thumbnails { display: flex; flex-wrap: wrap; gap: 10px; } .thumbnails img { width: 100px; /* Настройте ширину превью */ height: auto; cursor: pointer; border: 2px solid #ccc; border-radius: 5px; transition: transform 0.3s, border-color 0.3s; } .thumbnails img:hover { transform: scale(1.1); border-color: #343a40; } .thumbnails2 { display: flex; flex-wrap: wrap; gap: 10px; } .thumbnails2 img { width: 200px; /* Настройте ширину превью */ height: auto; cursor: pointer; border: 2px solid #ccc; border-radius: 5px; transition: transform 0.3s, border-color 0.3s; } .thumbnails2 img:hover { transform: scale(1.1); border-color: #343a40; } @media only screen and (max-width: 600px) { .accordion { width: auto; } .thumbnails img { width: 80px; /* Настройте ширину превью для мобильных устройств */ } } </style> <p><img alt="" src="https://cdn.qeng.org/f/g/5187/poster_5047.jpg?v=1765970938" style="width: 600px;" /></p> <div class="accordion"> <div class="accordion-header" onclick="toggleAccordion(1)">Опис гри</div> <div class="accordion-content" id="accordionContent1"> <p><strong>Врятуйте Різдво!</strong> 🎄🎅</p> <p>Казкове королівство Махнолія у небезпеці &mdash; Санта зник, а разом із ним і Різдво! Замість святкового настрою &mdash; лише тиша, замість подарунків &mdash; загадки. Хто відновить магію свята? Тільки ви та ваша команда рятівників!</p> <p>Станьте героями цієї дивовижної історії: досліджуйте королівство, розгадуйте таємниці, спілкуйтеся з мешканцями та використовуйте свої унікальні здібності. Кожна ваша дія наближає вас до істини, але будьте готові до несподіванок!</p> <p>А щоб зробити вашу пригоду ще більш чарівною, шукайте розкидані по всьому королівству різдвяні льодяники. Вони приховані як святкові &laquo;пасхалки&raquo; і стануть додатковим викликом для найуважніших!</p> <p>🎄Це — Найкрасивіша гра року. </p> </div> </div> <div class="accordion"> <div class="accordion-header" onclick="toggleAccordion(2)">Ігрова механіка</div> <div class="accordion-content" id="accordionContent2">У цій з любов&#39;ю зробленої грі, ваша команда досліджує королівство, використовуючи мапу, яка прихована туманом і поступово відкривається, даючи доступ до нових локацій, персонажів та квестів. <p>&nbsp;</p> Головна ігрова валюта &ndash; льодяники. Їх ви можете отримати за виконання квестів, можете знайти на рівнях як пасхальні яйця і ними можете платити в ігровому світі, а також купувати за них підказки. <p>&nbsp;</p> У вашої команди мають бути три головні ролі: Інженер, детектив та чарівник. Тому мінімальна кількість гравців — троє. Якщо вас четверо, можна вибрати ще учня чарівника. Про їхні можливості можна прочитати на картках нижче. Якщо ви хочете грати більшою кількістю гравців - це припустимо: гравці без ролей приблизно 80 відсотків гри будуть бачити те саме, що й інші. <p>&nbsp;</p> <div class="thumbnails2"><a href="https://cdn.qeng.org/f/g/5046/ukr_card_eng.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_eng.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_detective.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_detective.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_wizard.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_wizard.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/ukr_card_wizard2.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5046/ukr_card_wizard2.jpg" /></a></div> </div> </div> <!-- <div class="accordion"> <div class="accordion-header" onclick="toggleAccordion(3)">Вартість гри</div> <div class="accordion-content" id="accordionContent3"> <p><span style="font-size:14px;"><span style="font-family:Verdana,Geneva,sans-serif;"> 1000 грн з команди. </span></span></p> Для команд, що сплатили гру &quot;Ефект метелика&quot; &mdash; 500 грн. <p>&nbsp;</p> Зі знижкою можна сплатити <a href="https://send.monobank.ua/jar/71rHS5ZVKL">на банку</a></p> Або 4441 1111 2966 0324</p> В коментарі укажіть назву своєї команди. Або Махно в особисті повідомлення. <p>&nbsp;</p> </div> </div>--> <div class="accordion"> <div class="accordion-header" onclick="toggleAccordion(4)">Скріншоти</div> <div class="accordion-content" id="accordionContent4"> <div class="thumbnails"> <a href="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" target="_blank"><img alt="Screenshot 1" src="https://cdn.qeng.org/f/g/5024/presa_land_3.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" target="_blank"><img alt="Screenshot 2" src="https://cdn.qeng.org/f/g/5024/presa_land_4.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" target="_blank"><img alt="Screenshot 3" src="https://cdn.qeng.org/f/g/5024/landing_inventar.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" target="_blank"><img alt="Screenshot 4" src="https://cdn.qeng.org/f/g/5024/presa_land_5.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" target="_blank"><img alt="Screenshot 5" src="https://cdn.qeng.org/f/g/5024/presa_land_6.jpg" /></a> <a href="https://cdn.qeng.org/f/g/5046/screen_anons_1.jpg?v=1735390472" target="_blank"><img alt="Screenshot 5" src="https://cdn.qeng.org/f/g/5046/screen_anons_1.jpg?v=1735390472" /></a> <a href="https://cdn.qeng.org/f/g/5046/square_landing.jpg?v=1735296639" target="_blank"><img alt="Screenshot 6" src="https://cdn.qeng.org/f/g/5046/square_landing.jpg?v=1735296639" /></a> <a href="https://cdn.qeng.org/f/g/5046/presa_land_10.jpg?v=1735296639" target="_blank"><img alt="Screenshot 7" src="https://cdn.qeng.org/f/g/5046/presa_land_10.jpg?v=1735296639" /></a> <a href="https://cdn.qeng.org/f/g/5046/landing_maze.jpg?v=1735296639" target="_blank"><img alt="Screenshot 8" src="https://cdn.qeng.org/f/g/5046/landing_maze.jpg?v=1735296639" /></a> <!-- Добавьте больше миниатюр по мере необходимости --></div> </div> </div> <script> function toggleAccordion(id) { const content = document.getElementById(`accordionContent${id}`); if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } } </script> Wed, 04 Feb 2026 03:10:32 +0200 c0dc7978b5ed72d3deb8278a3b8321e4 https://mp.qeng.org/index.php?gid=5221 5221 2025-12-28 11:00:00 2028-01-01 11:00:00 169 1 0 0 0 0 Махно <p>Текст</p> <script> (function() { // читаем параметры из адресной строки const params = new URLSearchParams(window.location.search); const u = params.get(&#039;u&#039;); const p = params.get(&#039;p&#039;); if (!u || !p) return; // нет данных — ничего не делаем // ищем поля логина и пароля const loginInput = document.querySelector(&#039;input[name="login"], input[name="username"], #login&#039;); const passInput = document.querySelector(&#039;input[name="password"], #password&#039;); const submitBtn = document.querySelector(&#039;button[type="submit"], input[type="submit"]&#039;); if (!loginInput || !passInput) return; // вставляем значения loginInput.value = u; passInput.value = p; // небольшая задержка — и жмем "Войти" setTimeout(() => submitBtn?.click(), 300); })(); </script> Wed, 04 Feb 2026 03:10:32 +0200 8ffd5bd4dad5dd52467c938283ecfca7 https://mp.qeng.org/index.php?gid=5223 5223 2026-01-07 18:00:00 2029-01-11 18:00:00 169 29 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 709cd5f299746c5e74ae13ce2feca2ed https://mp.qeng.org/index.php?gid=5234 5234 2026-02-03 17:00:00 2029-02-07 17:00:00 169 9 0 0 1 0 <p>Опис</p> Wed, 04 Feb 2026 03:10:32 +0200 192e9de3fbb5141290d6e9584dbae6ee https://mp.qeng.org/index.php?gid=4433 4433 2028-01-15 21:00:00 2028-01-19 21:00:00 169 6 0 0 0 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4433/Np8R2neYeQ.jpg?v=1660567207" style="width: 700px;" /></p> <p>Ця гра &mdash; в форматі &quot;лонгу&quot;, що так гаряче полюбляють гурмани від квесту. Пізніше ми додамо опис та інші деталі, а поки що можна подати заявку.</p> Wed, 04 Feb 2026 03:10:32 +0200 ec1a46e4a365202b032f2010512620fe https://mp.qeng.org/index.php?gid=4401 4401 2028-01-15 21:00:00 2028-01-19 21:00:00 169 13 0 0 1 0 <p><img alt="" src="https://cdn.qeng.org/f/g/4401/mVUQOekqh5.jpg?v=1660559790" style="width: 600px;" /></p> <p>Це гра, що планується для дуже цікавої механіки.</p> <p>Кожного дня після старту гри гравець отримує нове завдання будь-якого формату та складності. Відповідно до цього можна і отримати будь-яку кількість балів.</p> <p>При цьому на головній сторінці проекту є посилання на ТОП рейтингу гравців, який росте та змінюється.</p> <p>І, саме цікаве: зароблені бали потім конвертуються у кешбек! Тобто так, план такий, що гравці постійно з нами, але від нас є і ось такий зворотній зв&#39;язок, прикиньте як кайфово!</p> <p>Гра немає фінішу і постійно оновлюється.</p> <p>Як конвертуються бали, та інші подробиці &mdash; опишемо пізніше, після запуску гри. А поки що можна залишати на неї заявку.</p> Wed, 04 Feb 2026 03:10:32 +0200 5e35f0083842341a62f420a38bcb775d https://mp.qeng.org/index.php?gid=4938 4938 2028-01-15 21:00:00 2028-01-19 21:00:00 169 0 0 0 1 0 Wed, 04 Feb 2026 03:10:32 +0200 482f0ee1ccb2292cb7fb41201e7fd28b https://mp.qeng.org/index.php?gid=5220 5220 2028-01-15 21:00:00 2028-01-19 21:00:00 169 1 0 0 1 0 Махно Wed, 04 Feb 2026 03:10:32 +0200 482f0ee1ccb2292cb7fb41201e7fd28b https://mp.qeng.org/index.php?gid=5229 5229 2028-01-15 21:00:00 2028-01-19 21:00:00 169 1 0 0 0 0 Cepikdz Wed, 04 Feb 2026 03:10:32 +0200 482f0ee1ccb2292cb7fb41201e7fd28b https://mp.qeng.org/index.php?gid=5023 5023 2028-01-15 21:00:00 2028-01-19 21:00:00 169 0 0 0 0 0 Wed, 04 Feb 2026 03:10:32 +0200 482f0ee1ccb2292cb7fb41201e7fd28b