{"id":946,"date":"2024-04-25T11:04:07","date_gmt":"2024-04-25T10:04:07","guid":{"rendered":"https:\/\/itsiller-software.com\/?page_id=946"},"modified":"2024-11-15T18:55:49","modified_gmt":"2024-11-15T17:55:49","slug":"pages-12-to-13","status":"publish","type":"page","link":"https:\/\/itsiller-software.com\/index.php\/pages-12-to-13\/","title":{"rendered":"Pages: 12 to 13"},"content":{"rendered":"<div>Pages: 12 to 13<\/div>\n<div><button class=\"uk-button uk-button-primary uk-button-small toggle-button\" uk-icon=\"icon: settings\" onclick=\"toggleTranslation()\"><\/button><\/div>\n<div>\n<div class=\"filter-block\">\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<p class=\"toggle-text\" data-type=\"text1\" data-original-text=\"Whether'tis nobler\" data-new-text=\"\u0427\u0442\u043e \u0431\u043b\u0430\u0433\u043e\u0440\u043e\u0434\u043d\u0435\u0435\" style=\"font-size: 13pt; margin: 0;\">Whether&#8217;tis nobler<\/p>\n<div class=\"speakButtonContainer\">\n            <button class=\"speakButton\" style=\"background: none; border: none; padding: 0;\"><br \/>\n                <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a><br \/>\n            <\/button>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<div><script>\nlet isTranslated = false; \/\/ \u0424\u043b\u0430\u0433 \u0434\u043b\u044f \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430<\/p>\n<p>function toggleTranslation() {\n    const translationButtons = document.querySelectorAll('.toggle-button');<\/p>\n<p>    if (isTranslated) {\n        \/\/ \u0412\u0435\u0440\u043d\u0443\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\n        translationButtons.forEach(button => {\n            button.classList.remove('uk-button-danger'); \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\n            button.classList.add('uk-button-primary'); \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0432\u0435\u0442\n        });<\/p>\n<p>        \/\/ \u0412\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u044b \u043a \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044e\n        document.querySelectorAll('.toggle-text').forEach(el => {\n            el.innerHTML = el.getAttribute('data-original-text');\n        });\n    } else {\n        \/\/ \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0435 \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\n        translationButtons.forEach(button => {\n            button.classList.remove('uk-button-primary'); \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0432\u0435\u0442\n            button.classList.add('uk-button-danger'); \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\n        });<\/p>\n<p>        \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u043e\u0434\n        document.querySelectorAll('.toggle-text').forEach(el => {\n            el.innerHTML = el.getAttribute('data-new-text');\n        });\n    }<\/p>\n<p>    \/\/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\n    isTranslated = !isTranslated;\n}<\/p>\n<p><\/script><\/div>\n<div>\n<div class=\"filter-block\"><span class=\"text-between\">Text text text text <\/span><!-- \u0422\u0435\u043a\u0441\u0442 \u043f\u0435\u0440\u0435\u0434 \u043f\u0435\u0440\u0432\u044b\u043c \u0431\u043b\u043e\u043a\u043e\u043c --><\/p>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<p class=\"toggle-text\" data-type=\"text1\" data-original-text=\"Whether'tis nobler\" data-new-text=\"\u0427\u0442\u043e \u0431\u043b\u0430\u0433\u043e\u0440\u043e\u0434\u043d\u0435\u0435\" style=\"font-size: 13pt; margin: 0;\">Whether&#8217;tis nobler<\/p>\n<div class=\"speakButtonContainer\"><button class=\"speakButton\" style=\"background: none; border: none; padding: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button><\/div>\n<\/div>\n<p><span class=\"text-between\">text text text text text<\/span><!-- \u0422\u0435\u043a\u0441\u0442 \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 --><\/p>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<p class=\"toggle-text\" data-type=\"text2\" data-original-text=\"in the mind to suffer\" data-new-text=\"\u0432 \u0434\u0443\u0448\u0435 \u0442\u0435\u0440\u043f\u0435\u0442\u044c\" style=\"font-size: 13pt; margin: 0;\">in the mind to suffer<\/p>\n<div class=\"speakButtonContainer\"><button class=\"speakButton\" style=\"background: none; border: none; padding: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button><\/div>\n<\/div>\n<p><span class=\"text-between\">Text text text text text text text <\/span><!-- \u0422\u0435\u043a\u0441\u0442 \u043f\u043e\u0441\u043b\u0435 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 --><\/div>\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        $('.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>\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<style>\n    .speakButtonContainer {\n        flex-shrink: 0; \/* \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c *\/\n    }<\/p>\n<p>    .speakButtonContainer:hover .uk-icon-link {\n        color: #ff6600; \/* \u0426\u0432\u0435\u0442 \u0438\u043a\u043e\u043d\u043a\u0438 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n    }<\/p>\n<p>    .speakButtonContainer .uk-icon-link {\n        width: 16px; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0438\u043a\u043e\u043d\u043a\u0438 *\/\n        height: 16px; \/* \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0435 \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u0432\u044b\u0441\u043e\u0442\u044b *\/\n    }<\/p>\n<p>    .filter-block {\n        display: flex;\n        width: 100%;\n        align-items: center;\n        gap: 0px; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 *\/\n    }<\/p>\n<p>    .speech-container {\n        display: flex;\n        align-items: center;\n        margin: 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043c\u0435\u0436\u0434\u0443 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430\u043c\u0438 *\/\n    }\n<\/style>\n<\/div>\n<div>\n<style>\n    .speakButtonContainer .uk-icon-link {\n        width: 15px; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0438\u043a\u043e\u043d\u043a\u0438 *\/\n        height: 15px; \/* \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0435 \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435 \u0432\u044b\u0441\u043e\u0442\u044b *\/\n    }<\/p>\n<p>    .filter-block {\n        display: inline-flex; \/* \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 *\/\n        align-items: center;\n        flex-wrap: wrap; \/* \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 *\/\n        width: 100%; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u0431\u043b\u043e\u043a\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u044d\u043a\u0440\u0430\u043d *\/\n    }<\/p>\n<p>    .text-between {\n        margin:5px; \/* \u041f\u0440\u043e\u0431\u0435\u043b\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 *\/\n        font-size: 13pt; \/* \u0422\u043e\u0442 \u0436\u0435 \u0440\u0430\u0437\u043c\u0435\u0440 \u0448\u0440\u0438\u0444\u0442\u0430, \u0447\u0442\u043e \u0438 \u0443 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0431\u043b\u043e\u043a\u0430\u0445 *\/\n        color: hsl(209, 50%, 29%);\n        word-break: break-word; \/* \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u0441\u043b\u043e\u0432 \u043d\u0430 \u043d\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 *\/\n        white-space: normal; \/* \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0443 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c\u0441\u044f *\/\n        display: inline; \/* \u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f inline \u0434\u043b\u044f \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 *\/\n    }<\/p>\n<p>    \/* \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0440\u044b\u0432\u0430 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0438 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 *\/\n.speakButtonContainer {\n    margin-left: 2px; \/* \u0423\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u043c \u0440\u0430\u0437\u0440\u044b\u0432 \u043f\u0435\u0440\u0435\u0434 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 *\/\n    margin-right: -4px; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0430\u0437\u0440\u044b\u0432 \u043f\u043e\u0441\u043b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 *\/<\/p>\n<p>}\n<\/style>\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: 12 to 13\",\"margin\":\"default\"}},{\"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\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: settings\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f EN \\u043d\\u0430 RU\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\\n\n\n<div class=\\\"filter-block\\\">\\n   \\n    \n\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n        \n\n<p class=\\\"toggle-text\\\" data-type=\\\"text1\\\" data-original-text=\\\"Whether'tis nobler\\\" data-new-text=\\\"\\u0427\\u0442\\u043e \\u0431\\u043b\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0435\\u0435\\\" style=\\\"font-size: 13pt; margin: 0;\\\">Whether'tis nobler<\\\/p>\\n        \n\n<div class=\\\"speakButtonContainer\\\">\\n            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\">\\n                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n            <\\\/button>\\n        <\\\/div>\\n    <\\\/div>\\n    \\n    \\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u041e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\nlet isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction toggleTranslation() {\\n    const translationButtons = document.querySelectorAll('.toggle-button');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButtons.forEach(button => {\\n            button.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            button.classList.add('uk-button-primary'); \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        });\\n\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        document.querySelectorAll('.toggle-text').forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButtons.forEach(button => {\\n            button.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            button.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        });\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        document.querySelectorAll('.toggle-text').forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\\n\n\n<div class=\\\"filter-block\\\"><span class=\\\"text-between\\\">Text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u043f\\u0435\\u0440\\u0432\\u044b\\u043c \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c -->\\n<\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n<\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text1\\\" data-original-text=\\\"Whether'tis nobler\\\" data-new-text=\\\"\\u0427\\u0442\\u043e \\u0431\\u043b\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0435\\u0435\\\" style=\\\"font-size: 13pt; margin: 0;\\\">Whether&#8217;tis nobler<\\\/p>\\n<\/p>\n<div class=\\\"speakButtonContainer\\\"><button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button><\\\/div>\\n<\\\/div>\\n<span class=\\\"text-between\\\">text text text text text<\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 -->\\n<\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n<\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text2\\\" data-original-text=\\\"in the mind to suffer\\\" data-new-text=\\\"\\u0432 \\u0434\\u0443\\u0448\\u0435 \\u0442\\u0435\\u0440\\u043f\\u0435\\u0442\\u044c\\\" style=\\\"font-size: 13pt; margin: 0;\\\">in the mind to suffer<\\\/p>\\n<\/p>\n<div class=\\\"speakButtonContainer\\\"><button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button><\\\/div>\\n<\\\/div>\\n<span class=\\\"text-between\\\">Text text text text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0432\\u0442\\u043e\\u0440\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 --><\\\/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;text&#8221;,&#8221;props&#8221;:{&#8220;column_breakpoint&#8221;:&#8221;m&#8221;,&#8221;content&#8221;:&#8221;<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\",\"margin\":\"default\"},\"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\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"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\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0421\\u043e\\u0445\\u0440\\u0430\\u043d\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u0426\\u0432\\u0435\\u0442 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n\\n    .speakButtonContainer .uk-icon-link {\\n        width: 16px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n        height: 16px; \\\/* \\u0421\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0435\\u0435 \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0441\\u043e\\u0442\\u044b *\\\/\\n    }\\n\\n    .filter-block {\\n        display: flex;\\n        width: 100%;\\n        align-items: center;\\n        gap: 0px; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 *\\\/\\n    }\\n\\n    .speech-container {\\n        display: flex;\\n        align-items: center;\\n        margin: 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430\\u043c\\u0438 *\\\/\\n    }\\n<\\\/style>\\n\",\"margin\":\"default\"},\"name\":\"\\u041f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0447\\u0438\\u0432\\u0430\\u0435\\u0442\\u0441\\u044f \\u0438\\u043a\\u043e\\u043d\\u043a\\u0430\"}]}]},{\"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    .speakButtonContainer .uk-icon-link {\\n        width: 15px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n        height: 15px; \\\/* \\u0421\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0435\\u0435 \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0441\\u043e\\u0442\\u044b *\\\/\\n    }\\n\\n    .filter-block {\\n        display: inline-flex; \\\/* \\u042d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u0431\\u0443\\u0434\\u0443\\u0442 \\u0432\\u044b\\u0441\\u0442\\u0440\\u0430\\u0438\\u0432\\u0430\\u0442\\u044c\\u0441\\u044f \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 *\\\/\\n        align-items: center;\\n        flex-wrap: wrap; \\\/* \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u043e\\u0431\\u0445\\u043e\\u0434\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438 *\\\/\\n        width: 100%; \\\/* \\u0428\\u0438\\u0440\\u0438\\u043d\\u0430 \\u0431\\u043b\\u043e\\u043a\\u0430 \\u0430\\u0434\\u0430\\u043f\\u0442\\u0438\\u0440\\u0443\\u0435\\u0442\\u0441\\u044f \\u043f\\u043e\\u0434 \\u044d\\u043a\\u0440\\u0430\\u043d *\\\/\\n    }\\n\\n    .text-between {\\n        margin:5px; \\\/* \\u041f\\u0440\\u043e\\u0431\\u0435\\u043b\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 *\\\/\\n        font-size: 13pt; \\\/* \\u0422\\u043e\\u0442 \\u0436\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440 \\u0448\\u0440\\u0438\\u0444\\u0442\\u0430, \\u0447\\u0442\\u043e \\u0438 \\u0443 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430 \\u0432 \\u0431\\u043b\\u043e\\u043a\\u0430\\u0445 *\\\/\\n        color: hsl(209, 50%, 29%);\\n        word-break: break-word; \\\/* \\u0420\\u0430\\u0437\\u0440\\u0435\\u0448\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441 \\u0441\\u043b\\u043e\\u0432 \\u043d\\u0430 \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 *\\\/\\n        white-space: normal; \\\/* \\u0420\\u0430\\u0437\\u0440\\u0435\\u0448\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442\\u0443 \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441\\u0438\\u0442\\u044c\\u0441\\u044f *\\\/\\n        display: inline; \\\/* \\u042d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u043e\\u0441\\u0442\\u0430\\u0435\\u0442\\u0441\\u044f inline \\u0434\\u043b\\u044f \\u043d\\u043e\\u0440\\u043c\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441\\u0430 *\\\/\\n    }\\n    \\n    \\\/* \\u041e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0434\\u043b\\u044f \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u044f \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432\\u0430 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u043c \\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u043e\\u0439 *\\\/\\n.speakButtonContainer {\\n    margin-left: 2px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u0438\\u043a\\u043e\\u043d\\u043a\\u043e\\u0439 *\\\/\\n    margin-right: -4px; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n    \\n}\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"style \\u0432 \\u043e\\u0434\\u043d\\u043e \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0435\"}]}]}],\"name\":\"script c \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \\u043c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u044f\\u0437\\u044b\\u043a \\u0432\\u0441\\u0435 \\u0432 \\u0441\\u0442\\u0440\\u043e\\u0447\\u043a\\u0443\"}]}]}]},{\"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\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: settings\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f EN \\u043d\\u0430 RU\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\\n\\n\\n\\n\\n\\n<\/p>\n<div class=\\\"filter-block\\\">\\n    <span class=\\\"text-between\\\">Text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u043f\\u0435\\u0440\\u0432\\u044b\\u043c \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c -->\\n    <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n        <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text1\\\" data-original-text=\\\"Whether'tis nobler\\\" data-new-text=\\\"\\u0427\\u0442\\u043e \\u0431\\u043b\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0435\\u0435\\\" style=\\\"font-size: 13pt; margin: 0;\\\">Whether'tis nobler<\\\/p>\\n        <\/p>\n<div class=\\\"speakButtonContainer\\\">\\n            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\">\\n                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n            <\\\/button>\\n        <\\\/div>\\n    <\\\/div>\\n    <span class=\\\"text-between\\\">text text text text text<\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 -->\\n    <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n        <\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text2\\\" data-original-text=\\\"in the mind to suffer\\\" data-new-text=\\\"\\u0432 \\u0434\\u0443\\u0448\\u0435 \\u0442\\u0435\\u0440\\u043f\\u0435\\u0442\\u044c\\\" style=\\\"font-size: 13pt; margin: 0;\\\">in the mind to suffer<\\\/p>\\n        <\/p>\n<div class=\\\"speakButtonContainer\\\">\\n            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\">\\n                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n            <\\\/button>\\n        <\\\/div>\\n    <\\\/div>\\n    <span class=\\\"text-between\\\">Text text text text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0432\\u0442\\u043e\\u0440\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 -->\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u041e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\nlet isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction toggleTranslation() {\\n    const translationButtons = document.querySelectorAll('.toggle-button');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButtons.forEach(button => {\\n            button.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            button.classList.add('uk-button-primary'); \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        });\\n\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        document.querySelectorAll('.toggle-text').forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButtons.forEach(button => {\\n            button.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            button.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        });\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        document.querySelectorAll('.toggle-text').forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\\n<\/p>\n<div class=\\\"filter-block\\\"><span class=\\\"text-between\\\">Text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u043f\\u0435\\u0440\\u0432\\u044b\\u043c \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c -->\\n<\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n<\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text1\\\" data-original-text=\\\"Whether'tis nobler\\\" data-new-text=\\\"\\u0427\\u0442\\u043e \\u0431\\u043b\\u0430\\u0433\\u043e\\u0440\\u043e\\u0434\\u043d\\u0435\\u0435\\\" style=\\\"font-size: 13pt; margin: 0;\\\">Whether'tis nobler<\\\/p>\\n<\/p>\n<div class=\\\"speakButtonContainer\\\"><button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button><\\\/div>\\n<\\\/div>\\n<span class=\\\"text-between\\\">text text text text text<\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 -->\\n<\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n<\/p>\n<p class=\\\"toggle-text\\\" data-type=\\\"text2\\\" data-original-text=\\\"in the mind to suffer\\\" data-new-text=\\\"\\u0432 \\u0434\\u0443\\u0448\\u0435 \\u0442\\u0435\\u0440\\u043f\\u0435\\u0442\\u044c\\\" style=\\\"font-size: 13pt; margin: 0;\\\">in the mind to suffer<\\\/p>\\n<\/p>\n<div class=\\\"speakButtonContainer\\\"><button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button><\\\/div>\\n<\\\/div>\\n<span class=\\\"text-between\\\">Text text text text text text text <\\\/span><!-- \\u0422\\u0435\\u043a\\u0441\\u0442 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0432\\u0442\\u043e\\u0440\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 --><\\\/div>\",\"margin\":\"default\",\"status\":\"disabled\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"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        $('.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\",\"margin\":\"default\"},\"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\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"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\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0421\\u043e\\u0445\\u0440\\u0430\\u043d\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u0426\\u0432\\u0435\\u0442 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n\\n    .speakButtonContainer .uk-icon-link {\\n        width: 16px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n        height: 16px; \\\/* \\u0421\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0435\\u0435 \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0441\\u043e\\u0442\\u044b *\\\/\\n    }\\n\\n    .filter-block {\\n        display: flex;\\n        width: 100%;\\n        align-items: center;\\n        gap: 0px; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 *\\\/\\n    }\\n\\n    .speech-container {\\n        display: flex;\\n        align-items: center;\\n        margin: 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430\\u043c\\u0438 *\\\/\\n    }\\n<\\\/style>\\n\",\"margin\":\"default\"},\"name\":\"\\u041f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0447\\u0438\\u0432\\u0430\\u0435\\u0442\\u0441\\u044f \\u0438\\u043a\\u043e\\u043d\\u043a\\u0430\"}]}]},{\"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    .speakButtonContainer .uk-icon-link {\\n        width: 13px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n        height: 13px; \\\/* \\u0421\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0435\\u0435 \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0441\\u043e\\u0442\\u044b *\\\/\\n    }\\n\\n    .filter-block {\\n        display: inline-flex; \\\/* \\u042d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u0431\\u0443\\u0434\\u0443\\u0442 \\u0432\\u044b\\u0441\\u0442\\u0440\\u0430\\u0438\\u0432\\u0430\\u0442\\u044c\\u0441\\u044f \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 *\\\/\\n        align-items: center;\\n        flex-wrap: wrap; \\\/* \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u043e\\u0431\\u0445\\u043e\\u0434\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438 *\\\/\\n        width: 100%; \\\/* \\u0428\\u0438\\u0440\\u0438\\u043d\\u0430 \\u0431\\u043b\\u043e\\u043a\\u0430 \\u0430\\u0434\\u0430\\u043f\\u0442\\u0438\\u0440\\u0443\\u0435\\u0442\\u0441\\u044f \\u043f\\u043e\\u0434 \\u044d\\u043a\\u0440\\u0430\\u043d *\\\/\\n    }\\n\\n    .text-between {\\n        margin:5px; \\\/* \\u041f\\u0440\\u043e\\u0431\\u0435\\u043b\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u0430\\u043c\\u0438 *\\\/\\n        font-size: 13pt; \\\/* \\u0422\\u043e\\u0442 \\u0436\\u0435 \\u0440\\u0430\\u0437\\u043c\\u0435\\u0440 \\u0448\\u0440\\u0438\\u0444\\u0442\\u0430, \\u0447\\u0442\\u043e \\u0438 \\u0443 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430 \\u0432 \\u0431\\u043b\\u043e\\u043a\\u0430\\u0445 *\\\/\\n        color: hsl(209, 50%, 29%);\\n        word-break: break-word; \\\/* \\u0420\\u0430\\u0437\\u0440\\u0435\\u0448\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441 \\u0441\\u043b\\u043e\\u0432 \\u043d\\u0430 \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 *\\\/\\n        white-space: normal; \\\/* \\u0420\\u0430\\u0437\\u0440\\u0435\\u0448\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442\\u0443 \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441\\u0438\\u0442\\u044c\\u0441\\u044f *\\\/\\n        display: inline; \\\/* \\u042d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442 \\u043e\\u0441\\u0442\\u0430\\u0435\\u0442\\u0441\\u044f inline \\u0434\\u043b\\u044f \\u043d\\u043e\\u0440\\u043c\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043d\\u043e\\u0441\\u0430 *\\\/\\n    }\\n    \\n    \\\/* \\u041e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0434\\u043b\\u044f \\u0443\\u043c\\u0435\\u043d\\u044c\\u0448\\u0435\\u043d\\u0438\\u044f \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432\\u0430 \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u043c \\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u043e\\u0439 *\\\/\\n.speakButtonContainer {\\n    margin-left: -2px; \\\/* \\u0423\\u043c\\u0435\\u043d\\u044c\\u0448\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043f\\u0435\\u0440\\u0435\\u0434 \\u0438\\u043a\\u043e\\u043d\\u043a\\u043e\\u0439 *\\\/\\n    margin-right: -4px; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0440\\u0430\\u0437\\u0440\\u044b\\u0432 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438 *\\\/\\n    \\n}\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"style \\u0432 \\u043e\\u0434\\u043d\\u043e \\u043f\\u0440\\u0435\\u0434\\u043b\\u043e\\u0436\\u0435\\u043d\\u0438\\u0435\"}]}]}],\"name\":\"script c \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \\u043c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u044f\\u0437\\u044b\\u043a \\u0432\\u0441\\u0435 \\u0432 \\u0441\\u0442\\u0440\\u043e\\u0447\\u043a\\u0443\"}]}]}]},{\"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\"}}]}]}],\"version\":\"4.3.8\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pages: 12 to 13 Whether&#8217;tis nobler Text text text text Whether&#8217;tis nobler text text text text text in the mind to suffer Text text text text text text text<\/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-946","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/946","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=946"}],"version-history":[{"count":140,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/946\/revisions"}],"predecessor-version":[{"id":4372,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/946\/revisions\/4372"}],"wp:attachment":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/media?parent=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}