{"id":1413,"date":"2026-05-12T12:42:50","date_gmt":"2026-05-12T12:42:50","guid":{"rendered":"https:\/\/wellbeinginschools.eu\/?page_id=1413"},"modified":"2026-05-12T13:33:53","modified_gmt":"2026-05-12T13:33:53","slug":"in-classroom-activities","status":"publish","type":"page","link":"https:\/\/wellbeinginschools.eu\/sk\/in-classroom-activities\/","title":{"rendered":"V r\u00e1mci triednych aktiv\u00edt"},"content":{"rendered":"<p><div class=\"fusion-bg-parallax\" data-bg-align=\"left center\" data-direction=\"left\" data-mute=\"false\" data-opacity=\"100\" data-velocity=\"-0.4\" data-mobile-enabled=\"false\" data-break_parents=\"0\" data-bg-image=\"https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/library-1-scaled.jpg\" data-bg-repeat=\"false\" ><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background fusion-parallax-left nonhundred-percent-fullwidth non-hundred-percent-height-scrolling lazyload\" style=\"--awb-background-position:left center;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:10%;--awb-padding-right:5%;--awb-padding-bottom:10%;--awb-padding-left:5%;--awb-background-size:cover;--awb-flex-wrap:wrap;\" data-bg=\"https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/library-1-scaled.jpg\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1170px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:30px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-text-color:var(--awb-color1);--awb-margin-top:50px;--awb-margin-bottom:30px;--awb-margin-top-medium:20px;\"><h1 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;text-transform:none;--fontSize:80;line-height:var(--awb-typography1-line-height);\">In classroom activities<\/h1><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:100px;--awb-padding-right:12%;--awb-padding-bottom:115px;--awb-padding-left:12%;--awb-background-color:hsla(var(--awb-color8-h),var(--awb-color8-s),calc( var(--awb-color8-l) + 78% ),var(--awb-color8-a));--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:calc( 100% + 0px ) !important;max-width:calc( 100% + 0px ) !important;margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:30px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;text-transform:capitalize;--fontSize:22;--minFontSize:22;line-height:2.2;\">In classroom activities<\/h3><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px;width:100%;\"><div class=\"fusion-separator-border sep-single\" style=\"--awb-height:20px;--awb-amount:20px;border-color:hsla(var(--awb-color3-h),calc( var(--awb-color3-s) + 3% ),var(--awb-color3-l),var(--awb-color3-a));border-top-width:1px;\"><\/div><\/div><div class=\"fusion-text fusion-text-1\">        <div class=\"resource-table-wrapper\" id=\"wrapper-in\">\n            <div class=\"resource-filters-container\">\n                <select class=\"avada-resource-filter filter-goal\" onchange=\"applyResourceFilters(this)\">\n                    <option value=\"all\">All Goals<\/option>\n                                            <option value=\"Focus Better\">Focus Better<\/option>\n                                            <option value=\"Chill and Recharge\">Chill and Recharge<\/option>\n                                    <\/select>\n\n                            <\/div>\n\n            <style>\n                .resource-filters-container { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; }\n                .avada-resource-filter { padding: 10px; border-radius: 4px; border: 1px solid #ccc; flex-grow: 1; max-width: 250px; }\n                \n                .resource-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }\n                .resource-table th, .resource-table td { padding: 15px; border-bottom: 1px solid #eaeaea; text-align: left; vertical-align: middle; }\n                .resource-table th { background-color: #f9f9f9; font-weight: bold; color: #333; user-select: none; }\n                .resource-table tr:hover { background-color: #fdfdfd; }\n                \n                \/* Sorting Styles *\/\n                th.sortable { cursor: pointer; transition: background 0.2s; }\n                th.sortable:hover { background-color: #f1f1f1; }\n                th.sortable .sort-arrow { font-size: 0.8em; margin-left: 5px; color: #888; }\n                th.sortable.asc .sort-arrow::after { content: \"\u25b2\"; color: #333; }\n                th.sortable.desc .sort-arrow::after { content: \"\u25bc\"; color: #333; }\n                th.sortable:not(.asc):not(.desc) .sort-arrow::after { content: \"\u2195\"; }\n\n                .resource-icon img { max-width: 60px; height: auto; border-radius: 4px; display: block; object-fit: cover; }\n                .resource-icon-placeholder { width: 60px; height: 60px; background: #f0f0f0; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #999; }\n                .hidden-row { display: none !important; }\n            <\/style>\n\n            <table class=\"resource-table\"><thead><tr><th class=\"sortable default-sort\" data-type=\"number\">Plan <span class=\"sort-arrow\"><\/span><\/th><th style=\"width: 80px;\">Icon<\/th><th class=\"sortable\" data-type=\"string\">Name <span class=\"sort-arrow\"><\/span><\/th><th class=\"sortable\" data-type=\"string\">Goal <span class=\"sort-arrow\"><\/span><\/th><\/tr><\/thead><tbody class=\"resource-table-body\"><tr class=\"resource-row\" data-goal=\"Focus Better,Chill and Recharge\" data-duration=\"\" data-voice=\"\"><td>1<\/td><td class=\"resource-icon\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-150x150.png\" class=\"attachment-thumbnail size-thumbnail lazyload wp-post-image\" alt=\"\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27313%27%20height%3D%27313%27%20viewBox%3D%270%200%20313%20313%27%3E%3Crect%20width%3D%27313%27%20height%3D%27313%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-150x150.png\" data-srcset=\"https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-66x66.png 66w, https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-150x150.png 150w, https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-200x200.png 200w, https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2-300x300.png 300w, https:\/\/wellbeinginschools.eu\/wp-content\/uploads\/2026\/02\/square_pause_alternative_2.png 313w\" data-sizes=\"auto\" \/><\/td><td><a href=\"https:\/\/wellbeinginschools.eu\/sk\/resources\/in-classroom-activity-1-press-pause-before-reacting\/\" style=\"text-decoration: none; font-weight: bold; color: #333;\">In-Classroom Activity 1: Press Pause Before Reacting<\/a><\/td><td>Focus Better, Chill and Recharge<\/td><\/tr><\/tbody><\/table><\/div>            <script>\n            \/\/ FILTER LOGIC\n            function applyResourceFilters(element) {\n                var wrapper = element.closest('.resource-table-wrapper');\n                var goalFilter = wrapper.querySelector('.filter-goal');\n                var durFilter = wrapper.querySelector('.filter-duration');\n                var voiceFilter = wrapper.querySelector('.filter-voice');\n                \n                var selectedGoal = goalFilter ? goalFilter.value : 'all';\n                var selectedDur = durFilter ? durFilter.value : 'all';\n                var selectedVoice = voiceFilter ? voiceFilter.value : 'all';\n\n                var allRows = wrapper.querySelectorAll('.resource-row');\n\n                allRows.forEach(function(row) {\n                    var showRow = true;\n                    var arrGoal = (row.getAttribute('data-goal') || \"\").split(',').map(s => s.trim());\n                    var arrDur = (row.getAttribute('data-duration') || \"\").split(',').map(s => s.trim());\n                    var arrVoice = (row.getAttribute('data-voice') || \"\").split(',').map(s => s.trim());\n\n                    if (selectedGoal !== 'all' && !arrGoal.includes(selectedGoal)) showRow = false;\n                    if (selectedDur !== 'all' && !arrDur.includes(selectedDur)) showRow = false;\n                    if (selectedVoice !== 'all' && !arrVoice.includes(selectedVoice)) showRow = false;\n\n                    row.classList.toggle('hidden-row', !showRow);\n                });\n            }\n\n            \/\/ SORTING LOGIC\n            document.addEventListener('DOMContentLoaded', function() {\n                var wrappers = document.querySelectorAll('.resource-table-wrapper');\n                \n                wrappers.forEach(function(wrapper) {\n                    var headers = wrapper.querySelectorAll('th.sortable');\n                    var tbody = wrapper.querySelector('.resource-table-body');\n\n                    headers.forEach(function(header, index) {\n                        header.addEventListener('click', function() {\n                            var isAsc = header.classList.contains('asc');\n                            var direction = isAsc ? -1 : 1;\n                            var type = header.getAttribute('data-type'); \/\/ \"number\" or \"string\"\n                            \n                            \/\/ Adjust index based on the \"Icon\" column (which is not sortable)\n                            \/\/ If clicking a header after the Icon column, we add 1 to the index to get the correct TD\n                            var cellIndex = index === 0 ? 0 : index + 1; \n\n                            \/\/ Clear other headers\n                            headers.forEach(h => { h.classList.remove('asc', 'desc'); });\n                            \n                            \/\/ Set new class\n                            header.classList.add(isAsc ? 'desc' : 'asc');\n\n                            var rows = Array.from(tbody.querySelectorAll('.resource-row'));\n\n                            rows.sort(function(a, b) {\n                                var cellA = a.cells[cellIndex].innerText.trim();\n                                var cellB = b.cells[cellIndex].innerText.trim();\n\n                                if (type === 'number') {\n                                    var numA = parseFloat(cellA) || 0;\n                                    var numB = parseFloat(cellB) || 0;\n                                    return (numA - numB) * direction;\n                                } else {\n                                    return cellA.localeCompare(cellB) * direction;\n                                }\n                            });\n\n                            \/\/ Re-append sorted rows\n                            rows.forEach(function(row) {\n                                tbody.appendChild(row);\n                            });\n                        });\n                    });\n\n                    \/\/ Trigger default sort on load (Lesson Plan is index 0)\n                    var defaultSortHeader = wrapper.querySelector('.default-sort');\n                    if (defaultSortHeader) {\n                        defaultSortHeader.click();\n                    }\n                });\n            });\n            <\/script>\n            \n<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1413","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/pages\/1413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/comments?post=1413"}],"version-history":[{"count":7,"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/pages\/1413\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/pages\/1413\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/wellbeinginschools.eu\/sk\/wp-json\/wp\/v2\/media?parent=1413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}