{"id":435,"date":"2025-07-26T04:43:23","date_gmt":"2025-07-26T04:43:23","guid":{"rendered":"https:\/\/60carer.com\/?page_id=435"},"modified":"2025-08-30T11:27:34","modified_gmt":"2025-08-30T11:27:34","slug":"event-highlights","status":"publish","type":"page","link":"https:\/\/60carer.com\/en\/event-highlights\/","title":{"rendered":"Event Highlights"},"content":{"rendered":"\n<div block-name=\"inner-banner\"\n    class=\"bg-linear-to-r from-light-green to-[#E2EDDB] bg-light-green min-h-[180px] xs:min-h-[250px] md:min-h-[300px] xl:min-h-[400px] overflow-hidden relative flex flex-wrap sm:flex-nowrap items-center justify-center pb-5 sm:pb-0\">\n    <div id=\"profile-pic-wrap\"\n        class=\"sm:absolute translate-x-[0] top-[-7%] xs:top-[-12%] md:top-[-22%] lg:top-[-45%] 5xl:top-[-56%] 6xl:top-[-67%] z-[30]\">\n        <div id=\"profile-pic\"\n            class=\"z-[3] relative overflow-hidden size-[200px] xs:size-[300px] md:size-[450px] lg:size-[600px] xl:size-[800px] 5xl:size-[1000px] 6xl:size-[1200px] rounded-[50%]\">\n            <div class=\"profile-btn-bg absolute inset-0\">\n                <img decoding=\"async\" src=\"https:\/\/60carer.com\/wp-content\/uploads\/2025\/08\/3b21d9fbfc29668535ac75179e314269b1f5306d-scaled.jpg\" class=\"w-full h-full object-cover\" \/>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"container mx-auto relative z-[2]\">\n        <div class=\"container-lg\">\n            <div class=\"w-full max-w-[500px]\">\n                <h2 class=\"heading2 text-yo-black font-extrabold\">Event Highlights<\/h2>\n                <div class=\"breadcrumbs-wrapper\">\n                    <ul class=\"breadcrumbs-list-container gap-5\">\n                        <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/60carer.com\/en\/\">Home<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">Event Highlights<\/a><\/li>\n                    <\/ul>\n\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n    <\/div>\n    <div\n        class=\"rounded-full size-[250px] sm:size-[440px] absolute left-0 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-secondary z-[1] blur-500 right-shadow pointer-events-auto\">\n    <\/div>\n\n    <div\n        class=\"rounded-full size-[250px] sm:size-[440px] absolute right-[-50%] top-[100%] translate-x-0 translate-y-0 bg-secondary z-[1] blur-500 right-shadow pointer-events-auto\">\n    <\/div>\n<\/div>\n\n<div class=\"container mx-auto\">\r\n    <div x-data=\"highlightList(1)\" class=\"event-highlight-wrapper container-md\" x-init=\"init()\">\r\n        <div class=\"category-tab flex items-center gap-5 mb-5 6xl:mt-[136px] 3xl:mt-[100px] 2xl:mt-20 xl:mt-16 lg:mt-14 md:mt-12 sm:mt-10 mt-8\">\r\n            <h6 class=\"heading6 w-full max-w-fit text-dark-grey font-normal leading-[30px] tracking-[0.80px]\">\r\n                Activity Category            <\/h6>\r\n            <div class=\"w-full h-px bg-[#E1E1E1]\"><\/div>\r\n        <\/div>\r\n        <ul class=\"flex flex-wrap gap-3\">\r\n    <li>\r\n        <button\r\n            x-on:click=\"currentCategory = 'All'\"\r\n            :class=\"currentCategory === 'All'\r\n                ? 'text-dark-grey bg-light-green text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\r\n                : 'text-[#4A4A4A] bg-light-grey text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\">\r\n            All        <\/button>\r\n    <\/li>\r\n            <li>\r\n            <button\r\n                x-on:click=\"currentCategory = 'Classes and Workshops'\"\r\n                :class=\"currentCategory === 'Classes and Workshops'\r\n                    ? 'text-dark-grey bg-light-green text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\r\n                    : 'text-[#4A4A4A] bg-light-grey text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\">\r\n                Classes and Workshops            <\/button>\r\n        <\/li>\r\n            <li>\r\n            <button\r\n                x-on:click=\"currentCategory = 'Special Events'\"\r\n                :class=\"currentCategory === 'Special Events'\r\n                    ? 'text-dark-grey bg-light-green text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\r\n                    : 'text-[#4A4A4A] bg-light-grey text-body-normal font-medium tracking-[0.72px] rounded-[100px] py-3 px-10'\">\r\n                Special Events            <\/button>\r\n        <\/li>\r\n    <\/ul>\r\n        <div class=\"post-list 3xl:mt-[76px] 2xl:mt-14 xl:mt-12 mt-8\">\r\n            <template x-for=\"post in paginatedPosts\" :key=\"post.id\">\r\n                <div class=\"flex group flex-col md:flex-row gap-5 4xl:gap-10 2xl:gap-8 xl:gap-7 xl:mb-10 mb-9\">\r\n                    <div class=\"left-image w-full max-w-[470px] min-w-[220px] lg:min-w-[unset] overflow-hidden rounded-[20px] transition-all duration-300\">\r\n                        <img :src=\"post.featured_image\" alt=\"\" class=\"w-full h-full aspect-[470\/265] object-cover rounded-[20px] group-hover:scale-110 transition-all duration-300\" x-show=\"post.featured_image\">\r\n                    <\/div>\r\n                    <div class=\"right-content\">\r\n                        <div class=\"flex flex-wrap gap-3 items-center lg:mb-5 mb-4\">\r\n                            <template x-for=\"cat in post.category\" :key=\"cat\">\r\n                                <span class=\"text-yo-brown text-body-small font-normal leading-6\" x-text=\"cat\"><\/span>\r\n                            <\/template>\r\n\r\n                            <div class=\"text-body-small text-yo-grey font-normal leading-6\" x-show=\"post.start_date || post.end_date\">\r\n                                <span x-text=\"post.start_date\"><\/span>\r\n                                <template x-if=\"post.end_date\">\r\n                                    <span> &#8211; <\/span>\r\n                                <\/template>\r\n                                <span x-text=\"post.end_date\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h3 class=\"heading4 text-yo-black font-bold tracking-[1.12px] group-hover:underline transition-all duration-300\" x-text=\"post.title\"><\/h3>\r\n                        <p class=\"heading6 text-dark-grey font-normal leading-[30px] tracking-[0.80px] pt-[11px] xl:pb-10 pb-5\" x-text=\"post.excerpt\"><\/p>\r\n                        <button class=\"flex gap-[10px] items-center group\/see-more relative\">\r\n                            <a :href=\"post.permalink\" class=\"heading6 text-primary font-medium tracking-[0.80px] group-hover\/see-more:text-secondary transition-all duration-300\">See More<\/a>\r\n                            <svg class=\"absolute right-[-28px] mt-[2px] top-1\/2 -translate-y-1\/2 max-w-5 3xl:max-w-6\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M18.8983 12.7413C19.3001 12.3311 19.3001 11.665 18.8983 11.2549L13.7554 6.00488C13.3536 5.59473 12.7011 5.59473 12.2993 6.00488C11.8976 6.41504 11.8976 7.08113 12.2993 7.49129L15.6904 10.9497H5.82899C5.26006 10.9497 4.80042 11.4189 4.80042 11.9997C4.80042 12.5805 5.26006 13.0497 5.82899 13.0497H15.6872L12.3026 16.5082C11.9008 16.9183 11.9008 17.5844 12.3026 17.9946C12.7043 18.4047 13.3568 18.4047 13.7586 17.9946L18.9015 12.7446L18.8983 12.7413Z\" class=\"fill-[#8DC63F] group-hover\/see-more:fill-[#F7941C] transition-all duration-300\" \/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/template>\r\n        <\/div>\r\n\r\n            <nav class=\"pagination mt-10 mb-[60px] xl:mt-20 xl:mb-[100px]\">\r\n        <ul class=\"flex gap-2 items-center justify-center\">\r\n            <li>\r\n                <button class=\"w-10 h-10 p-2 rounded-full flex items-center justify-center hover:bg-primary group transition-all duration-300\" x-on:click=\"currentPage = Math.max(1, currentPage - 1)\" :disabled=\"currentPage === 1\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <path\r\n                            d=\"M8.40241 11.9906C8.40194 11.7907 8.48559 11.5969 8.63886 11.443L13.7791 6.3091C13.9536 6.13437 14.2043 6.02448 14.4761 6.00362C14.748 5.98276 15.0187 6.05263 15.2286 6.19787C15.4385 6.34311 15.5706 6.55181 15.5956 6.77806C15.6207 7.00432 15.5367 7.22959 15.3622 7.40433L10.7566 11.9906L15.1978 16.5768C15.2831 16.6644 15.3469 16.7651 15.3854 16.8732C15.4239 16.9813 15.4363 17.0946 15.422 17.2068C15.4077 17.3189 15.3668 17.4275 15.3019 17.5265C15.237 17.6254 15.1492 17.7127 15.0435 17.7833C14.9378 17.8617 14.8138 17.921 14.6793 17.9576C14.5447 17.9942 14.4026 18.0073 14.2617 17.9961C14.1208 17.9848 13.9842 17.9495 13.8604 17.8923C13.7367 17.835 13.6285 17.7572 13.5426 17.6635L8.57717 12.5296C8.44814 12.3713 8.38661 12.1815 8.40241 11.9906Z\"\r\n                            class=\"fill-primary group-hover:fill-white group-hover:-translate-x-1 transition-all duration-300 transition-transform\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/li>\r\n\r\n            <template x-for=\"item in getPaginationPages(currentPage, totalPages)\" :key=\"(typeof item === 'object' ? item.type : item) + '-' + currentPage\">\r\n                <li>\r\n                    <template x-if=\"typeof item === 'object' &#038;&#038; item.type === 'prev-ellipsis'\">\r\n                        <button class=\"px-2\" x-on:click=\"currentPage = item.page\">&hellip;<\/button>\r\n                    <\/template>\r\n                    <template x-if=\"typeof item === 'object' &#038;&#038; item.type === 'next-ellipsis'\">\r\n                        <button class=\"px-2\" x-on:click=\"currentPage = item.page\">&hellip;<\/button>\r\n                    <\/template>\r\n                    <template x-if=\"typeof item === 'number'\">\r\n                        <button\r\n                            x-text=\"item\"\r\n                            x-on:click=\"currentPage = item\"\r\n                            :class=\"currentPage === item\r\n                                    ? 'text-white bg-primary'\r\n                                    : 'text-yo-grey bg-transparent hover:bg-primary hover:text-white'\r\n                                \"\r\n                            class=\"text-body-small font-bold leading-6 w-10 h-10 rounded-full flex items-center justify-center transition-colors duration-300 hover:text-white\">\r\n                        <\/button>\r\n                    <\/template>\r\n                <\/li>\r\n            <\/template>\r\n\r\n            <li>\r\n                <button class=\"w-10 h-10 p-2 rounded-full flex items-center justify-center hover:bg-primary group transition-all duration-300\" x-on:click=\"currentPage = Math.min(totalPages, currentPage + 1)\" :disabled=\"currentPage === totalPages\">\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M15.5976 11.9906C15.5981 11.7907 15.5144 11.5969 15.3611 11.443L10.2209 6.3091C10.0464 6.13437 9.79569 6.02448 9.52385 6.00362C9.25201 5.98276 8.98135 6.05263 8.77141 6.19787C8.56146 6.34311 8.42944 6.55181 8.40437 6.77806C8.37931 7.00432 8.46326 7.22959 8.63776 7.40433L13.2434 11.9906L8.80225 16.5768C8.71685 16.6644 8.65308 16.7651 8.6146 16.8732C8.57612 16.9813 8.56369 17.0946 8.57802 17.2068C8.59235 17.3189 8.63316 17.4275 8.6981 17.5265C8.76305 17.6254 8.85085 17.7127 8.95645 17.7833C9.06216 17.8617 9.18617 17.921 9.32071 17.9576C9.45525 17.9942 9.59743 18.0073 9.73834 17.9961C9.87924 17.9848 10.0158 17.9495 10.1396 17.8923C10.2633 17.835 10.3715 17.7572 10.4574 17.6635L15.4228 12.5296C15.5519 12.3713 15.6134 12.1815 15.5976 11.9906Z\" class=\"fill-primary group-hover:fill-white group-hover:translate-x-1 transition-all duration-300 transition-transform\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function highlightList(totalPages) {\r\n        return {\r\n            posts: [{\"id\":1121,\"title\":\"\\u201cWalking with You \\u2013 Yoga and Mindfulness\\u201d Sharing Day\",\"excerpt\":\"The \\u201cYoga and Mindfulness for Aging Carers\\u201d (YMAC) Program successfully concluded in February 2026. To celebrate the learnings together with all participants, Silver Yoga organized the \\\"Walking with You - Yoga and Mindfulness\\\" Sharing Day. Through immersive experiential exhibitions and sharing sessions by carers, the event provided a space for carers and dependents to share their insights and joy with one another.\\r\\n\\r\\n\\r\\n\",\"category\":[\"Special Events\"],\"permalink\":\"https:\\\/\\\/60carer.com\\\/en\\\/event-highlight\\\/walking-with-you-yoga-and-mindfulness-sharing-day\\\/\",\"start_date\":\"2026-02-04\",\"end_date\":\"2026-02-04\",\"featured_image\":\"https:\\\/\\\/60carer.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/\\u745c\\u4f60\\u540c\\u884c-20-300x231.jpg\"}],\r\n            currentCategory: 'All',\r\n            currentPage: 1,\r\n            postsPerPage: 6,\r\n            totalPages: totalPages,\r\n\r\n            init() {\r\n                this.$watch('currentCategory', () => {\r\n                    this.currentPage = 1;\r\n                });\r\n            },\r\n\r\n            get filteredPosts() {\r\n                if (this.currentCategory === 'All') {\r\n                    return this.posts;\r\n                }\r\n                return this.posts.filter(p => p.category.includes(this.currentCategory));\r\n            },\r\n\r\n            get paginatedPosts() {\r\n                const start = (this.currentPage - 1) * this.postsPerPage;\r\n                return this.filteredPosts.slice(start, start + this.postsPerPage);\r\n            },\r\n\r\n            get totalPages() {\r\n                return Math.ceil(this.filteredPosts.length \/ this.postsPerPage) || 1;\r\n            },\r\n\r\n            getPaginationPages(current, total) {\r\n                let pages = [];\r\n                if (total <= 3) {\r\n                    for (let i = 1; i <= total; i++) pages.push(i);\r\n                } else {\r\n                    \/\/ Always show first page\r\n                    pages.push(1);\r\n                    \/\/ Show left ellipsis if needed\r\n                    if (current > 3) {\r\n                        pages.push({\r\n                            type: 'prev-ellipsis',\r\n                            page: Math.max(1, current - 2)\r\n                        });\r\n                    }\r\n                    \/\/ Show pages around current\r\n                    let start = Math.max(2, current - 1);\r\n                    let end = Math.min(total - 1, current + 1);\r\n                    for (let i = start; i <= end; i++) {\r\n                        pages.push(i);\r\n                    }\r\n                    \/\/ Show right ellipsis if needed\r\n                    if (current < total - 2) {\r\n                        pages.push({\r\n                            type: 'next-ellipsis',\r\n                            page: Math.min(total, current + 2)\r\n                        });\r\n                    }\r\n                    \/\/ Always show last page\r\n                    if (total > 1) pages.push(total);\r\n                }\r\n                return pages;\r\n            }\r\n        };\r\n    }\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":483,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-435","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":10,"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/pages\/435\/revisions\/945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/media\/483"}],"wp:attachment":[{"href":"https:\/\/60carer.com\/en\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}