{"id":106,"date":"2025-10-21T08:47:33","date_gmt":"2025-10-21T03:47:33","guid":{"rendered":"https:\/\/lpyatayeva.me\/?page_id=106"},"modified":"2025-10-21T14:56:23","modified_gmt":"2025-10-21T09:56:23","slug":"interactivemanara","status":"publish","type":"page","link":"https:\/\/lpyatayeva.me\/index.php\/interactivemanara\/","title":{"rendered":"InteractiveManara"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.tl-block {<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  gap: 20px;<!-- [et_pb_line_break_holder] -->  margin-bottom: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.tl-card {<!-- [et_pb_line_break_holder] -->  width: 160px;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.tl-card img {<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  border-radius: 10px;<!-- [et_pb_line_break_holder] -->  box-shadow: 0 10px 25px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.tl-card:hover { transform: translateY(-4px); }<!-- [et_pb_line_break_holder] -->.tl-card.selected { transform: scale(1.05); opacity: 0.85; pointer-events: none; }<!-- [et_pb_line_break_holder] -->.tl-card.disabled { opacity: 0.4; pointer-events: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.tl-popup-overlay {<!-- [et_pb_line_break_holder] -->  position: fixed;<!-- [et_pb_line_break_holder] -->  top: 0; left: 0; right: 0; bottom: 0;<!-- [et_pb_line_break_holder] -->  background: rgba(0,0,0,0.8);<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  z-index: 9999999 !important;<!-- [et_pb_line_break_holder] -->  pointer-events: all;<!-- [et_pb_line_break_holder] -->  isolation: isolate;             \/* \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u043b\u043e\u0439 *\/<!-- [et_pb_line_break_holder] -->  transform: translateZ(0);       \/* \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 Divi *\/<!-- [et_pb_line_break_holder] -->  will-change: transform;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.tl-popup-overlay.active { display: flex; }<!-- [et_pb_line_break_holder] -->.tl-popup {<!-- [et_pb_line_break_holder] -->  background: #fff;<!-- [et_pb_line_break_holder] -->  border-radius: 12px;<!-- [et_pb_line_break_holder] -->  padding: 20px;<!-- [et_pb_line_break_holder] -->  max-width: 420px;<!-- [et_pb_line_break_holder] -->  width: 90%;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  max-height: 90vh;          \/* \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u043e \u0432\u044b\u0441\u043e\u0442\u0435 \u043e\u043a\u043d\u0430 *\/<!-- [et_pb_line_break_holder] -->  overflow-y: auto;          \/* \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b *\/<!-- [et_pb_line_break_holder] -->  box-sizing: border-box;    \/* \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u043e\u0442\u0441\u0442\u0443\u043f\u044b *\/<!-- [et_pb_line_break_holder] -->  position: relative;        \/* \u0434\u043b\u044f \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.tl-popup img {<!-- [et_pb_line_break_holder] -->  max-width: 100%;<!-- [et_pb_line_break_holder] -->  max-height: 50vh;     \/* \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0432\u044b\u0441\u043e\u0442\u0435 \u2014 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0430 *\/<!-- [et_pb_line_break_holder] -->  height: auto;<!-- [et_pb_line_break_holder] -->  border-radius: 8px;<!-- [et_pb_line_break_holder] -->  margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->  object-fit: contain;  \/* \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0438 \u0431\u0435\u0437 \u043e\u0431\u0440\u0435\u0437\u043a\u0438 *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.tl-popup .desc { margin-top: 15px; font-size: 15px; color: #222; }<!-- [et_pb_line_break_holder] -->.button-close {<!-- [et_pb_line_break_holder] -->  margin-top: 20px; padding: 10px 20px;<!-- [et_pb_line_break_holder] -->  background: #222; color: #fff; border: none;<!-- [et_pb_line_break_holder] -->  border-radius: 6px; cursor: pointer; font-size: 15px;<!-- [et_pb_line_break_holder] -->  transition: background .3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.button-close:hover { background: #444; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#show-result {<!-- [et_pb_line_break_holder] -->  display: none; margin: 40px auto; background: #111; color: #fff;<!-- [et_pb_line_break_holder] -->  border: none; border-radius: 8px; padding: 12px 24px; cursor: pointer;<!-- [et_pb_line_break_holder] -->  font-size: 16px; transition: background .3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#show-result:hover { background: #333; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#final-result {<!-- [et_pb_line_break_holder] -->  display: none; margin-top: 30px; background: #f6f6f6;<!-- [et_pb_line_break_holder] -->  padding: 20px; border-radius: 10px; font-size: 16px; line-height: 1.5;<!-- [et_pb_line_break_holder] -->  white-space: pre-wrap;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- \u0411\u041b\u041e\u041a\u0418 --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"blocks-wrapper\"><!-- [et_pb_line_break_holder] -->  <!-- \u0411\u043b\u043e\u043a 1 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-block\" data-block=\"1\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/08Fire.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 1A\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/04Fire.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 1B\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/11Strength.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 1C\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- \u0411\u043b\u043e\u043a 2 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-block\" data-block=\"2\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/04Emperor.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 2A\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/16Tower.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 2B\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/18Moon.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 2C\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- \u0411\u043b\u043e\u043a 3 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-block\" data-block=\"3\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/EarthKnave.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 3A\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/09Fire.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 3B\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/07Water.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 3C\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- \u0411\u043b\u043e\u043a 4 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-block\" data-block=\"4\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/WaterKnight.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 4A\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/08Water.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 4B\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/WaterQueen.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 4C\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- \u0411\u043b\u043e\u043a 5 --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-block\" data-block=\"5\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/05Earth.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 5A\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/03Empress.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 5B\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"tl-card\" data-front=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/09Earth.gif\" data-desc=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 5C\"><img decoding=\"async\" src=\"https:\/\/lpyatayeva.me\/wp-content\/uploads\/2025\/10\/Cover.gif\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- \u041f\u043e\u043f\u0430\u043f --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"tl-popup-overlay\" id=\"popup\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"tl-popup\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"\" alt=\"card face\" id=\"popup-img\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"desc\" id=\"popup-desc\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <button id=\"popup-close\" class=\"button-close\">\u0417\u0430\u043a\u0440\u044b\u0442\u044c<\/button><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- \u0418\u0442\u043e\u0433 --><!-- [et_pb_line_break_holder] --><button id=\"show-result\">\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/button><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"final-result\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->(function(){<!-- [et_pb_line_break_holder] -->  const blocks = document.querySelectorAll('.tl-block');<!-- [et_pb_line_break_holder] -->  const popup = document.getElementById('popup');<!-- [et_pb_line_break_holder] -->  const popupImg = document.getElementById('popup-img');<!-- [et_pb_line_break_holder] -->  const popupDesc = document.getElementById('popup-desc');<!-- [et_pb_line_break_holder] -->  const closeBtn = document.getElementById('popup-close');<!-- [et_pb_line_break_holder] -->  const resultBtn = document.getElementById('show-result');<!-- [et_pb_line_break_holder] -->  const resultBox = document.getElementById('final-result');<!-- [et_pb_line_break_holder] -->  const totalBlocks = blocks.length;<!-- [et_pb_line_break_holder] -->  const selections = {};<!-- [et_pb_line_break_holder] -->  let activeCard = null;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0431\u043b\u043e\u043a \u043f\u043e \u043d\u043e\u043c\u0435\u0440\u0443<!-- [et_pb_line_break_holder] -->  function showBlock(num){<!-- [et_pb_line_break_holder] -->    const block = document.querySelector(`.tl-block[data-block=\"${num}\"]`);<!-- [et_pb_line_break_holder] -->    if(block){ block.style.display='flex'; block.scrollIntoView({behavior:'smooth', block:'center'}); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u043f\u0430\u043f<!-- [et_pb_line_break_holder] -->  function openPopup(card, blockNum){<!-- [et_pb_line_break_holder] -->    const front = card.dataset.front;<!-- [et_pb_line_break_holder] -->    const desc = card.dataset.desc;<!-- [et_pb_line_break_holder] -->    popupImg.src = front;<!-- [et_pb_line_break_holder] -->    popupDesc.textContent = desc;<!-- [et_pb_line_break_holder] -->    popup.classList.add('active');<!-- [et_pb_line_break_holder] -->    activeCard = { card, blockNum, front, desc };<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u043f\u0430\u043f<!-- [et_pb_line_break_holder] -->  function closePopup(){<!-- [et_pb_line_break_holder] -->    popup.classList.remove('active');<!-- [et_pb_line_break_holder] -->    if(!activeCard) return;<!-- [et_pb_line_break_holder] -->    const {card, blockNum, front, desc} = activeCard;<!-- [et_pb_line_break_holder] -->    card.querySelector('img').src = front;<!-- [et_pb_line_break_holder] -->    card.classList.add('selected');<!-- [et_pb_line_break_holder] -->    selections[blockNum] = desc;<!-- [et_pb_line_break_holder] -->    activeCard = null;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043a\u0430\u0440\u0442\u044b \u0432 \u044d\u0442\u043e\u043c \u0431\u043b\u043e\u043a\u0435<!-- [et_pb_line_break_holder] -->    document.querySelectorAll(`.tl-block[data-block=\"${blockNum}\"] .tl-card`).forEach(c=>{<!-- [et_pb_line_break_holder] -->      if(c!==card) c.classList.add('disabled');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0431\u043b\u043e\u043a<!-- [et_pb_line_break_holder] -->    if(blockNum < totalBlocks) showBlock(blockNum + 1);<!-- [et_pb_line_break_holder] -->    else {<!-- [et_pb_line_break_holder] -->      \/\/ \u0435\u0441\u043b\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0431\u043b\u043e\u043a \u2014 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430<!-- [et_pb_line_break_holder] -->      resultBtn.style.display = 'block';<!-- [et_pb_line_break_holder] -->      resultBtn.scrollIntoView({behavior:'smooth', block:'center'});<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438<!-- [et_pb_line_break_holder] -->  document.querySelectorAll('.tl-card').forEach(card=>{<!-- [et_pb_line_break_holder] -->    card.addEventListener('click', ()=>{<!-- [et_pb_line_break_holder] -->      const blockNum = parseInt(card.closest('.tl-block').dataset.block,10);<!-- [et_pb_line_break_holder] -->      if(selections[blockNum]) return; \/\/ \u0443\u0436\u0435 \u0432\u044b\u0431\u0440\u0430\u043d<!-- [et_pb_line_break_holder] -->      openPopup(card, blockNum);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  closeBtn.addEventListener('click', closePopup);<!-- [et_pb_line_break_holder] -->  popup.addEventListener('click', e => { if(e.target===popup) closePopup(); });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ \u0438\u0442\u043e\u0433<!-- [et_pb_line_break_holder] -->  resultBtn.addEventListener('click', ()=>{<!-- [et_pb_line_break_holder] -->    if(Object.keys(selections).length < totalBlocks){<!-- [et_pb_line_break_holder] -->      alert('\u041f\u0440\u043e\u0439\u0434\u0438 \u0432\u0441\u0435 \u0431\u043b\u043e\u043a\u0438, \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.');<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    const result = Object.values(selections).join('\\n\\n');<!-- [et_pb_line_break_holder] -->    resultBox.textContent = result;<!-- [et_pb_line_break_holder] -->    resultBox.style.display='block';<!-- [et_pb_line_break_holder] -->    resultBox.scrollIntoView({behavior:'smooth', block:'center'});<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->  \/\/ \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u043f\u043e\u043f\u0430\u043f \u0432 \u043a\u043e\u043d\u0435\u0446 body \u2014 \u0432\u044b\u0448\u0435 \u0432\u0441\u0435\u0445 div \u043e\u0442 Divi<!-- [et_pb_line_break_holder] -->document.body.appendChild(document.getElementById('popup'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/pages\/106"}],"collection":[{"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":20,"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/pages\/106\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/lpyatayeva.me\/index.php\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}