{"id":998,"date":"2024-04-25T11:34:11","date_gmt":"2024-04-25T10:34:11","guid":{"rendered":"https:\/\/itsiller-software.com\/?page_id=998"},"modified":"2024-06-02T22:17:28","modified_gmt":"2024-06-02T21:17:28","slug":"pages-20-to-21","status":"publish","type":"page","link":"https:\/\/itsiller-software.com\/index.php\/pages-20-to-21\/","title":{"rendered":"Pages: 20 to 21"},"content":{"rendered":"<div>PAGES: 20 TO 21<\/p><\/div>\n<div>\n<div class=\"uk-margin\">\n  <button id=\"Play\" class=\"uk-button uk-button-danger uk-margin-remove uk-button-small\" uk-icon=\"icon: play-circle\"><\/button><\/p>\n<p>  <button id=\"ToggleLanguage\" class=\"uk-button uk-button-primary uk-button-small\" uk-icon=\"icon: world\"><\/button><br \/>\n  <button id=\"ToggleRandom\" class=\"uk-button uk-button-secondary uk-button-small\" uk-icon=\"icon: settings\"><\/button><\/p>\n<div id=\"SelectVerb\" class=\"uk-button-group\">\n<div class=\"uk-inline\">\n      <button class=\"uk-button uk-button-default uk-button-small\" type=\"button\"><br \/>\n        <span uk-icon=\"icon: triangle-down\"><\/span><br \/>\n      <\/button><\/p>\n<p> <!-- Add select -->       <\/p>\n<div uk-dropdown=\"mode: click; target: !.uk-button-group;\">\n<div class=\"uk-overflow-auto uk-height-small\">\n<ul class=\"uk-list\">\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" id=\"select-all\">&nbsp;select all<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"say\">&nbsp;say<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"do\">&nbsp;do<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"find\">&nbsp;find<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"see\">&nbsp;see<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"get\">&nbsp;get<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"buy\">&nbsp;buy<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"take\">&nbsp;take<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"make\">&nbsp;make<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"read\">&nbsp;read<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"know\">&nbsp;know<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"show\">&nbsp;show<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"learn\">&nbsp;learn<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"sell\">&nbsp;sell<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"choose\">&nbsp;choose<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"wont\">&nbsp;wont<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"write\">&nbsp;write<\/label><\/li>\n<li><label><input class=\"uk-checkbox\" type=\"checkbox\" value=\"drink\">&nbsp;drink<\/label><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p> <!-- End select -->        <\/p>\n<p>  <select id=\"Select\" class=\"uk-select uk-form-width-xsmall uk-form-small\"><option value=\"2000\" selected>2 sec<\/option><option value=\"5000\">5 sec<\/option><option value=\"7000\">7 sec<\/option><\/select>\n<\/div>\n<\/div>\n<div>\n<div id=\"sentence_container\"><\/div>\n<div id=\"list_en\">\n<p class=\"en\">I didn&#8217;t say it.<span style=\"display:none;\">say<\/span><\/p>\n<p class=\"en\">Giuliano didn&#8217;t do it.<span style=\"display:none;\">do<\/span><\/p>\n<p class=\"en\">You didn&#8217;t find it.<span style=\"display:none;\">find<\/span><\/p>\n<p class=\"en\">She didn&#8217;t see it.<span style=\"display:none;\">see<\/span><\/p>\n<p class=\"en\">We didn&#8217;t get it.<span style=\"display:none;\">get<\/span><\/p>\n<p class=\"en\">They didn&#8217;t buy it.<span style=\"display:none;\">buy<\/span><\/p>\n<p class=\"en\">Kate didn&#8217;t take it.<span style=\"display:none;\">take<\/span><\/p>\n<p class=\"en\">I didn&#8217;t make it.<span style=\"display:none;\">make<\/span><\/p>\n<p class=\"en\">Tom didn&#8217;t read it.<span style=\"display:none;\">read<\/span><\/p>\n<p class=\"en\">We didn&#8217;t know it.<span style=\"display:none;\">know<\/span><\/p>\n<p class=\"en\">Mike and Kate didn&#8217;t show it.<span style=\"display:none;\">show<\/span><\/p>\n<p class=\"en\">Nicki and I didn&#8217;t learn it.<span style=\"display:none;\">learn<\/span><\/p>\n<p class=\"en\">She didn&#8217;t sell it.<span style=\"display:none;\">sell<\/span><\/p>\n<p class=\"en\">He didn&#8217;t choose it.<span style=\"display:none;\">choose<\/span><\/p>\n<p class=\"en\">Alex didn&#8217;t wont it.<span style=\"display:none;\">wont<\/span><\/p>\n<p class=\"en\">Mom didn&#8217;t write it.<span style=\"display:none;\">write<\/span><\/p>\n<p class=\"en\">Dad didn&#8217;t drink it.<span style=\"display:none;\">drink<\/span><\/p>\n<\/div>\n<div id=\"list_ru\">\n<p class=\"ru\">\u042f \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0414\u0436\u0443\u043b\u0438\u0430\u043d\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0412\u044b \u043d\u0435 \u043d\u0430\u0448\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d\u0430 \u043d\u0435 \u0432\u0438\u0434\u0435\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u044b \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d\u0438 \u043d\u0435 \u043a\u0443\u043f\u0438\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041a\u0435\u0439\u0442 \u043d\u0435 \u0431\u0440\u0430\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u042f \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0422\u043e\u043c \u043d\u0435 \u0447\u0438\u0442\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u044b \u043d\u0435 \u0437\u043d\u0430\u043b\u0438 \u043e\u0431 \u044d\u0442\u043e\u043c.<\/p>\n<p class=\"ru\">\u041c\u0430\u0439\u043a \u0438 \u041a\u0435\u0439\u0442 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041d\u0438\u043a\u0438 \u0438 \u044f \u043d\u0435 \u0432\u044b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d\u0430 \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0430\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0410\u043b\u0435\u043a\u0441 \u043d\u0435 \u0445\u043e\u0442\u0435\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u0430\u043c\u0430 \u043d\u0435 \u043f\u0438\u0441\u0430\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041f\u0430\u043f\u0430 \u043d\u0435 \u043f\u0438\u043b \u044d\u0442\u043e.<\/p>\n<\/div>\n<\/div>\n<div>\n<p>    <script>\n\/\/ script-2<\/p>\n<p>document.addEventListener('DOMContentLoaded', initializeCheckboxes);<\/p>\n<p>\/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432, \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \"select all\" \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e\nfunction initializeCheckboxes() {\n  var selectAll = document.getElementById('select-all');\n  selectAll.checked = true;\n  updateCheckboxes(true); \/\/ \u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u0441\u0435 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u044b \u043f\u0440\u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/p>\n<p>  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\"checkbox\"]');\n  checkboxes.forEach(function(checkbox) {\n    checkbox.addEventListener('change', handleCheckboxChange);\n  });\n}<\/p>\n<p>\/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\nfunction updateCheckboxes(state) {\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\"checkbox\"]:not(#select-all)');\n  checkboxes.forEach(function(checkbox) {\n    checkbox.checked = state;\n  });\n  filterSentences(); \/\/ \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044e \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\n}<\/p>\n<p>\/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\nfunction handleCheckboxChange() {\n  var selectAll = document.getElementById('select-all');\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\"checkbox\"]:not(#select-all)');<\/p>\n<p>  if (this.id === 'select-all') {\n    updateCheckboxes(this.checked);\n  } else {\n    var isAllChecked = Array.from(checkboxes).every(function(checkbox) {\n      return checkbox.checked;\n    });\n    selectAll.checked = isAllChecked;\n    filterSentences(); \/\/ \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044e \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430\n  }\n}<\/p>\n<p>\/\/ \u0424\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\nfunction filterSentences() {\n  var selectedCategories = getSelectedCategories();\n  var enSentences = document.querySelectorAll('#list_en p');\n  var ruSentences = document.querySelectorAll('#list_ru p');<\/p>\n<p>  enSentences.forEach(function(sentence, index) {\n    var category = sentence.querySelector('span').textContent.trim();\n    if (selectedCategories.includes(category) || selectedCategories.length === 0) {\n      sentence.style.display = 'block';\n      ruSentences[index].style.display = 'block';\n    } else {\n      sentence.style.display = 'none';\n      ruSentences[index].style.display = 'none';\n    }\n  });\n}<\/p>\n<p>\/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439\nfunction getSelectedCategories() {\n  var selectedCategories = [];\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\"checkbox\"]:not(#select-all)');\n  checkboxes.forEach(function(checkbox) {\n    if (checkbox.checked) {\n      selectedCategories.push(checkbox.value);\n    }\n  });\n  return selectedCategories;\n}<\/p>\n<p>\/\/ script-1 (\u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439)<\/p>\n<p>var animationTimer; \/\/ \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0442\u0430\u0439\u043c\u0435\u0440\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\nvar showEnglishFirst = true; \/\/ \u0424\u043b\u0430\u0433 \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0440\u044f\u0434\u043a\u0430 \u043f\u043e\u043a\u0430\u0437\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439\nvar isRandom = false; \/\/ \u0424\u043b\u0430\u0433 \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u043d\u0434\u043e\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439<\/p>\n<p>function getSentences() {\n  var enSentences = document.querySelectorAll('#list_en p');\n  var ruSentences = document.querySelectorAll('#list_ru p');\n  var sentencePairs = [];<\/p>\n<p>  for (var i = 0; i < enSentences.length; i++) {\n    if (enSentences[i].style.display !== 'none') {\n      sentencePairs.push({\n        en: enSentences[i],\n        ru: ruSentences[i]\n      });\n    }\n  }\n\n  if (isRandom) {\n    sentencePairs = shuffleArray(sentencePairs);\n  }\n\n  return sentencePairs;\n}\n\nfunction shuffleArray(array) {\n  for (var i = array.length - 1; i > 0; i--) {\n    var j = Math.floor(Math.random() * (i + 1));\n    [array[i], array[j]] = [array[j], array[i]];\n  }\n  return array;\n}<\/p>\n<p>document.getElementById('Play').addEventListener('click', function() {\n  var delay = parseInt(document.getElementById('Select').value);\n  var sentences = getSentences();\n  var container = document.getElementById('sentence_container');\n  var currentIndex = 0;<\/p>\n<p>  \/\/ \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n  clearInterval(animationTimer);<\/p>\n<p>  function animateSentences() {\n    animationTimer = setInterval(function() {\n      if (sentences.length === 0) {\n        clearInterval(animationTimer);\n        return;\n      }<\/p>\n<p>      var sentenceToDisplay;<\/p>\n<p>      if (showEnglishFirst) {\n        sentenceToDisplay = (currentIndex % 2 === 0) ? sentences[Math.floor(currentIndex \/ 2)].en : sentences[Math.floor(currentIndex \/ 2)].ru;\n      } else {\n        sentenceToDisplay = (currentIndex % 2 === 0) ? sentences[Math.floor(currentIndex \/ 2)].ru : sentences[Math.floor(currentIndex \/ 2)].en;\n      }<\/p>\n<p>      \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043b\u043e\u043d \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b\n      var sentenceClone = sentenceToDisplay.cloneNode(true);\n      sentenceClone.style.opacity = 1;<\/p>\n<p>      container.innerHTML = ''; \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u0435\u0440\u0435\u0434 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\n      container.appendChild(sentenceClone); \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u043e\u043d \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440<\/p>\n<p>      setTimeout(function() {\n        sentenceClone.style.opacity = 0; \/\/ \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c \u0441\u0442\u0438\u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0437\u0430\u0442\u0443\u0445\u0430\u043d\u0438\u044f\n        currentIndex = (currentIndex + 1) % (sentences.length * 2);\n      }, delay - 1000); \/\/ \u0417\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u043c\u0435\u0436\u0434\u0443 \u0438\u0441\u0447\u0435\u0437\u043d\u043e\u0432\u0435\u043d\u0438\u0435\u043c \u0438 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\n    }, delay);\n  }<\/p>\n<p>  animateSentences();\n});<\/p>\n<p>document.getElementById('Select').addEventListener('change', function() {\n  \/\/ \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n  clearInterval(animationTimer);\n});<\/p>\n<p>document.getElementById('ToggleLanguage').addEventListener('click', function() {\n  showEnglishFirst = !showEnglishFirst;\n  \/\/ \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a \u0441 \u043d\u043e\u0432\u044b\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u043e\u043c\n  clearInterval(animationTimer);\n});<\/p>\n<p>document.getElementById('ToggleRandom').addEventListener('click', function() {\n  isRandom = !isRandom;\n  \/\/ \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a \u0441 \u043d\u043e\u0432\u044b\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u043e\u043c\n  clearInterval(animationTimer);\n});\n<\/script><\/p>\n<\/div>\n<div>\n<style>\n    \/* \u0421\u0442\u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438 *\/\n    #sentence_container {\n      position: absolute;\n      top: calc(50% + 80pt); \/* \u0421\u043c\u0435\u0449\u0430\u0435\u043c \u0431\u043b\u043e\u043a \u043d\u0438\u0436\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u044d\u043a\u0440\u0430\u043d\u0430 *\/\n      left: 0;\n      right: 0;\n      margin: auto; \/* \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 *\/\n      width: 100%; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u0431\u043b\u043e\u043a\u0430 100% \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 *\/\n      text-align: center; \/* \u0426\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u043c \u0442\u0435\u043a\u0441\u0442 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 *\/\n    }<\/p>\n<p>    \/* \u041e\u0431\u0449\u0438\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 *\/\n    #sentence_container p {\n      font-family: 'Raleway', sans-serif; \/* \u0428\u0440\u0438\u0444\u0442 Raleway *\/\n      font-size: 20pt; \/* \u0420\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430 20pt *\/\n      opacity: 0;\n      transition: opacity 1s ease-in-out;\n      white-space: pre-wrap;\n      margin: 0;\n    }<\/p>\n<p>    \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c *\/\n    .en {\n      color: #7886bc; \/* \u0426\u0432\u0435\u0442 #7886bc *\/\n    }<\/p>\n<p>    \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c *\/\n    .ru {\n      color: #ff6d01; \/* \u0426\u0432\u0435\u0442 #ff6d01 *\/\n    }<\/p>\n<p>    \/* \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0431\u043b\u043e\u043a\u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 *\/\n    #list_en, #list_ru {\n      display: none;\n    }\n  <\/style>\n<\/div>\n<div>\n<p>    <!-- \nCode link\n \nhttps:\/\/docs.google.com\/spreadsheets\/d\/12QGs8TEzBnW99bRQJvM_SXcxXUjnLDKgd5583edqOAc\/edit#gid=2067784805\n\n\n\n-->\n<\/div>\n<div>\n<div id=\"sentence_container\"><\/div>\n<div id=\"list_en\">\n<p class=\"en\">I said it.<span style=\"display:none;\">say<\/span><\/p>\n<p class=\"en\">Giuliano did it.<span style=\"display:none;\">do<\/span><\/p>\n<p class=\"en\">You found it.<span style=\"display:none;\">find<\/span><\/p>\n<p class=\"en\">She saw it.<span style=\"display:none;\">see<\/span><\/p>\n<p class=\"en\">We got it.<span style=\"display:none;\">get<\/span><\/p>\n<p class=\"en\">They bought it.<span style=\"display:none;\">buy<\/span><\/p>\n<p class=\"en\">Kate took it.<span style=\"display:none;\">take<\/span><\/p>\n<p class=\"en\">I made it.<span style=\"display:none;\">make<\/span><\/p>\n<p class=\"en\">Tom read it.<span style=\"display:none;\">read<\/span><\/p>\n<p class=\"en\">We knew it.<span style=\"display:none;\">know<\/span><\/p>\n<p class=\"en\">Mike and Kate showed it.<span style=\"display:none;\">show<\/span><\/p>\n<p class=\"en\">Nicki and I learned it.<span style=\"display:none;\">learn<\/span><\/p>\n<p class=\"en\">She sold it.<span style=\"display:none;\">sell<\/span><\/p>\n<p class=\"en\">He chose it.<span style=\"display:none;\">choose<\/span><\/p>\n<p class=\"en\">Alex learned it.<span style=\"display:none;\">wont<\/span><\/p>\n<p class=\"en\">Mom wrote it.<span style=\"display:none;\">write<\/span><\/p>\n<p class=\"en\">Dad drank it.<span style=\"display:none;\">drink<\/span><\/p>\n<\/div>\n<div id=\"list_ru\">\n<p class=\"ru\">\u042f \u0441\u043a\u0430\u0437\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0414\u0436\u0443\u043b\u0438\u0430\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0422\u044b \u043d\u0430\u0448\u0435\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d\u0430 \u0432\u0438\u0434\u0435\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e (\u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438).<\/p>\n<p class=\"ru\">\u041e\u043d\u0438 \u043a\u0443\u043f\u0438\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041a\u0435\u0439\u0442 \u0432\u0437\u044f\u043b\u0430 \u0435\u0433\u043e.<\/p>\n<p class=\"ru\">\u042f \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0422\u043e\u043c \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u044b \u0437\u043d\u0430\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u0430\u0439\u043a \u0438 \u041a\u0435\u0439\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u042f \u0438 \u041d\u0438\u043a\u0438 \u0432\u044b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d\u0430 \u043f\u0440\u043e\u0434\u0430\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041e\u043d \u0432\u044b\u0431\u0440\u0430\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u0410\u043b\u0435\u043a\u0441 \u0432\u044b\u0443\u0447\u0438\u043b \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041c\u0430\u043c\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0430 \u044d\u0442\u043e.<\/p>\n<p class=\"ru\">\u041f\u0430\u043f\u0430 \u0432\u044b\u043f\u0438\u043b \u044d\u0442\u043e.<\/p>\n<\/div>\n<\/div>\n<hr>\n<div>\n<p>    <button class=\"uk-button uk-button-danger uk-button-small\" onclick=\"toggleFilter()\">Filter<\/button><br \/>\n<button class=\"uk-button uk-button-primary uk-button-small\" onclick=\"showAllRows()\">Show All<\/button><\/p>\n<\/div>\n<div>\n<div class=\"filter-block\" style=\"display: table; width: 100%;\">\n<table class=\"uk-table uk-table-hover uk-table-middle uk-table-divider\">\n<thead>\n<tr>\n<th class=\"uk-table-shrink\"><\/th>\n<th class=\"uk-table-shrink\"><\/th>\n<th class=\"uk-table-expand uk-text-success\">Negative + positive<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>1<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"1\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-1\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text1\" data-original-text=\"I didn't say it.\" data-new-text=\"\u042f \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I didn&#8217;t say it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>2<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"2\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-2\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text2\" data-original-text=\"Giuliano didn't do it.\" data-new-text=\"\u0414\u0436\u0443\u043b\u0438\u0430\u043d\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Giuliano didn&#8217;t do it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>3<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"3\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-3\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text3\" data-original-text=\"You didn't find it.\" data-new-text=\"\u0412\u044b \u043d\u0435 \u043d\u0430\u0448\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">You didn&#8217;t find it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>4<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"4\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-4\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text4\" data-original-text=\"She didn't see it.\" data-new-text=\"\u041e\u043d\u0430 \u043d\u0435 \u0432\u0438\u0434\u0435\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">She didn&#8217;t see it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>5<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"5\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-5\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text5\" data-original-text=\"We didn't get it.\" data-new-text=\"\u041c\u044b \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">We didn&#8217;t get it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>6<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"6\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-6\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text6\" data-original-text=\"They didn't buy it.\" data-new-text=\"\u041e\u043d\u0438 \u043d\u0435 \u043a\u0443\u043f\u0438\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">They didn&#8217;t buy it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>7<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"7\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-7\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text7\" data-original-text=\"Kate didn't take it.\" data-new-text=\"\u041a\u0435\u0439\u0442 \u043d\u0435 \u0431\u0440\u0430\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Kate didn&#8217;t take it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>8<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"8\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-8\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text8\" data-original-text=\"I didn't make it.\" data-new-text=\"\u042f \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I didn&#8217;t make it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>9<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"9\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-9\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text9\" data-original-text=\"Tom didn't read it.\" data-new-text=\"\u0422\u043e\u043c \u043d\u0435 \u0447\u0438\u0442\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Tom didn&#8217;t read it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>10<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"10\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-10\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text10\" data-original-text=\"We didn't know it.\" data-new-text=\"\u041c\u044b \u043d\u0435 \u0437\u043d\u0430\u043b\u0438 \u043e\u0431 \u044d\u0442\u043e\u043c.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">We didn&#8217;t know it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>11<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"11\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-11\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text11\" data-original-text=\"Mike and Kate didn't show it.\" data-new-text=\"\u041c\u0430\u0439\u043a \u0438 \u041a\u0435\u0439\u0442 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Mike and Kate didn&#8217;t show it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>12<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"12\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-12\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text12\" data-original-text=\"Nicki and I didn't learn it.\" data-new-text=\"\u041d\u0438\u043a\u0438 \u0438 \u044f \u043d\u0435 \u0432\u044b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Nicki and I didn&#8217;t learn it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>13<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"13\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-13\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text13\" data-original-text=\"She didn't sell it.\" data-new-text=\"\u041e\u043d\u0430 \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0430\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">She didn&#8217;t sell it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>14<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"14\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-14\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text14\" data-original-text=\"He didn't choose it.\" data-new-text=\"\u041e\u043d \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">He didn&#8217;t choose it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>15<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"15\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-15\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text15\" data-original-text=\"Alex didn't wont it.\" data-new-text=\"\u0410\u043b\u0435\u043a\u0441 \u043d\u0435 \u0445\u043e\u0442\u0435\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Alex didn&#8217;t wont it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>16<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"16\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-16\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text16\" data-original-text=\"Mom didn't write it.\" data-new-text=\"\u041c\u0430\u043c\u0430 \u043d\u0435 \u043f\u0438\u0441\u0430\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Mom didn&#8217;t write it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>17<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"17\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-17\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text17\" data-original-text=\"Dad didn't drink it.\" data-new-text=\"\u041f\u0430\u043f\u0430 \u043d\u0435 \u043f\u0438\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Dad didn&#8217;t drink it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>18<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"18\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-18\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text18\" data-original-text=\"I said it.\" data-new-text=\"\u042f \u0441\u043a\u0430\u0437\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I said it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>19<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"19\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-19\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text19\" data-original-text=\"Giuliano did it.\" data-new-text=\"\u0414\u0436\u0443\u043b\u0438\u0430\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Giuliano did it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>20<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"20\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-20\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text20\" data-original-text=\"You found it.\" data-new-text=\"\u0422\u044b \u043d\u0430\u0448\u0435\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">You found it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>21<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"21\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-21\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text21\" data-original-text=\"She saw it.\" data-new-text=\"\u041e\u043d\u0430 \u0432\u0438\u0434\u0435\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">She saw it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>22<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"22\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-22\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text22\" data-original-text=\"We got it.\" data-new-text=\"\u041c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u044d\u0442\u043e (\u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438).\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">We got it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>23<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"23\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-23\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text23\" data-original-text=\"They bought it.\" data-new-text=\"\u041e\u043d\u0438 \u043a\u0443\u043f\u0438\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">They bought it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>24<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"24\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-24\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text24\" data-original-text=\"Kate took it.\" data-new-text=\"\u041a\u0435\u0439\u0442 \u0432\u0437\u044f\u043b\u0430 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Kate took it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>25<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"25\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-25\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text25\" data-original-text=\"I made it.\" data-new-text=\"\u042f \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I made it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>26<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"26\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-26\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text26\" data-original-text=\"Tom read it.\" data-new-text=\"\u0422\u043e\u043c \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043b \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Tom read it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>27<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"27\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-27\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text27\" data-original-text=\"We knew it.\" data-new-text=\"\u041c\u044b \u0437\u043d\u0430\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">We knew it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tbody>\n<tr>\n<td><span style=\"font-size: 13pt;\"><em>28<\/em><\/span><\/td>\n<td>\n<div class=\"checkbox-block\" data-checkbox-id=\"28\" style=\"text-align: left;\"> <input class=\"uk-checkbox filter-checkbox\" type=\"checkbox\" id=\"checkbox-28\" \/> <\/div>\n<\/td>\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-D\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\" ><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-type=\"text28\" data-original-text=\"Mike and Kate showed it.\" data-new-text=\"\u041c\u0430\u0439\u043a \u0438 \u041a\u0435\u0439\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u044d\u0442\u043e.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Mike and Kate showed it.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div>\n<p>    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\n            var checkboxBlocks = document.querySelectorAll('.checkbox-block');\n            checkboxBlocks.forEach(function(block) {\n                var checkboxId = block.getAttribute('data-checkbox-id');\n                var checkboxState = localStorage.getItem('checkbox' + checkboxId + 'State') === 'true';\n                var checkbox = block.querySelector('input[type=\"checkbox\"]');\n                if (checkbox) {\n                    checkbox.checked = checkboxState;\n                    checkbox.addEventListener('change', function(event) {\n                        var isChecked = event.target.checked;\n                        \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430 \u0432 localStorage\n                        localStorage.setItem('checkbox' + checkboxId + 'State', isChecked);\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/div>\n<div>\n<style>\n    .speakButtonContainer {\n        flex-shrink: 0; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c *\/\n    }<\/p>\n<p>    .speakButtonContainer:hover .uk-icon-link {\n        color: #ff6600; \/* \u041d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n    }\n<\/style>\n<\/div>\n<div>\n<p>    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.4.min.js\"><\/script><\/p>\n<p><script>\n    jQuery(document).ready(function ($) {\n        $('.toggle-text').on('click', function () {\n            var element = $(this);<\/p>\n<p>            \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\/\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 uk-animation-fade \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\n            element.addClass('uk-animation-fade');<\/p>\n<p>            if (element.data('state') === 'original') {\n                \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0441\u0442\u0438\u043b\u044c \u0446\u0432\u0435\u0442\u0430\n                element.html('<span style=\"font-size: 13pt;\">' + element.data('original-text') + '<\/span>');\n                element.data('state', 'changed');\n            } else {\n                \/\/ \u0417\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 \u043d\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0441\u0442\u0438\u043b\u044c \u0446\u0432\u0435\u0442\u0430\n                element.html('<span style=\"font-size: 13pt; color: #a8a7b7;\">' + element.data('new-text') + '<\/span>');\n                element.data('state', 'original');\n            }<\/p>\n<p>            \/\/ \u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 uk-animation-fade \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n            setTimeout(function () {\n                element.removeClass('uk-animation-fade');\n            }, 1000);\n        });\n    });\n<\/script><\/p>\n<\/div>\n<div><script src=\"https:\/\/code.jquery.com\/jquery-3.6.4.min.js\"><\/script><\/p>\n<p><script>\n    jQuery(document).ready(function ($) {\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430\n        function speakText(textToSpeak, voice) {\n            \/\/ \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 'YOUR_GOOGLE_API_KEY' \u043d\u0430 \u0432\u0430\u0448 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 API\n            var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';<\/p>\n<p>            \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Web Speech API\n            if ('speechSynthesis' in window) {\n                \/\/ \u0417\u0430\u043f\u0440\u043e\u0441 \u043a Google Text-to-Speech API\n                fetch('https:\/\/texttospeech.googleapis.com\/v1\/text:synthesize?key=' + apiKey, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                    },\n                    body: JSON.stringify({\n                        input: {\n                            text: textToSpeak,\n                        },\n                        voice: {\n                            languageCode: 'en-GB',\n                            name: voice,\n                            ssmlGender: 'FEMALE',\n                        },\n                        audioConfig: {\n                            audioEncoding: 'LINEAR16',\n                        },\n                    }),\n                })\n                    .then(response => response.json())\n                    .then(data => {\n                        \/\/ \u0412\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0430\u0443\u0434\u0438\u043e \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Web Speech API\n                        var audio = new Audio('data:audio\/wav;base64,' + data.audioContent);\n                        audio.play();\n                    })\n                    .catch(error => console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0437\u0432\u0443\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430:', error));\n            } else {\n                console.error('\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 Web Speech API');\n            }\n        }<\/p>\n<p>        \/\/ \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043a\u043b\u0438\u043a\u0430 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430\n        $('.speakButton').on('click', function () {\n            var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\n            var voice = $(this).closest('.speech-container').data('voice');\n            speakText(textToSpeak, voice);\n        });\n    });\n<\/script><\/div>\n<div>\n<p>    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/uikit@3.12.0\/dist\/js\/uikit.min.js\"><\/script><br \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/uikit@3.12.0\/dist\/js\/uikit-icons.min.js\"><\/script><br \/>\n<script>\n    function toggleFilter() {\n        var checkboxes = document.querySelectorAll('.filter-checkbox');<\/p>\n<p>        checkboxes.forEach(function (checkbox) {\n            var filterBlock = checkbox.closest('tr');<\/p>\n<p>            if (checkbox.checked) {\n                filterBlock.style.display = 'none';\n            } else {\n                filterBlock.style.display = 'table-row';\n            }\n        });\n    }<\/p>\n<p>    function showAllRows() {\n        var rows = document.querySelectorAll('.filter-block table tbody tr');<\/p>\n<p>        rows.forEach(function (row) {\n            row.style.display = 'table-row';\n        });\n    }\n<\/script><\/p>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"PAGES: 20 TO 21\\n\\n \",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<div class=\\\"uk-margin\\\">\\n  <button id=\\\"Play\\\" class=\\\"uk-button uk-button-danger uk-margin-remove uk-button-small\\\" uk-icon=\\\"icon: play-circle\\\"><\\\/button>\\n  \\n  <button id=\\\"ToggleLanguage\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: world\\\"><\\\/button>\\n  <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n    \\n  \n\n<div id=\\\"SelectVerb\\\" class=\\\"uk-button-group\\\">\\n    \n\n<div class=\\\"uk-inline\\\">\\n      <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\">\\n        <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n      <\\\/button>\\n        \\n <!-- Add select -->       \\n       \\n        \\n<\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\">\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select-all\\\">&nbsp;select all<\\\/label><\\\/li>\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"say\\\">&nbsp;say<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"do\\\">&nbsp;do<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"find\\\">&nbsp;find<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"see\\\">&nbsp;see<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"get\\\">&nbsp;get<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"buy\\\">&nbsp;buy<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"take\\\">&nbsp;take<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"make\\\">&nbsp;make<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"read\\\">&nbsp;read<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"know\\\">&nbsp;know<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"show\\\">&nbsp;show<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"learn\\\">&nbsp;learn<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"sell\\\">&nbsp;sell<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"choose\\\">&nbsp;choose<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"wont\\\">&nbsp;wont<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"write\\\">&nbsp;write<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" value=\\\"drink\\\">&nbsp;drink<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div>   \\n     \\n <!-- End select -->        \\n        \\n  \\n  <select id=\\\"Select\\\" class=\\\"uk-select uk-form-width-xsmall uk-form-small\\\">\\n<option value=\\\"2000\\\" selected>2 sec<\\\/option>\\n<option value=\\\"5000\\\">5 sec<\\\/option>\\n<option value=\\\"7000\\\">7 sec<\\\/option>\\n  <\\\/select>\\n<\\\/div>&#8220;,&#8221;margin&#8221;:&#8221;default&#8221;},&#8221;name&#8221;:&#8221;buttons&#8221;},{&#8220;type&#8221;:&#8221;text&#8221;,&#8221;props&#8221;:{&#8220;column_breakpoint&#8221;:&#8221;m&#8221;,&#8221;content&#8221;:&#8221;\n<div id=\\\"sentence_container\\\"><\\\/div> <\/p>\n<div id=\\\"list_en\\\">\n<p class=\\\"en\\\">I didn&#8217;t say it.<span style=\\\"display:none;\\\">say<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Giuliano didn&#8217;t do it.<span style=\\\"display:none;\\\">do<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">You didn&#8217;t find it.<span style=\\\"display:none;\\\">find<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">She didn&#8217;t see it.<span style=\\\"display:none;\\\">see<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">We didn&#8217;t get it.<span style=\\\"display:none;\\\">get<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">They didn&#8217;t buy it.<span style=\\\"display:none;\\\">buy<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Kate didn&#8217;t take it.<span style=\\\"display:none;\\\">take<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">I didn&#8217;t make it.<span style=\\\"display:none;\\\">make<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Tom didn&#8217;t read it.<span style=\\\"display:none;\\\">read<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">We didn&#8217;t know it.<span style=\\\"display:none;\\\">know<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Mike and Kate didn&#8217;t show it.<span style=\\\"display:none;\\\">show<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Nicki and I didn&#8217;t learn it.<span style=\\\"display:none;\\\">learn<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">She didn&#8217;t sell it.<span style=\\\"display:none;\\\">sell<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">He didn&#8217;t choose it.<span style=\\\"display:none;\\\">choose<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Alex didn&#8217;t wont it.<span style=\\\"display:none;\\\">wont<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Mom didn&#8217;t write it.<span style=\\\"display:none;\\\">write<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Dad didn&#8217;t drink it.<span style=\\\"display:none;\\\">drink<\\\/span><\\\/p>\\n<\\\/div>\\n\\n<\/p>\n<div id=\\\"list_ru\\\">\n<p class=\\\"ru\\\">\\u042f \\u043d\\u0435 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0414\\u0436\\u0443\\u043b\\u0438\\u0430\\u043d\\u043e \\u043d\\u0435 \\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0412\\u044b \\u043d\\u0435 \\u043d\\u0430\\u0448\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0430 \\u043d\\u0435 \\u0432\\u0438\\u0434\\u0435\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u044b \\u043d\\u0435 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0438 \\u043d\\u0435 \\u043a\\u0443\\u043f\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041a\\u0435\\u0439\\u0442 \\u043d\\u0435 \\u0431\\u0440\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u042f \\u043d\\u0435 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0422\\u043e\\u043c \\u043d\\u0435 \\u0447\\u0438\\u0442\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u044b \\u043d\\u0435 \\u0437\\u043d\\u0430\\u043b\\u0438 \\u043e\\u0431 \\u044d\\u0442\\u043e\\u043c.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u0430\\u0439\\u043a \\u0438 \\u041a\\u0435\\u0439\\u0442 \\u043d\\u0435 \\u043f\\u043e\\u043a\\u0430\\u0437\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041d\\u0438\\u043a\\u0438 \\u0438 \\u044f \\u043d\\u0435 \\u0432\\u044b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0430 \\u043d\\u0435 \\u043f\\u0440\\u043e\\u0434\\u0430\\u0432\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0410\\u043b\\u0435\\u043a\\u0441 \\u043d\\u0435 \\u0445\\u043e\\u0442\\u0435\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u0430\\u043c\\u0430 \\u043d\\u0435 \\u043f\\u0438\\u0441\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041f\\u0430\\u043f\\u0430 \\u043d\\u0435 \\u043f\\u0438\\u043b \\u044d\\u0442\\u043e.<\\\/p> \\n<\\\/div>&#8220;,&#8221;margin&#8221;:&#8221;default&#8221;}}]}]},{&#8220;type&#8221;:&#8221;row&#8221;,&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;column&#8221;,&#8221;props&#8221;:{&#8220;image_position&#8221;:&#8221;center-center&#8221;,&#8221;position_sticky_breakpoint&#8221;:&#8221;m&#8221;},&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;html&#8221;,&#8221;props&#8221;:{&#8220;content&#8221;:&#8221;<script>\\n\\\/\\\/ script-2\\n\\ndocument.addEventListener('DOMContentLoaded', initializeCheckboxes);\\n\\n\\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432, \\u0432\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u0435 \\\"select all\\\" \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e\\nfunction initializeCheckboxes() {\\n  var selectAll = document.getElementById('select-all');\\n  selectAll.checked = true;\\n  updateCheckboxes(true); \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0438\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438\\n\\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\\\"checkbox\\\"]');\\n  checkboxes.forEach(function(checkbox) {\\n    checkbox.addEventListener('change', handleCheckboxChange);\\n  });\\n}\\n\\n\\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0432\\u0441\\u0435\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\nfunction updateCheckboxes(state) {\\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\\\"checkbox\\\"]:not(#select-all)');\\n  checkboxes.forEach(function(checkbox) {\\n    checkbox.checked = state;\\n  });\\n  filterSentences(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u0444\\u0438\\u043b\\u044c\\u0442\\u0440\\u0430\\u0446\\u0438\\u044e \\u043f\\u0440\\u0438 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0438 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n}\\n\\n\\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\nfunction handleCheckboxChange() {\\n  var selectAll = document.getElementById('select-all');\\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\\\"checkbox\\\"]:not(#select-all)');\\n\\n  if (this.id === 'select-all') {\\n    updateCheckboxes(this.checked);\\n  } else {\\n    var isAllChecked = Array.from(checkboxes).every(function(checkbox) {\\n      return checkbox.checked;\\n    });\\n    selectAll.checked = isAllChecked;\\n    filterSentences(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u0444\\u0438\\u043b\\u044c\\u0442\\u0440\\u0430\\u0446\\u0438\\u044e \\u043f\\u0440\\u0438 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0438 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430\\n  }\\n}\\n\\n\\\/\\\/ \\u0424\\u0438\\u043b\\u044c\\u0442\\u0440\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439 \\u043d\\u0430 \\u043e\\u0441\\u043d\\u043e\\u0432\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\nfunction filterSentences() {\\n  var selectedCategories = getSelectedCategories();\\n  var enSentences = document.querySelectorAll('#list_en p');\\n  var ruSentences = document.querySelectorAll('#list_ru p');\\n\\n  enSentences.forEach(function(sentence, index) {\\n    var category = sentence.querySelector('span').textContent.trim();\\n    if (selectedCategories.includes(category) || selectedCategories.length === 0) {\\n      sentence.style.display = 'block';\\n      ruSentences[index].style.display = 'block';\\n    } else {\\n      sentence.style.display = 'none';\\n      ruSentences[index].style.display = 'none';\\n    }\\n  });\\n}\\n\\n\\\/\\\/ \\u041f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u043a\\u0430\\u0442\\u0435\\u0433\\u043e\\u0440\\u0438\\u0439\\nfunction getSelectedCategories() {\\n  var selectedCategories = [];\\n  var checkboxes = document.querySelectorAll('#SelectVerb input[type=\\\"checkbox\\\"]:not(#select-all)');\\n  checkboxes.forEach(function(checkbox) {\\n    if (checkbox.checked) {\\n      selectedCategories.push(checkbox.value);\\n    }\\n  });\\n  return selectedCategories;\\n}\\n\\n\\\/\\\/ script-1 (\\u043f\\u0435\\u0440\\u0432\\u043e\\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439)\\n\\nvar animationTimer; \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u043d\\u043d\\u0430\\u044f \\u0434\\u043b\\u044f \\u0445\\u0440\\u0430\\u043d\\u0435\\u043d\\u0438\\u044f \\u0442\\u0430\\u0439\\u043c\\u0435\\u0440\\u0430 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\nvar showEnglishFirst = true; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u0435\\u043d\\u0438\\u044f \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u043f\\u043e\\u043a\\u0430\\u0437\\u0430 \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439\\nvar isRandom = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u0435\\u043d\\u0438\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439\\n\\nfunction getSentences() {\\n  var enSentences = document.querySelectorAll('#list_en p');\\n  var ruSentences = document.querySelectorAll('#list_ru p');\\n  var sentencePairs = [];\\n\\n  for (var i = 0; i < enSentences.length; i++) {\\n    if (enSentences[i].style.display !== 'none') {\\n      sentencePairs.push({\\n        en: enSentences[i],\\n        ru: ruSentences[i]\\n      });\\n    }\\n  }\\n\\n  if (isRandom) {\\n    sentencePairs = shuffleArray(sentencePairs);\\n  }\\n\\n  return sentencePairs;\\n}\\n\\nfunction shuffleArray(array) {\\n  for (var i = array.length - 1; i > 0; i--) {\\n    var j = Math.floor(Math.random() * (i + 1));\\n    [array[i], array[j]] = [array[j], array[i]];\\n  }\\n  return array;\\n}\\n\\ndocument.getElementById('Play').addEventListener('click', function() {\\n  var delay = parseInt(document.getElementById('Select').value);\\n  var sentences = getSentences();\\n  var container = document.getElementById('sentence_container');\\n  var currentIndex = 0;\\n\\n  \\\/\\\/ \\u041e\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043f\\u0440\\u0435\\u0434\\u044b\\u0434\\u0443\\u0449\\u0435\\u0439 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n  clearInterval(animationTimer);\\n\\n  function animateSentences() {\\n    animationTimer = setInterval(function() {\\n      if (sentences.length === 0) {\\n        clearInterval(animationTimer);\\n        return;\\n      }\\n\\n      var sentenceToDisplay;\\n\\n      if (showEnglishFirst) {\\n        sentenceToDisplay = (currentIndex % 2 === 0) ? sentences[Math.floor(currentIndex \\\/ 2)].en : sentences[Math.floor(currentIndex \\\/ 2)].ru;\\n      } else {\\n        sentenceToDisplay = (currentIndex % 2 === 0) ? sentences[Math.floor(currentIndex \\\/ 2)].ru : sentences[Math.floor(currentIndex \\\/ 2)].en;\\n      }\\n\\n      \\\/\\\/ \\u0421\\u043e\\u0437\\u0434\\u0430\\u0435\\u043c \\u043a\\u043b\\u043e\\u043d \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u044f, \\u0447\\u0442\\u043e\\u0431\\u044b \\u043d\\u0435 \\u0438\\u0437\\u043c\\u0435\\u043d\\u044f\\u0442\\u044c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b\\n      var sentenceClone = sentenceToDisplay.cloneNode(true);\\n      sentenceClone.style.opacity = 1;\\n\\n      container.innerHTML = ''; \\\/\\\/ \\u041e\\u0447\\u0438\\u0449\\u0430\\u0435\\u043c \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\u043c \\u043d\\u043e\\u0432\\u043e\\u0433\\u043e \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u044f\\n      container.appendChild(sentenceClone); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u043b\\u043e\\u043d \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u044f \\u0432 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\n\\n      setTimeout(function() {\\n        sentenceClone.style.opacity = 0; \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 \\u0434\\u043b\\u044f \\u0437\\u0430\\u0442\\u0443\\u0445\\u0430\\u043d\\u0438\\u044f\\n        currentIndex = (currentIndex + 1) % (sentences.length * 2);\\n      }, delay - 1000); \\\/\\\/ \\u0417\\u0430\\u0434\\u0435\\u0440\\u0436\\u043a\\u0430 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0438\\u0441\\u0447\\u0435\\u0437\\u043d\\u043e\\u0432\\u0435\\u043d\\u0438\\u0435\\u043c \\u0438 \\u043f\\u043e\\u044f\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\u043c \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0433\\u043e \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u044f\\n    }, delay);\\n  }\\n\\n  animateSentences();\\n});\\n\\ndocument.getElementById('Select').addEventListener('change', function() {\\n  \\\/\\\/ \\u041e\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n  clearInterval(animationTimer);\\n});\\n\\ndocument.getElementById('ToggleLanguage').addEventListener('click', function() {\\n  showEnglishFirst = !showEnglishFirst;\\n  \\\/\\\/ \\u041e\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u043f\\u0435\\u0440\\u0435\\u0437\\u0430\\u043f\\u0443\\u0441\\u043a \\u0441 \\u043d\\u043e\\u0432\\u044b\\u043c \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u043e\\u043c\\n  clearInterval(animationTimer);\\n});\\n\\ndocument.getElementById('ToggleRandom').addEventListener('click', function() {\\n  isRandom = !isRandom;\\n  \\\/\\\/ \\u041e\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 \\u0438 \\u043f\\u0435\\u0440\\u0435\\u0437\\u0430\\u043f\\u0443\\u0441\\u043a \\u0441 \\u043d\\u043e\\u0432\\u044b\\u043c \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u043e\\u043c\\n  clearInterval(animationTimer);\\n});\\n<\\\/script>\\n\"},\"name\":\"2 \\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0444\\u0438\\u043b\\u044c\\u0442\\u0440 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442 \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u044c\\u043d\\u043e\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    \\\/* \\u0421\\u0442\\u0438\\u043b\\u0438 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 \\u0441 \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u044f\\u043c\\u0438 *\\\/\\n    #sentence_container {\\n      position: absolute;\\n      top: calc(50% + 80pt); \\\/* \\u0421\\u043c\\u0435\\u0449\\u0430\\u0435\\u043c \\u0431\\u043b\\u043e\\u043a \\u043d\\u0438\\u0436\\u0435 \\u043e\\u0442\\u043d\\u043e\\u0441\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0446\\u0435\\u043d\\u0442\\u0440\\u0430 \\u044d\\u043a\\u0440\\u0430\\u043d\\u0430 *\\\/\\n      left: 0;\\n      right: 0;\\n      margin: auto; \\\/* \\u0410\\u0432\\u0442\\u043e\\u043c\\u0430\\u0442\\u0438\\u0447\\u0435\\u0441\\u043a\\u043e\\u0435 \\u0432\\u044b\\u0440\\u0430\\u0432\\u043d\\u0438\\u0432\\u0430\\u043d\\u0438\\u0435 \\u043f\\u043e \\u0433\\u043e\\u0440\\u0438\\u0437\\u043e\\u043d\\u0442\\u0430\\u043b\\u0438 *\\\/\\n      width: 100%; \\\/* \\u0428\\u0438\\u0440\\u0438\\u043d\\u0430 \\u0431\\u043b\\u043e\\u043a\\u0430 100% \\u043f\\u043e \\u0433\\u043e\\u0440\\u0438\\u0437\\u043e\\u043d\\u0442\\u0430\\u043b\\u0438 *\\\/\\n      text-align: center; \\\/* \\u0426\\u0435\\u043d\\u0442\\u0440\\u0438\\u0440\\u0443\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043f\\u043e \\u0433\\u043e\\u0440\\u0438\\u0437\\u043e\\u043d\\u0442\\u0430\\u043b\\u0438 *\\\/\\n    }\\n\\n    \\\/* \\u041e\\u0431\\u0449\\u0438\\u0435 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439 *\\\/\\n    #sentence_container p {\\n      font-family: 'Raleway', sans-serif; \\\/* \\u0428\\u0440\\u0438\\u0444\\u0442 Raleway *\\\/\\n      font-size: 20pt; \\\/* \\u0420\\u0430\\u0437\\u043c\\u0435\\u0440 \\u0448\\u0440\\u0438\\u0444\\u0442\\u0430 20pt *\\\/\\n      opacity: 0;\\n      transition: opacity 1s ease-in-out;\\n      white-space: pre-wrap;\\n      margin: 0;\\n    }\\n\\n    \\\/* \\u0421\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439 \\u043d\\u0430 \\u0430\\u043d\\u0433\\u043b\\u0438\\u0439\\u0441\\u043a\\u043e\\u043c *\\\/\\n    .en {\\n      color: #7886bc; \\\/* \\u0426\\u0432\\u0435\\u0442 #7886bc *\\\/\\n    }\\n\\n    \\\/* \\u0421\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439 \\u043d\\u0430 \\u0440\\u0443\\u0441\\u0441\\u043a\\u043e\\u043c *\\\/\\n    .ru {\\n      color: #ff6d01; \\\/* \\u0426\\u0432\\u0435\\u0442 #ff6d01 *\\\/\\n    }\\n\\n    \\\/* \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0431\\u043b\\u043e\\u043a\\u0438 \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0439, \\u0447\\u0442\\u043e\\u0431\\u044b \\u043e\\u043d\\u0438 \\u043d\\u0435 \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0430\\u043b\\u0438\\u0441\\u044c \\u043d\\u0430 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0435 *\\\/\\n    #list_en, #list_ru {\\n      display: none;\\n    }\\n  <\\\/style>\",\"margin\":\"default\"},\"name\":\"style\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!-- \\nCode link\\n \\nhttps:\\\/\\\/docs.google.com\\\/spreadsheets\\\/d\\\/12QGs8TEzBnW99bRQJvM_SXcxXUjnLDKgd5583edqOAc\\\/edit#gid=2067784805\\n\\n\\n\\n-->\"},\"name\":\"Code link\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"\\u041c\\u0435\\u043b\\u043a\\u0438\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432\\u0441\\u0435 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div id=\\\"sentence_container\\\"><\\\/div> <\/p>\n<div id=\\\"list_en\\\">\n<p class=\\\"en\\\">I said it.<span style=\\\"display:none;\\\">say<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Giuliano did it.<span style=\\\"display:none;\\\">do<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">You found it.<span style=\\\"display:none;\\\">find<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">She saw it.<span style=\\\"display:none;\\\">see<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">We got it.<span style=\\\"display:none;\\\">get<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">They bought it.<span style=\\\"display:none;\\\">buy<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Kate took it.<span style=\\\"display:none;\\\">take<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">I made it.<span style=\\\"display:none;\\\">make<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Tom read it.<span style=\\\"display:none;\\\">read<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">We knew it.<span style=\\\"display:none;\\\">know<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Mike and Kate showed it.<span style=\\\"display:none;\\\">show<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Nicki and I learned it.<span style=\\\"display:none;\\\">learn<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">She sold it.<span style=\\\"display:none;\\\">sell<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">He chose it.<span style=\\\"display:none;\\\">choose<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Alex learned it.<span style=\\\"display:none;\\\">wont<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Mom wrote it.<span style=\\\"display:none;\\\">write<\\\/span><\\\/p>\\n<\/p>\n<p class=\\\"en\\\">Dad drank it.<span style=\\\"display:none;\\\">drink<\\\/span><\\\/p>\\n<\\\/div>\\n\\n<\/p>\n<div id=\\\"list_ru\\\">\n<p class=\\\"ru\\\">\\u042f \\u0441\\u043a\\u0430\\u0437\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0414\\u0436\\u0443\\u043b\\u0438\\u0430\\u043d\\u043e \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0422\\u044b \\u043d\\u0430\\u0448\\u0435\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0430 \\u0432\\u0438\\u0434\\u0435\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u044b \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e (\\u043c\\u044b \\u043f\\u043e\\u043d\\u044f\\u043b\\u0438).<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0438 \\u043a\\u0443\\u043f\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041a\\u0435\\u0439\\u0442 \\u0432\\u0437\\u044f\\u043b\\u0430 \\u0435\\u0433\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u042f \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0422\\u043e\\u043c \\u043f\\u0440\\u043e\\u0447\\u0438\\u0442\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u044b \\u0437\\u043d\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u0430\\u0439\\u043a \\u0438 \\u041a\\u0435\\u0439\\u0442 \\u043f\\u043e\\u043a\\u0430\\u0437\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u042f \\u0438 \\u041d\\u0438\\u043a\\u0438 \\u0432\\u044b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d\\u0430 \\u043f\\u0440\\u043e\\u0434\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041e\\u043d \\u0432\\u044b\\u0431\\u0440\\u0430\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u0410\\u043b\\u0435\\u043a\\u0441 \\u0432\\u044b\\u0443\\u0447\\u0438\\u043b \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041c\\u0430\\u043c\\u0430 \\u043d\\u0430\\u043f\\u0438\\u0441\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.<\\\/p>\\n<\/p>\n<p class=\\\"ru\\\">\\u041f\\u0430\\u043f\\u0430 \\u0432\\u044b\\u043f\\u0438\\u043b \\u044d\\u0442\\u043e.<\\\/p> \\n<\\\/div>\",\"margin\":\"default\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<button class=\\\"uk-button uk-button-danger uk-button-small\\\" onclick=\\\"toggleFilter()\\\">Filter<\\\/button>\\n<button class=\\\"uk-button uk-button-primary uk-button-small\\\" onclick=\\\"showAllRows()\\\">Show All<\\\/button>\\n\\n\"},\"name\":\"button Filter\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"filter-block\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-hover uk-table-middle uk-table-divider\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-shrink\\\"><\\\/th><\/p>\n<th class=\\\"uk-table-shrink\\\"><\\\/th> <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Negative + positive<\\\/th><\\\/tr><\\\/thead>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>1<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"1\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-1\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text1\\\" data-original-text=\\\"I didn't say it.\\\" data-new-text=\\\"\\u042f \\u043d\\u0435 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I didn't say it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>2<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"2\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-2\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text2\\\" data-original-text=\\\"Giuliano didn't do it.\\\" data-new-text=\\\"\\u0414\\u0436\\u0443\\u043b\\u0438\\u0430\\u043d\\u043e \\u043d\\u0435 \\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Giuliano didn't do it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>3<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"3\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-3\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text3\\\" data-original-text=\\\"You didn't find it.\\\" data-new-text=\\\"\\u0412\\u044b \\u043d\\u0435 \\u043d\\u0430\\u0448\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">You didn't find it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>4<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"4\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-4\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text4\\\" data-original-text=\\\"She didn't see it.\\\" data-new-text=\\\"\\u041e\\u043d\\u0430 \\u043d\\u0435 \\u0432\\u0438\\u0434\\u0435\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">She didn't see it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>5<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"5\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-5\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text5\\\" data-original-text=\\\"We didn't get it.\\\" data-new-text=\\\"\\u041c\\u044b \\u043d\\u0435 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">We didn't get it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>6<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"6\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-6\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text6\\\" data-original-text=\\\"They didn't buy it.\\\" data-new-text=\\\"\\u041e\\u043d\\u0438 \\u043d\\u0435 \\u043a\\u0443\\u043f\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">They didn't buy it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>7<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"7\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-7\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text7\\\" data-original-text=\\\"Kate didn't take it.\\\" data-new-text=\\\"\\u041a\\u0435\\u0439\\u0442 \\u043d\\u0435 \\u0431\\u0440\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Kate didn't take it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>8<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"8\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-8\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text8\\\" data-original-text=\\\"I didn't make it.\\\" data-new-text=\\\"\\u042f \\u043d\\u0435 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I didn't make it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>9<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"9\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-9\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text9\\\" data-original-text=\\\"Tom didn't read it.\\\" data-new-text=\\\"\\u0422\\u043e\\u043c \\u043d\\u0435 \\u0447\\u0438\\u0442\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Tom didn't read it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>10<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"10\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-10\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text10\\\" data-original-text=\\\"We didn't know it.\\\" data-new-text=\\\"\\u041c\\u044b \\u043d\\u0435 \\u0437\\u043d\\u0430\\u043b\\u0438 \\u043e\\u0431 \\u044d\\u0442\\u043e\\u043c.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">We didn't know it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>11<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"11\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-11\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text11\\\" data-original-text=\\\"Mike and Kate didn't show it.\\\" data-new-text=\\\"\\u041c\\u0430\\u0439\\u043a \\u0438 \\u041a\\u0435\\u0439\\u0442 \\u043d\\u0435 \\u043f\\u043e\\u043a\\u0430\\u0437\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Mike and Kate didn't show it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>12<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"12\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-12\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text12\\\" data-original-text=\\\"Nicki and I didn't learn it.\\\" data-new-text=\\\"\\u041d\\u0438\\u043a\\u0438 \\u0438 \\u044f \\u043d\\u0435 \\u0432\\u044b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Nicki and I didn't learn it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>13<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"13\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-13\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text13\\\" data-original-text=\\\"She didn't sell it.\\\" data-new-text=\\\"\\u041e\\u043d\\u0430 \\u043d\\u0435 \\u043f\\u0440\\u043e\\u0434\\u0430\\u0432\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">She didn't sell it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>14<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"14\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-14\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text14\\\" data-original-text=\\\"He didn't choose it.\\\" data-new-text=\\\"\\u041e\\u043d \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">He didn't choose it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>15<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"15\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-15\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text15\\\" data-original-text=\\\"Alex didn't wont it.\\\" data-new-text=\\\"\\u0410\\u043b\\u0435\\u043a\\u0441 \\u043d\\u0435 \\u0445\\u043e\\u0442\\u0435\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Alex didn't wont it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>16<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"16\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-16\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text16\\\" data-original-text=\\\"Mom didn't write it.\\\" data-new-text=\\\"\\u041c\\u0430\\u043c\\u0430 \\u043d\\u0435 \\u043f\\u0438\\u0441\\u0430\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Mom didn't write it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>17<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"17\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-17\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text17\\\" data-original-text=\\\"Dad didn't drink it.\\\" data-new-text=\\\"\\u041f\\u0430\\u043f\\u0430 \\u043d\\u0435 \\u043f\\u0438\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Dad didn't drink it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>18<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"18\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-18\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text18\\\" data-original-text=\\\"I said it.\\\" data-new-text=\\\"\\u042f \\u0441\\u043a\\u0430\\u0437\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I said it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>19<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"19\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-19\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text19\\\" data-original-text=\\\"Giuliano did it.\\\" data-new-text=\\\"\\u0414\\u0436\\u0443\\u043b\\u0438\\u0430\\u043d\\u043e \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Giuliano did it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>20<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"20\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-20\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text20\\\" data-original-text=\\\"You found it.\\\" data-new-text=\\\"\\u0422\\u044b \\u043d\\u0430\\u0448\\u0435\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">You found it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>21<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"21\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-21\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text21\\\" data-original-text=\\\"She saw it.\\\" data-new-text=\\\"\\u041e\\u043d\\u0430 \\u0432\\u0438\\u0434\\u0435\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">She saw it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>22<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"22\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-22\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text22\\\" data-original-text=\\\"We got it.\\\" data-new-text=\\\"\\u041c\\u044b \\u043f\\u043e\\u043b\\u0443\\u0447\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e (\\u043c\\u044b \\u043f\\u043e\\u043d\\u044f\\u043b\\u0438).\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">We got it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>23<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"23\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-23\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text23\\\" data-original-text=\\\"They bought it.\\\" data-new-text=\\\"\\u041e\\u043d\\u0438 \\u043a\\u0443\\u043f\\u0438\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">They bought it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>24<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"24\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-24\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text24\\\" data-original-text=\\\"Kate took it.\\\" data-new-text=\\\"\\u041a\\u0435\\u0439\\u0442 \\u0432\\u0437\\u044f\\u043b\\u0430 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Kate took it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>25<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"25\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-25\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text25\\\" data-original-text=\\\"I made it.\\\" data-new-text=\\\"\\u042f \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I made it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>26<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"26\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-26\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text26\\\" data-original-text=\\\"Tom read it.\\\" data-new-text=\\\"\\u0422\\u043e\\u043c \\u043f\\u0440\\u043e\\u0447\\u0438\\u0442\\u0430\\u043b \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Tom read it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>27<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"27\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-27\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text27\\\" data-original-text=\\\"We knew it.\\\" data-new-text=\\\"\\u041c\\u044b \\u0437\\u043d\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">We knew it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tbody>\n<tr>\n<td><span style=\\\"font-size: 13pt;\\\"><em>28<\\\/em><\\\/span><\\\/td> <\/p>\n<td>\n<div class=\\\"checkbox-block\\\" data-checkbox-id=\\\"28\\\" style=\\\"text-align: left;\\\"> <input class=\\\"uk-checkbox filter-checkbox\\\" type=\\\"checkbox\\\" id=\\\"checkbox-28\\\" \\\/> <\\\/div> <\\\/td> <\/p>\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-D\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\" ><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text28\\\" data-original-text=\\\"Mike and Kate showed it.\\\" data-new-text=\\\"\\u041c\\u0430\\u0439\\u043a \\u0438 \\u041a\\u0435\\u0439\\u0442 \\u043f\\u043e\\u043a\\u0430\\u0437\\u0430\\u043b\\u0438 \\u044d\\u0442\\u043e.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Mike and Kate showed it.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n<\\\/tbody><\\\/table><\\\/div>\",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<script>\\n        document.addEventListener('DOMContentLoaded', function() {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u043f\\u0435\\u0440\\u0435\\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0438 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n            var checkboxBlocks = document.querySelectorAll('.checkbox-block');\\n            checkboxBlocks.forEach(function(block) {\\n                var checkboxId = block.getAttribute('data-checkbox-id');\\n                var checkboxState = localStorage.getItem('checkbox' + checkboxId + 'State') === 'true';\\n                var checkbox = block.querySelector('input[type=\\\"checkbox\\\"]');\\n                if (checkbox) {\\n                    checkbox.checked = checkboxState;\\n                    checkbox.addEventListener('change', function(event) {\\n                        var isChecked = event.target.checked;\\n                        \\\/\\\/ \\u0421\\u043e\\u0445\\u0440\\u0430\\u043d\\u044f\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\u0432 localStorage\\n                        localStorage.setItem('checkbox' + checkboxId + 'State', isChecked);\\n                    });\\n                }\\n            });\\n        });\\n    <\\\/script>\"},\"name\":\"Script checkbox\"},{\"type\":\"html\",\"props\":{\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\\n\"},\"name\":\"\\u041f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0447\\u0438\\u0432\\u0430\\u0435\\u0442\\u0441\\u044f \\u0438\\u043a\\u043e\\u043d\\u043a\\u0430\"},{\"type\":\"html\",\"props\":{\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\"},\"name\":\"\\u0421\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 \\u043c\\u0435\\u043b\\u043a\\u0438\\u0439 - ru\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n        function speakText(textToSpeak, voice) {\\n            \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u0438\\u0442\\u0435 'YOUR_GOOGLE_API_KEY' \\u043d\\u0430 \\u0432\\u0430\\u0448 \\u0440\\u0435\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043a\\u043b\\u044e\\u0447 API\\n            var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n            \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n            if ('speechSynthesis' in window) {\\n                \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n                fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                    method: 'POST',\\n                    headers: {\\n                        'Content-Type': 'application\\\/json',\\n                    },\\n                    body: JSON.stringify({\\n                        input: {\\n                            text: textToSpeak,\\n                        },\\n                        voice: {\\n                            languageCode: 'en-GB',\\n                            name: voice,\\n                            ssmlGender: 'FEMALE',\\n                        },\\n                        audioConfig: {\\n                            audioEncoding: 'LINEAR16',\\n                        },\\n                    }),\\n                })\\n                    .then(response => response.json())\\n                    .then(data => {\\n                        \\\/\\\/ \\u0412\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0441 \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435\\u043c Web Speech API\\n                        var audio = new Audio('data:audio\\\/wav;base64,' + data.audioContent);\\n                        audio.play();\\n                    })\\n                    .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430:', error));\\n            } else {\\n                console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n        $('.speakButton').on('click', function () {\\n            var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n            var voice = $(this).closest('.speech-container').data('voice');\\n            speakText(textToSpeak, voice);\\n        });\\n    });\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0421\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \\\"\\u041e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0442\\u044c \\u0442\\u0435\\u043a\\u0441\\u0442\\\" \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<script src=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/uikit@3.12.0\\\/dist\\\/js\\\/uikit.min.js\\\"><\\\/script>\\n<script src=\\\"https:\\\/\\\/cdn.jsdelivr.net\\\/npm\\\/uikit@3.12.0\\\/dist\\\/js\\\/uikit-icons.min.js\\\"><\\\/script>\\n<script>\\n    function toggleFilter() {\\n        var checkboxes = document.querySelectorAll('.filter-checkbox');\\n\\n        checkboxes.forEach(function (checkbox) {\\n            var filterBlock = checkbox.closest('tr');\\n\\n            if (checkbox.checked) {\\n                filterBlock.style.display = 'none';\\n            } else {\\n                filterBlock.style.display = 'table-row';\\n            }\\n        });\\n    }\\n\\n    function showAllRows() {\\n        var rows = document.querySelectorAll('.filter-block table tbody tr');\\n\\n        rows.forEach(function (row) {\\n            row.style.display = 'table-row';\\n        });\\n    }\\n<\\\/script>\\n\"},\"name\":\"script FILTER table\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"https:\\\/\\\/docs.google.com\\\/spreadsheets\\\/d\\\/12QGs8TEzBnW99bRQJvM_SXcxXUjnLDKgd5583edqOAc\\\/edit#gid=2091916432\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"Link \\u043d\\u0430 tab\"}]}]}]}]}]}]}],\"version\":\"4.3.8\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PAGES: 20 TO 21 &nbsp;select all &nbsp;say &nbsp;do &nbsp;find &nbsp;see &nbsp;get &nbsp;buy &nbsp;take &nbsp;make &nbsp;read &nbsp;know &nbsp;show &nbsp;learn &nbsp;sell &nbsp;choose &nbsp;wont &nbsp;write &nbsp;drink 2 sec5 sec7 sec I didn&#8217;t say it.say Giuliano didn&#8217;t do it.do You didn&#8217;t find it.find She didn&#8217;t see it.see We didn&#8217;t get it.get They didn&#8217;t buy it.buy Kate didn&#8217;t take it.take [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-998","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":132,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/998\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/998\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/media?parent=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}