{"id":2080,"date":"2024-07-22T08:33:27","date_gmt":"2024-07-22T08:33:27","guid":{"rendered":"https:\/\/icthk.org\/self-test\/"},"modified":"2024-09-16T08:25:18","modified_gmt":"2024-09-16T08:25:18","slug":"self-test","status":"publish","type":"page","link":"https:\/\/icthk.org\/en\/self-test\/","title":{"rendered":"Self Test"},"content":{"rendered":"\n<section block-name=\"icthk-banner\" class=\"icthk-banner default-class\">\n    <div class=\"relative icthk-banner-img\">\n        <img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/Frame-3-scaled-1.jpg\" alt=\"Self Test\" class=\"uk-container-full\"  uk-img\/>\n        <div class=\"uk-container-full absolute w-full title-wrapper\">\n            <div class=\"container-md text-center\">\n                <h2>\n                    Self Test                <\/h2>\n                <ul class=\"breadcrumbs-list-container\">\n                <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>                    <!-- <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/icthk.org\/en\/\">Home<\/a><\/li> -->\n                    \n                <\/ul>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\r\n<section block-name=\"icthk-self-assessment\" class=\"icthk-self-assessment\" x-data=\"self_assessment\">\r\n    <div class=\"icthk-self-assessment-container lg:bg-cover bg-contain\" data-src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/self-test-bg-scaled.jpg\" uk-img>\r\n    <div class=\"custom-bg\">\r\n        <div class=\"container mx-auto xl:py-[120px] md:py-20 py-16\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1560px] mx-auto\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 items-center\">\r\n                        <div>\r\n                            <h2 class=\"heading2 text-darkPurple pb-5 title title-underline\">\r\n                                The PHQ-9 questionnaire                            <\/h2>\r\n                            <div class=\"text-content-wrapper max-w-[552px]\">\r\n                                <p class=\"text-18 text-darkPurple leading-[150%]\">\r\n                                    <p>The PHQ-9 is a depression screening mood scale that can be used to assess the recent emotional state of yourself, a relative or someone close to you.<\/p>\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"icthk-btn start\">\r\n                                <a class=\"btn-primary\" @click=\"handleStartClick\">Start the test<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\"\/><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n    <script>\r\n    document.addEventListener('alpine:init', () => {\r\n        const containerEl = document.querySelector(\r\n            '[x-data=\"self_assessment\"] .icthk-self-assessment-container');\r\n        const containerElClass = containerEl.className;\r\n\r\n        Alpine.data('self_assessment', (test) => ({\r\n            handleStartClick: function() {\r\n\r\n\r\n                const template = `    <div class=\"lg:pt-[80px] pb-[80px] assessment-step-bg\">\r\n        <div class=\"container mx-auto\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1140px] mx-auto\">\r\n                    <div class=\"question-title flex-wrap\">\r\n                        <h4 class=\"title title-underline mr-10 my-1\">The PHQ-9 questionnaire<\/h4>\r\n                        <span class=\"pb-[18px]\">(by Drs. Robert L. Spitzer, Janet BW Williams, Kurt Kroenke)<\/span>\r\n                    <\/div>\r\n                    <div class=\"author question-title\">\r\n                        <span class=\"pt-[10px]\">Over the last 2 weeks, how often have you been bothered by any of the following problems?<\/span>\r\n                    <\/div>\r\n                    <div class=\"flex gap-x-2 justify-center items-center md:py-20 py-10  steps\">\r\n                        <!-- <p class=\"w-[50px] h-[50px] flex justify-center items-center rounded-[25px] border-[3px] bg-[#D1D1EB] border-[#6562CF] text-21 text-mainPurple leading-normal\" x-text=\"currentStep + 1\">\r\n                            1\r\n                        <\/p> -->\r\n                        <p class=\"text-18 text-mainPurple leading-normal step-custom-scroll\">\r\n                            <template x-for=\"(step, index) in steps.length\" :key=\"index\">\r\n                                <p :class=\"{ 'current-step': (currentStep + 1 == index+1), 'previous-step': (currentStep + 1 > index+1) } \" class=\"flex flex-row-reverse items-center gap-[8px]\">\r\n                                    <span class=\"progress\"><\/span>\r\n                                    <span x-text=\"step\" class=\"step min-w-[50px] w-[50px] min-h-[50px] h-[50px] flex justify-center items-center text-21 rounded-[25px] bg-[#D1D1EB] border-[#6562CF] border-[3px]  opacity-50 \">1<\/span>\r\n                                <\/p>\r\n                            <\/template>\r\n                            <span class=\"step min-w-[50px] w-[50px] min-h-[50px] h-[50px] flex justify-center items-center text-21 rounded-[25px] bg-[#D1D1EB] opacity-50 \"><img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/check-step.svg\"><\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"mx-auto img-quiz-wrapper\">\r\n                        <div class=\"image-side\" x-data=\"{ imageUrl: steps[currentStep].image }\">\r\n                            <img :src=\"imageUrl\" class=\"max-w-full\">\r\n                        <\/div>\r\n                        <div class=\"quiz-side\">\r\n                            <h6 class=\"heading4 text-darkPurple\" x-text=\"steps[currentStep].question\">\r\n                                Title\r\n                            <\/h6>\r\n                            <template x-for=\"answer in steps[currentStep].answers\" :key=\"answer.answer\">\r\n                                <label>\r\n                                    <input\r\n                                        type=\"radio\"\r\n                                        name=\"answer.answer\"\r\n                                        class=\"px-5 py-2.5 text-18 text-darkPurple leading-[150%] w-full hover:bg-[#EEDEEC] transition-bg ease-out duration-200 mb-[17px]\"\r\n                                        :class=\"values[currentStep] == answer.mark ? 'active' : ''\"\r\n                                        @click=\"selectValue\"\r\n                                        :data-value=\"answer.mark\"\r\n                                        :data-step=\"currentStep\">\r\n                                    <span x-text=\"answer.answer\"><\/span>\r\n                                <\/label>\r\n                            <\/template>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center pt-10 gap-[20px]\">\r\n                        <button href=\"\" class=\"flex gap-x-5 items-center group\" @click=\"prevStep\">\r\n                            <div class=\"icthk-btn prev\">\r\n                                <a class=\"btn-primary\">Previous<\/a>\r\n                            <\/div>\r\n                        <\/button>\r\n                        <button class=\"flex gap-x-5 items-center group\" @click=\"nextStep\">\r\n                            <div class=\"icthk-btn next\">\r\n                                <a class=\"btn-primary\">Next<\/a>\r\n                            <\/div>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n`;\r\n\r\n                Alpine.morph(containerEl, `\r\n                        <div class='${containerElClass}'>                                \r\n                            ${template}                                  \r\n                        <\/div>\r\n                    `, )\r\n            },\r\n            currentStep: 0,\r\n            steps: [{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-1.png\",\"question\":\"Little interest or pleasure in doing things  \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-3.png\",\"question\":\"Feeling down, depressed, or hopeless  \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-4.png\",\"question\":\"Trouble falling or staying asleep, or sleeping too much  \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-5.png\",\"question\":\"Feeling tired or having little energy  \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-6.png\",\"question\":\"Poor appetite or overeating  \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-7.png\",\"question\":\"Feeling bad about yourself or that you are a failure or have let yourself or your family down.\",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-8.png\",\"question\":\"Trouble concentrating on things, such as reading the newspaper or watching television \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-9.png\",\"question\":\"Moving or speaking so slowly that other people could have noticed. Or the opposite being so figety or restless that you have been moving around a lot more than usual \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-10.png\",\"question\":\"Thoughts that you would be better off dead, or of hurting yourself \",\"answers\":[{\"answer\":\"Not at all\",\"mark\":\"0\"},{\"answer\":\"Several days\",\"mark\":\"1\"},{\"answer\":\"More than half the days\",\"mark\":\"2\"},{\"answer\":\"Nearly every day\",\"mark\":\"3\"}]}],\r\n            values: [],\r\n            getValues: function() {\r\n                return Object.values(this.values).reduce((a, b) => Number(a) + Number(b));\r\n            },\r\n            selectValue: function() {\r\n                const currentEle = this.$el;\r\n                const step = currentEle.getAttribute('data-step');\r\n                const value = currentEle.getAttribute('data-value');\r\n\r\n                this.values[step] = value;\r\n            },\r\n            prevStep: function() {\r\n                const width=document.querySelector('.steps').clientWidth;\r\n                const scrolldiv=document.querySelector('.step-custom-scroll');\r\n                const active_div=document.querySelector('.current-step');\r\n                const left=active_div.getBoundingClientRect().left;\r\n                const active_width=active_div.getBoundingClientRect().width;\r\n                if(left<=width){\r\n                    scrolldiv.scrollLeft=left-active_width-20\r\n                }\r\n                if (this.currentStep === 0) {\r\n                    const template = `<div class=\"icthk-self-assessment-container lg:bg-cover bg-contain\" data-src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/self-test-bg-scaled.jpg\" uk-img>\r\n    <div class=\"custom-bg\">\r\n        <div class=\"container mx-auto xl:py-[120px] md:py-20 py-16\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1560px] mx-auto\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 items-center\">\r\n                        <div>\r\n                            <h2 class=\"heading2 text-darkPurple pb-5 title title-underline\">\r\n                                The PHQ-9 questionnaire                            <\/h2>\r\n                            <div class=\"text-content-wrapper max-w-[552px]\">\r\n                                <p class=\"text-18 text-darkPurple leading-[150%]\">\r\n                                    <p>The PHQ-9 is a depression screening mood scale that can be used to assess the recent emotional state of yourself, a relative or someone close to you.<\/p>\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"icthk-btn start\">\r\n                                <a class=\"btn-primary\" @click=\"handleStartClick\">Start the test<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\"\/><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>`;\r\n                    Alpine.morph(containerEl, `\r\n                            <div class='${containerElClass}'>                                \r\n                                ${template}                                  \r\n                            <\/div>\r\n                        `, )\r\n                    return;\r\n                }\r\n                this.currentStep--;\r\n            },\r\n            nextStep: function() {\r\n                const width=document.querySelector('.steps').clientWidth;\r\n                const scrolldiv=document.querySelector('.step-custom-scroll');\r\n                const active_div=document.querySelector('.current-step');\r\n                const left=active_div.getBoundingClientRect().left;\r\n                const active_width=active_div.getBoundingClientRect().width;\r\n                if(left>=width){\r\n                    scrolldiv.scrollLeft=left\r\n                }\r\n                if (!this.values[this.currentStep]) {\r\n                    return;\r\n                }\r\n\r\n                if (this.currentStep >= this.steps.length - 1) {\r\n                    const template = `    <section block-name=\"icthk-assessment-result\">\r\n        <div class=\"pt-[80px] pb-[80px] assessment-step-bg\">\r\n            <div class=\"container\">\r\n                <div class=\"container-sm\">\r\n                    <div class=\"max-w-[1140px] mx-auto\">\r\n                        <div class=\"flex gap-x-2 items-center lg:pb-[80px] pb-10\">\r\n                            <h4 class=\"title title-underline\">The PHQ-9 questionnaire<\/h4>\r\n                        <\/div>\r\n                        <div class=\"des-result\">\r\n                            <div class=\"des\">\r\n                                <div class=\"result-title\">\r\n                                    The test results:                                     <template x-if=\"getValues() <= 4\">\r\n                                        <span class=\"text-[#4ECC84]\">No depression symptoms<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((5 <= getValues()) &#038;&#038; (getValues() <= 9))\">\r\n                                        <span class=\"text-[#ECCB01]\">Minor depression symptoms<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((10 <= getValues()) &#038;&#038; (getValues() <= 14))\">\r\n                                        <span class=\"text-[#F6951A]\">Moderate depression symptoms<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((15 <= getValues()) &#038;&#038; (getValues() <= 19))\">\r\n                                        <span class=\"text-[#D91A17]\">Moderate to severe depression symptoms<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"(20 <= getValues())\">\r\n                                        <span class=\"text-[#D91A17]\">Severe depression symptoms<\/span>\u3002\r\n                                    <\/template>\r\n\r\n                                    <!-- <span :class=\"{ 'text-[#4ECC84]': ( getValues() <= 4), \r\n                                    'text-[#ECCB01]': ( 5 <= getValues() <= 9), 'text-[#F6951A]': ( 10 <= getValues() <= 14), \r\n                                    'text-[#D91A17]': ( 15 <= getValues() <= 19), 'text-[#D91A17]': ( 20 <= getValues()) } \" class=\"\">\u672a\u6709\u6291\u9b31\u60c5\u7dd2\u56f0\u64fe<\/span>\u3002 -->\r\n                                <\/div>\r\n                                <div class=\"result-sub-title\">\r\n                                    This PHQ-9 questionnaire is based on the above calculations and is scored on a scale of 0 to 27, with higher scores being more severe.                                 <\/div>\r\n                                <div class=\"result-des\">\r\n                                    <div>\n<div>If your score is above 5, you should consider whether you need to seek help. However, it is advisable to seek professional help as soon as possible and to talk to the person you trust the most if you feel that you are still experiencing symptoms of depression even though you have passed the test.<\/div>\n<\/div>\n                                <\/div>\r\n                                <div class=\"table-feeling\">\r\n                                    <div class=\"table\">\r\n                                        <table>\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td>Not at all<\/td>\r\n                                                    <td>0 mark<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>Several days<\/td>\r\n                                                    <td>1 mark<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>More than half the days<\/td>\r\n                                                    <td>2 marks<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>Nearly every day<\/td>\r\n                                                    <td>3 marks<\/td>\r\n                                                <\/tr>\r\n                                            <\/tbody>\r\n                                        <\/table>\r\n                                    <\/div>\r\n                                    <div class=\"feeling\">\r\n                                        <span class=\"normal\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/normal.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">No depression symptoms<\/span>\r\n                                                <span class=\"des\">0-4 marks<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"mild-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/mild.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">Minor depression symptoms<\/span>\r\n                                                <span class=\"des\">5-9 marks<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"moderate-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/moderate.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">Moderate depression symptoms<\/span>\r\n                                                <span class=\"des\">10-14 marks<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"severe-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/emoji.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">Moderate to severe depression symptoms<\/span>\r\n                                                <span class=\"des\">15-19 marks<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"severe-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/severe.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">Severe depression symptoms<\/span>\r\n                                                <span class=\"des\">20 marks<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"icthk-btn mt-[40px]\">\r\n                                    <a href=\"https:\/\/icthk.org\/en\/\/contact-us\/\">Counseling Appointments<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"result\">\r\n                                <div class=\"result-inner\">\r\n                                    <span class=\"test-score\">Test Score<\/span>\r\n                                    <h1>\r\n                                        <span x-html=\"getValues()\"><\/span>\r\n                                        marks                                    <\/h1>\r\n                                <\/div>\r\n                                                                    <div class=\"question-statement pt-[20px]\">\r\n                                        <p>Statement:<br \/>\nThe content is for reference purposes only and cannot replace the advice of a doctor, nor should it be considered a basis for self-diagnosis or treatment selection. Only your doctor can provide an accurate diagnosis and appropriate treatment. If you have any concerns about your medical condition, it is essential to seek advice from a doctor or other qualified healthcare provider. Do not disregard or delay seeking professional medical advice or treatment based on the content read on our website.<\/p>\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"lg:pt-[80px] pb-[80px] list-section\">\r\n            <div class=\"container\">\r\n                <div class=\"container-sm\">\r\n                    <div class=\"max-w-[1140px] mx-auto\">\r\n                        <h2>Emotional Self-Help Kit<\/h2>\r\n                        <div class=\"wrapper\">\r\n                            <div class=\"emotion uk-background-cover\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/emotional.jpg\" uk-img>\r\n                                <h4 class=\"title\">What is emotional distress?<\/h4>\r\n                                <div class=\"des\">Learn more about how to deal with emotions.<\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/en\/\/what-is-emotional-distress\/\">View more<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"heart-battle uk-background-cover\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/heart-battle.jpg\" uk-img>\r\n                                <h4 class=\"title\">Cognitive Behaviour Therapy : The Five-Strategies<\/h4>\r\n                                <div class=\"des\">Find out how to remind yourself every now and then<\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/en\/\/the-five-strategies\/\">View more<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"video uk-background-cover uk-flex uk-flex-between uk-flex-middle\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/video.jpg\" uk-img>\r\n                                <div class=\"des-side\">\r\n                                    <h4 class=\"title\">The Five-Strategies Video Sharing<\/h4>\r\n                                    <div class=\"des\">Watch the film to learn how to deal with emotions<\/div>\r\n                                <\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/en\/\/cognitive-behavioural-therapy-related-related-videos\/\">View more<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    <\/section>\r\n`;\r\n                    Alpine.morph(containerEl, `\r\n                            <div class='${containerElClass}'>                                \r\n                                ${template}                                  \r\n                            <\/div>\r\n                        `, )\r\n                    return;\r\n                }\r\n                this.currentStep++;\r\n            },\r\n        }))\r\n    })\r\n    <\/script>\r\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2080","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/pages\/2080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/comments?post=2080"}],"version-history":[{"count":18,"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/pages\/2080\/revisions"}],"predecessor-version":[{"id":3947,"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/pages\/2080\/revisions\/3947"}],"wp:attachment":[{"href":"https:\/\/icthk.org\/en\/wp-json\/wp\/v2\/media?parent=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}