{"id":4036,"date":"2024-11-01T18:31:46","date_gmt":"2024-11-01T17:31:46","guid":{"rendered":"https:\/\/itsiller-software.com\/?page_id=4036"},"modified":"2024-11-02T19:08:49","modified_gmt":"2024-11-02T18:08:49","slug":"topic-2","status":"publish","type":"page","link":"https:\/\/itsiller-software.com\/index.php\/topic-2\/","title":{"rendered":"Topic: 2"},"content":{"rendered":"<div>\n<div class=\"uk-margin\"> <!-- Toggle buttons combined --> <button id=\"translation-button\" class=\"uk-button uk-button-primary uk-button-small toggle-button\" uk-icon=\"icon: world\" onclick=\"handleTranslationToggle()\"><\/button> <button id=\"ToggleRandom\" class=\"uk-button uk-button-primary uk-button-small\" uk-icon=\"icon: settings\"><\/button> <!-- Dropdown select --> <\/p>\n<div class=\"uk-inline\"> <button id=\"Select\" class=\"uk-button uk-button-default uk-button-small uk-width-auto\" type=\"button\"> <span uk-icon=\"icon: triangle-down\"><\/span> <\/button> <\/p>\n<div uk-dropdown=\"mode: click; pos: bottom-right;\">\n<div class=\"uk-overflow-auto\" style=\"white-space: nowrap;\">\n<ul class=\"uk-list\">\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"selectAll1\">&nbsp;select all <\/label> <\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select1\" value=\"1\">&nbsp; Sources suggest to me<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select2\" value=\"1\">&nbsp; The chancellor says<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select3\" value=\"1\">&nbsp; Budget of blame<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select4\" value=\"1\">&nbsp; fair deal<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select5\" value=\"1\">&nbsp; And so it is also a Budget of blame.<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select6\" value=\"1\">&nbsp; Will get an immediate injection.<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select7\" value=\"1\">&nbsp; A spending review.<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select8\" value=\"1\">&nbsp; The revenue raised by tax rises<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select9\" value=\"1\">&nbsp; The bill for all businesses is likely to rise.<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select10\" value=\"1\">&nbsp; Would otherwise have been the case.<\/label><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Content, text --> <\/p>\n<div class=\"filterBlock1\" id=\"filterBlock1\n\" style=\"display: table; width: 100%;\"> <\/p>\n<table class=\"uk-table uk-table-middle\">\n<thead>\n<tr>\n<th class=\"uk-table-expand uk-text-success\">Topic: 1<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr id=\"row1\">\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-original-text=\"Sources suggest to me\" data-new-text=\" \u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0438 \u043c\u043d\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Sources suggest to me<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row2\" style=\"display: none;\">\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-original-text=\"The chancellor says\" data-new-text=\" \u041a\u0430\u043d\u0446\u043b\u0435\u0440 \u0433\u043e\u0432\u043e\u0440\u0438\u0442.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">The chancellor says<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row3\" style=\"display: none;\">\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-original-text=\"Budget of blame\" data-new-text=\" \u0411\u044e\u0434\u0436\u0435\u0442 \u0432\u0438\u043d\u043e\u0432\u0430\u0442\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Budget of blame<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row4\" style=\"display: none;\">\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-original-text=\"fair deal\" data-new-text=\" \u0441\u043f\u0440\u0430\u0432\u0435\u0434\u043b\u0438\u0432\u0430\u044f \u0441\u0434\u0435\u043b\u043a\u0430\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">fair deal<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row5\" style=\"display: none;\">\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-original-text=\"And so it is also a Budget of blame.\" data-new-text=\" \u0418 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u0431\u044e\u0434\u0436\u0435\u0442 \u0432\u0438\u043d\u044b.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">And so it is also a Budget of blame.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row6\" style=\"display: none;\">\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-original-text=\"Will get an immediate injection.\" data-new-text=\" \u0411\u0443\u0434\u0443\u0442 \u0441\u0434\u0435\u043b\u0430\u043d\u044b \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u044b\u0435 \u0432\u043b\u0438\u0432\u0430\u043d\u0438\u044f.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Will get an immediate injection.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row7\" style=\"display: none;\">\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-original-text=\"A spending review.\" data-new-text=\" \u041f\u0435\u0440\u0435\u0441\u043c\u043e\u0442\u0440 \u0440\u0430\u0441\u0445\u043e\u0434\u043e\u0432.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">A spending review.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row8\" style=\"display: none;\">\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-original-text=\"The revenue raised by tax rises\" data-new-text=\" \u0414\u043e\u0445\u043e\u0434\u044b, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u043e\u0442 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u043b\u043e\u0433\u043e\u0432.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">The revenue raised by tax rises<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row9\" style=\"display: none;\">\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-original-text=\"The bill for all businesses is likely to rise.\" data-new-text=\" \u0421\u0447\u0435\u0442 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0439, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">The bill for all businesses is likely to rise.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row10\" style=\"display: none;\">\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-original-text=\"Would otherwise have been the case.\" data-new-text=\" \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0442\u0430\u043a.\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">Would otherwise have been the case.<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><!-- Next one button --><button id=\"nextOne1\" class=\"uk-button uk-button-secondary uk-button-small\" uk-icon=\"icon: forward\">Next one<\/button><\/div>\n<div><script>\n    let isTranslated = false;\n    let isRandomActive = false;\n    let currentIndex = 0;\n    let selectedRows = [];\n    let randomOrder = []; \/\/ \u043c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0430<\/p>\n<p>    function handleTranslationToggle() {\n        const translationButton = document.getElementById('translation-button');\n        const toggleTextElements = document.querySelectorAll('.toggle-text');<\/p>\n<p>        if (isTranslated) {\n            translationButton.classList.remove('uk-button-danger');\n            translationButton.classList.add('uk-button-primary');\n            toggleTextElements.forEach(el => {\n                el.textContent = el.getAttribute('data-original-text');\n            });\n        } else {\n            translationButton.classList.remove('uk-button-primary');\n            translationButton.classList.add('uk-button-danger');\n            toggleTextElements.forEach(el => {\n                el.textContent = el.getAttribute('data-new-text');\n            });\n        }\n        isTranslated = !isTranslated;\n    }<\/p>\n<p>    function handleRandomToggle() {\n        const randomButton = document.getElementById('ToggleRandom');\n        isRandomActive = !isRandomActive;<\/p>\n<p>        if (isRandomActive) {\n            randomButton.classList.remove('uk-button-primary');\n            randomButton.classList.add('uk-button-danger');\n            generateRandomOrder();\n        } else {\n            randomButton.classList.remove('uk-button-danger');\n            randomButton.classList.add('uk-button-primary');\n            currentIndex = 0; \/\/ \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0438\u043d\u0434\u0435\u043a\u0441\n        }\n    }<\/p>\n<p>    function generateRandomOrder() {\n        randomOrder = [...selectedRows];\n        for (let i = randomOrder.length - 1; i > 0; i--) {\n            const j = Math.floor(Math.random() * (i + 1));\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\n        }\n        currentIndex = 0; \/\/ \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0438\u043d\u0434\u0435\u043a\u0441 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0430\n    }<\/p>\n<p>    function displayCurrentRow() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        rows.forEach(row => row.style.display = \"none\");<\/p>\n<p>        if (selectedRows.length > 0) {\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\n            rows[rowIndex].style.display = \"table-row\";\n        }\n    }<\/p>\n<p>    function goToNextRow() {\n        if (selectedRows.length > 0) {\n            currentIndex = (currentIndex + 1) % selectedRows.length;\n            displayCurrentRow();\n        }\n    }<\/p>\n<p>    function updateSelectedRows() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\n        selectedRows = [];<\/p>\n<p>        checkboxes.forEach((checkbox, index) => {\n            if (checkbox.checked && checkbox !== document.getElementById(\"selectAll1\")) {\n                selectedRows.push(index - 1);\n            }\n        });<\/p>\n<p>        if (isRandomActive) {\n            generateRandomOrder();\n        }<\/p>\n<p>        if (selectedRows.length > 0) {\n            currentIndex = 0;\n            displayCurrentRow();\n        } else {\n            rows.forEach(row => row.style.display = \"none\");\n        }\n    }<\/p>\n<p>    document.addEventListener(\"DOMContentLoaded\", function() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\n        const selectAllCheckbox = document.getElementById(\"selectAll1\");<\/p>\n<p>        \/\/ \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\n        selectAllCheckbox.checked = true;\n        checkboxes.forEach(checkbox => checkbox.checked = true);\n        updateSelectedRows();<\/p>\n<p>        \/\/ \u0421\u043e\u0431\u044b\u0442\u0438\u044f \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u0438 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\n        document.getElementById(\"nextOne1\").addEventListener(\"click\", goToNextRow);\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);<\/p>\n<p>        selectAllCheckbox.addEventListener(\"change\", function() {\n            const isChecked = selectAllCheckbox.checked;\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\n            updateSelectedRows();\n        });<\/p>\n<p>        checkboxes.forEach(checkbox => {\n            checkbox.addEventListener(\"change\", function() {\n                if (!this.checked) selectAllCheckbox.checked = false;\n                updateSelectedRows();\n            });\n        });\n    });\n<\/script><\/div>\n<div><script><\/p>\n<p>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        \/\/ \u0412\u0430\u0448 \u043a\u043b\u044e\u0447 Google 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: 'MP3', \/\/ \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e \u043d\u0430 MP3 \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438\n                    },\n                }),\n            })\n                .then(response => response.json())\n                .then(data => {\n                    if (data.audioContent) {\n                        \/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 base64 \u0432 \u0430\u0443\u0434\u0438\u043e \u0438 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435\n                        var audio = new Audio('data:audio\/mp3;base64,' + data.audioContent);\n                        audio.play();\n                    } else {\n                        console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0430\u0443\u0434\u0438\u043e\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043e\u0442 Google Text-to-Speech API');\n                    }\n                })\n                .catch(error => console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a Google Text-to-Speech API:', 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});<\/p>\n<p><\/script><\/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<style>\n    \/* \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c *\/\n.speech-container {\n  height: 2cm; \/* \u0412\u044b\u0441\u043e\u0442\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 2 \u0441\u043c *\/\n}<\/p>\n<\/style>\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>\n<h3>Lincs<\/h3>\n<div>\n<ul class=\"uk-list uk-list-collapse uk-list-disc uk-list-primary\">\n<li><a href=\"\/index.php\/topic-1\/\">Topic: 1<\/a><\/li>\n<li><a href=\"\/index.php\/topic-2\/\">Topic: 2<\/a><\/li>\n<li><a href=\"\/index.php\/topic-3\/\">Topic: 3<\/a><\/li>\n<li>Topic: 4<\/li>\n<li>Topic: 5<\/li>\n<li>Topic: 6<\/li>\n<li>Topic: 7<\/li>\n<li>Topic: 8<\/li>\n<li>Topic: 9<\/li>\n<li>Topic: 10<\/li>\n<\/ul>\n<\/div>\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\":\"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\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\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-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\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-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\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-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\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-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\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-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\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-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\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-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\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-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\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-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\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-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>&#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>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = []; \\\/\\\/ \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\n        }\\n    }\\n\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0434\\u043b\\u044f \\u043d\\u043e\\u0432\\u043e\\u0433\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    }\\n\\n    function displayCurrentRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    function updateSelectedRows() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        selectedRows = [];\\n\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== document.getElementById(\\\"selectAll1\\\")) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0421\\u043e\\u0431\\u044b\\u0442\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u0438 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", goToNextRow);\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n    });\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(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        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google 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: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', 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\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"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>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    \\\/* \\u0421\\u0442\\u0438\\u043b\\u044c \\u0434\\u043b\\u044f \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 \\u0441 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u043c *\\\/\\n.speech-container {\\n  height: 2cm; \\\/* \\u0412\\u044b\\u0441\\u043e\\u0442\\u0430 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 2 \\u0441\\u043c *\\\/\\n}\\n\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"CSS \\u0412\\u044b\\u0441\\u043e\\u0442\\u0430 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 2 \\u0441\\u043c\"}]}]},{\"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\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"accordion\",\"props\":{\"collapsible\":true,\"content_column_breakpoint\":\"m\",\"content_margin\":\"remove\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"\",\"image_svg_inline\":true,\"link_size\":\"small\",\"link_style\":\"primary\",\"link_text\":\"Read more\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"accordion_item\",\"props\":{\"content\":\"<\/p>\n<ul class=\\\"uk-list uk-list-collapse uk-list-disc uk-list-primary\\\">\\n<\/p>\n<li><a href=\\\"index.php\\\/topic-1\\\/\\\">Topic: 1<\\\/a><\\\/li>\\n\n<li><a href=\\\"index.php\\\/topic-2\\\/\\\">Topic: 2<\\\/a><\\\/li>\\n\n<li><a href=\\\"index.php\\\/topic-3\\\/\\\">Topic: 3<\\\/a><\\\/li>\\n\n<li>Topic: 4<\\\/li>\\n\n<li>Topic: 5<\\\/li>\\n\n<li>Topic: 6<\\\/li>\\n\n<li>Topic: 7<\\\/li>\\n\n<li>Topic: 8<\\\/li>\\n\n<li>Topic: 9<\\\/li>\\n\n<li>Topic: 10<\\\/li>\\n<\\\/ul>\",\"title\":\"Lincs\"}}]}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]}]}]}]}],\"version\":\"4.3.8\"} --><br \/>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;select all &nbsp; Sources suggest to me &nbsp; The chancellor says &nbsp; Budget of blame &nbsp; fair deal &nbsp; And so it is also a Budget of blame. &nbsp; Will get an immediate injection. &nbsp; A spending review. &nbsp; The revenue raised by tax rises &nbsp; The bill for all businesses is likely to rise. [&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-4036","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/4036","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=4036"}],"version-history":[{"count":6,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/4036\/revisions"}],"predecessor-version":[{"id":4154,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/4036\/revisions\/4154"}],"wp:attachment":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/media?parent=4036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}