{"id":382,"date":"2021-10-27T16:43:08","date_gmt":"2021-10-27T08:43:08","guid":{"rendered":"http:\/\/jcafc-port.hk\/?post_type=connect_to_community&#038;p=382"},"modified":"2021-12-09T11:07:24","modified_gmt":"2021-12-09T03:07:24","slug":"elderly-use-of-ict","status":"publish","type":"connect_to_community","link":"https:\/\/jcafc-port.hk\/en\/connect-to-community\/elderly-use-of-ict\/","title":{"rendered":"Use of information and communication technology"},"content":{"rendered":"<div class=\"blocks-spacing max-w-5xl mx-auto lg:px-6 px-4\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"500\" x-init=\" AOS.init(); \">\n        <div class=\"lg:mt-12 mt-4\">\n        <h2 class=\"section-title\">\n            Learning of digital technology is age-free. Use of information and communication technology (ICT) by the elderly can connect them with the society and people.                    <\/h2>\n    <\/div>\n        \n    <\/div>\n\n<div class=\"blocks-spacing\">\n    <div class=\"max-w-5xl m-auto text-my-blue-focus lg:px-6 px-4\">\n        <!-- \/\/book swiper -->\n        <div\n            class=\"book-swiper-left flex flex-wrap items-center\">\n            <div class=\"lg:w-1\/2 w-full px-4\" data-aos=\"fade-up\" data-aos-once=\"true\"\n                data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-init=\" AOS.init(); \">\n                <div class=\"relative\" x-init=\"\n                                    \n                                \">\n                    <div id=\"swiper_block_617fcd0a9856b\" class=\"swiper swiper-container book-swiper-container swiper_block_617fcd0a9856b\" data-swiper-name=\"swiper_block_617fcd0a9856b\">\n                        <div class=\"swiper-wrapper\">\n                                                                                                                <div class=\"swiper-slide text-center\">\n                                                                <!-- <div style=\"display:none;\" id=\"swiper_block_617fcd0a9856bhidden-content1\">\n                                        [wonderplugin_pdf src=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/p153-\u795e\u8006\u88dc\u7fd2\u73ed-\u6578\u78bc\u79d1\u6280-\u4e00\u5716\u5c31\u8b58\u61f6\u4eba\u73ed.pdf\" width=\"100%\" height=\"100%\" style=\"border:0;\"]\n                                    <\/div> -->\n                                <div\n                                    class=\"bg-book-cover inline-block bg-full w-max mx-auto lg:pt-2 lg:pr-6 lg:pb-10 lg:pl-2 pl-1 pt-1 pr-4 pb-8\">\n                                    <!-- \n                                          $('#swiper_block_617fcd0a9856bvarious51').fancybox({\n                                                'width'\t\t\t: 1920,\n                                                'height'\t\t: 1920,\n                                                'type'\t\t\t: 'inline'\n                                            });\n                                         -->\n                                    <!-- data-fancybox data-fullScreen data-src=\"#swiper_block_617fcd0a9856bhidden-content1\" href=\"javascript:;\" -->\n                                    <a href=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/p153-\u795e\u8006\u88dc\u7fd2\u73ed-\u6578\u78bc\u79d1\u6280-\u4e00\u5716\u5c31\u8b58\u61f6\u4eba\u73ed.pdf\" target=\"_blank\" x-init=\"\"\n                                        class=\"fancy_box\" id=\"swiper_block_617fcd0a9856bvarious51\">\n                                        <img decoding=\"async\" class=\"mx-auto lg:w-auto lg:w-40 lg:h-60 w-32 h-48\"\n                                            src=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/p153.jpg\" alt=\"p153\">\n                                    <\/a>\n                                <\/div>\n                                                                <h3 class=\"text-my-blue-focus font-medium lg:text-lg text-sm text-center mt-4\">\n                                                                                                        <\/h3>\n                            <\/div>\n                                                        \n\n\n                        <\/div>\n\n                    <\/div>\n                    <div\n                        class=\"swiper_block_617fcd0a9856b-button-prev lg:left-4 sm:left-8 left-0 transform lg:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40\">\n                        <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                            alt=\"\">\n                    <\/div>\n                    <div\n                        class=\"swiper_block_617fcd0a9856b-button-next lg:right-4 sm:right-8 right-0 transform lg:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40\">\n                        <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                            alt=\"\">\n                    <\/div>\n                    <div class=\"text-center\">\n                        <div class=\"swiper_block_617fcd0a9856b-pagination inline mt-4 swiper_block_617fcd0a9856b relative bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs relative  w-max mx-auto bottom-auto\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"lg:w-1\/2 w-full px-4\" data-aos=\"fade-up\" data-aos-once=\"true\"\n                data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-init=\" AOS.init(); \">\n                <div>\n                    <h3 class=\"text-my-blue-focus font-medium lg:text-3xl text-lg lg:text-left text-center\">\n                        E-book \u300aEasy guide on use of digital technology\u300b                                                  <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                                            <\/h3>\n                    <div class=\"mt-4 text-my-blue-dark lg:text-base text-sm lg:text-left text-center\">\n                        <p><span style=\"font-weight: 400;\">This e-book is produced for people of all ages. Through simple and easy instructions, it introduces digital technology relating to social media, transportation, consumption and health care.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">(produced by online media, CTgoodjobs under the territory-wide publicity campaign &#8220;<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Events\/The-New-Olds.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jockey Club Age-friendly City Project \u2013 The New Olds&#8221;<\/span><\/a><span style=\"font-weight: 400;\">)<\/span><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- book swiper\/\/ -->\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            Video | Elders to learn digital technology to be ICT master                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-right flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_617fceaa3e7b7-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_617fceaa3e7b7-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_617fceaa3e7b7-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_617fceaa3e7b7 swiper_block_617fceaa3e7b7-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_617fceaa3e7b7\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/6Fn-u61mcRA\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_617fceaa3e7b7-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                                                                    <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_617fceaa3e7b7-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_617fceaa3e7b7-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_617fceaa3e7b7\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">The video shares the elderly&#8217;s experience in learning digital technology and features how the awardees of Jockey Club Age-friendly City Partnership Scheme, namely Office of the Government Chief Information Officer and HKTVmall, promote digital inclusion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">(produced by online media, CTgoodjobs under the territory-wide publicity campaign &#8220;<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Events\/The-New-Olds.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jockey Club Age-friendly City Project \u2013 The New Olds&#8221;<\/span><\/a><span style=\"font-weight: 400;\">)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            Video | Gerontechnology facilitates the elderly in their daily life                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-left flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_617fcef43e7b9-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_617fcef43e7b9-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_617fcef43e7b9-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_617fcef43e7b9 swiper_block_617fcef43e7b9-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_617fcef43e7b9\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4m7Sn0EzeSU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_617fcef43e7b9-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                                                                    <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_617fcef43e7b9-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_617fcef43e7b9-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_617fcef43e7b9\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">The video features how gerontechnology can daily life of elderly people with different needs and achieve smart ageing. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(produced by online media, &#8220;HiEggo&#8221; under the video series &#8220;<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Resources-Centre\/Videos\/Hieggo-X-Jockey-Club-Age-Friendly-City-Project.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">HiEggo x Jockey Club Age-friendly City Project&#8221;<\/span><\/a><span style=\"font-weight: 400;\">)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"max-w-3xl m-auto lg:px-6 px-4 blocks-spacing relative\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\"  x-init=\" AOS.init(); \">\n    <!-- \/\/phone-frame-slider -->\n   \n    <div class=\"relative\" x-init=\"\n                           \n                        \">\n        <div\n            class=\"swiper_block_617fcf243e7ba-prev swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 mt-0 transform -translate-y-1\/2 lg:-translate-x-20 -translate-x-4 left-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\" alt=\"\">\n        <\/div>\n        <div\n            class=\"phone-frame lg:w-full w-64  mx-auto block bg-my-gray-phone rounded-lg relative before:content-[''] before:block before:h-8 before:w-8 before:rounded-circle lg:before:ml-4 lg:before:mb-0 before:mb-2   before:absolute lg:before:left-0 before:left-1\/2 before:bottom-0 lg:before:bottom-auto lg:before:top-1\/2 before:transform lg:before:-translate-y-1\/2 lg:before:translate-x-0  before:-translate-x-1\/2 before:bg-my-gray-phone-button after:content-[''] after:block after:absolute lg:after:right-0 lg:after:top-1\/2 after:-top-0 lg:after:left-auto after:left-1\/2  after:transform after:-translate-y-1\/2 lg:after:translate-x-0 after:-translate-x-1\/2  lg:after:mr-4 after:mr-0 after:mt-4 lg:after:h-24 after:h-2 lg:after:w-2 after:w-24 after:bg-my-gray-phone-button after:rounded-lg lg:py-4 pt-8 pb-12 lg:pl-16 lg:px-10 px-4 shadow-phone-frame\">\n            <div class=\"w-full h-full bg-white\">\n                <div class=\"swiper-app-swiper swiper-container swiper swiper_block_617fcf243e7ba h-full\" data-swiper-name=\"swiper_block_617fcf243e7ba\">\n                    <div class=\"swiper-wrapper relative\">\n                                                                                                <div class=\"swiper-slide h-auto\">\n                            <div class=\"flex flex-wrap h-full\">\n                                <div class=\"lg:w-4\/12 w-full lg:px-6 px-4 lg:py-8 py-4\">\n                                    <div>\n                                        <div>\n                                            <img decoding=\"async\" class=\"mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12\" src=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/app-icon.jpg\" alt=\"app icon\">\n                                        <\/div>\n                                        <div class=\"text-center lg:mt-6 mt-4\">\n                                            <span class=\"lg:text-base text-sm\">\n                                                Click to download:                                            <\/span>\n                                        <\/div>\n                                        <div class=\"mt-4 lg:block flex justify-center gap-x-2\">\n                                            <a class=\"block\" href=\"https:\/\/apps.apple.com\/hk\/app\/%E6%B2%B9%E5%B0%96%E6%97%BA%E9%95%B7%E8%80%85%E9%86%AB%E9%A3%9F%E8%A1%8C\/id1511677877\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\"\n                                                    src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png\"\n                                                    alt=\"apple store\">\n                                            <\/a>\n                                            <a class=\"lg:mt-4 block\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.sosoc.mkkfa\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png\" alt=\"google play\">\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"lg:w-8\/12 w-full bg-my-purple-background lg:px-6 px-4 lg:py-8 py-4 flex items-center\">\n                                    <!-- overflow-y-scroll -->\n                                    <div>\n                                        <div>\n                                            <h5 class=\"lg:text-lg text-sm text-my-blue-focus font-medium\"> APP | Mobile App for Elderly People in Yau Tsim Mong                                                                                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                                                                                    <\/h5>\n                                        <\/div>\n                                        <div>\n                                            <!-- <span class=\"lg:text-sm text-xs\"><\/span> -->\n                                        <\/div>\n                                        <div class=\"mt-4\">\n                                            <div>\n                                                <div  x-init=\"$($el).find('*').css('display', 'contents')\" class=\"lg:leading-8 lg:text-base text-sm line-clamp-6 after:content[] text-my-blue-dark\">\n                                                    <p>An integrated information platform for the elderly, including a variety of information of Yau Tsim Mong district (minibus routes, EatSmart Restaurants, community services, western and Chinese medicine clinics, recommended places in the district) and other information tools (weather forecast, emergency assistance, medicine-taking notification alerts, festival reminders, Health Care Voucher enquiry).<\/p>\n<p>(produced by Mong Kok Kai Fong Association Limited Chan Hing Social Service Centre under &#8220;<a href=\"https:\/\/www.jcafc.hk\/en\/Events\/Jockey-Club-Age-Friendly-City-Project---Next-Station--Yau-Tsim-Mong--2.html\" target=\"_blank\" rel=\"noopener\">Jockey Club Age-friendly City Project &#8211; Next Station: Yau Tsim Mong (2)<\/a>&#8220;)<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\" flex \">\n                                                                                                                                                \n                                                                                                        <button class=\" learn-more-btn mt-4 border-2 border-my-blue-focus text-my-blue-focus px-4 py-1 rounded-md font-medium flex lg:text-base text-sm lg:mx-0 mx-auto\"\n                                                        @click = \" \n                                                        modal_open = true ;\n                                                        console.log(modal_open)\n                                                        $('.modalcontent').html(' &lt;div class=&quot;z-top max-w-4xl mx-auto w-full relative max-h-screen&quot;&gt; &lt;div class=&quot;bg-white w-full h-full lg:p-8 p-4 rounded-2xl&quot;&gt; &lt;div class=&quot;flex&quot;&gt; &lt;div&gt; &lt;h2 class=&quot;text-my-blue-focus lg:text-2xl text-lg font-medium&quot;&gt; APP | Mobile App for Elderly People in Yau Tsim Mong  &lt;\/h2&gt; &lt;\/div&gt; &lt;div class=&quot;ml-auto&quot;&gt; &lt;button class=&quot;&quot; @click=&quot;modal_open=false&quot;&gt; &lt;svg class=&quot;lg:w-auto w-4&quot; width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 28 28&quot; fill=&quot;none&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt; &lt;path d=&quot;M1 1L27 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;path d=&quot;M27 1L1 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;\/svg&gt; &lt;\/button&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4&quot;&gt; &lt;\/div&gt; &lt;div class=&quot;grid grid-cols-12 h-full&quot;&gt; &lt;div class=&quot;lg:col-span-4 col-span-12 lg:px-6 px-4 lg:py-8 py-4&quot;&gt; &lt;div&gt; &lt;div&gt; &lt;img class=&quot;mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12&quot; src=&quot; https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/app-icon.jpg &quot; alt=&quot; app icon &quot;&gt; &lt;\/div&gt; &lt;div class=&quot;text-center lg:mt-6 mt-4&quot;&gt; &lt;span class=&quot;lg:text-base text-sm&quot;&gt; Click to download: &lt;\/span&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4 lg:block flex justify-center gap-x-2&quot;&gt; &lt;a target=&quot;_blank&quot; class=&quot;block&quot; href=&quot;https:\/\/apps.apple.com\/hk\/app\/%E6%B2%B9%E5%B0%96%E6%97%BA%E9%95%B7%E8%80%85%E9%86%AB%E9%A3%9F%E8%A1%8C\/id1511677877&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png&quot; alt=&quot;apple store&quot;&gt; &lt;\/a&gt; &lt;a target=&quot;_blank&quot; class=&quot;lg:mt-4 block&quot; href=&quot;https:\/\/play.google.com\/store\/apps\/details?id=com.sosoc.mkkfa&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png&quot; alt=&quot;google play&quot;&gt; &lt;\/a&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;lg:col-span-8 col-span-12 lg:px-6 px-4 lg:py-8 py-4 flex items-center&quot;&gt; &lt;div&gt; &lt;p&gt;An integrated information platform for the elderly, including a variety of information of Yau Tsim Mong district (minibus routes, EatSmart Restaurants, community services, western and Chinese medicine clinics, recommended places in the district) and other information tools (weather forecast, emergency assistance, medicine-taking notification alerts, festival reminders, Health Care Voucher enquiry).&lt;\/p&gt; &lt;p&gt;(produced by Mong Kok Kai Fong Association Limited Chan Hing Social Service Centre under &amp;#8220;&lt;a href=&quot;https:\/\/www.jcafc.hk\/en\/Events\/Jockey-Club-Age-Friendly-City-Project---Next-Station--Yau-Tsim-Mong--2.html&quot;&gt;Jockey Club Age-friendly City Project &amp;#8211; Next Station: Yau Tsim Mong (2)&lt;\/a&gt;&amp;#8220;)&lt;\/p&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt;');\n                                                        \"\n                                                        \n                                                        >\n                                                            Show More                                                        <\/button>\n                                                                                             \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                \n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div\n            class=\"swiper_block_617fcf243e7ba-next swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40  mt-0 transform -translate-y-1\/2 lg:translate-x-20 translate-x-4 right-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\" alt=\"\">\n        <\/div>\n    <\/div>\n    <!-- phonre frame swiper\/\/ -->\n    <div class=\"text-center\">\n        <div class=\"swiper_block_617fcf243e7ba-pagination w-auto inline lg:mt-8 mt-4 relative bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto bottom-auto\">\n    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            Videos | Microfilms produced by AFC Ambassadors and the elderly                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-center flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\"   w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_617fcf833e7bc-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_617fcf833e7bc-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_617fcf833e7bc-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_617fcf833e7bc swiper_block_617fcf833e7bc-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_617fcf833e7bc\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/n49DxqjzluM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ftnVdcrDUnM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/NkwLK010Ihw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/t5w03Y52t8w\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_617fcf833e7bc-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            My YouTuber grandpa                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Elderly league                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Listen to me                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Three-legged explorers                                        <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_617fcf833e7bc-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_617fcf833e7bc-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\" w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_617fcf833e7bc\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\"text-center text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">The elderly used multimedia and digital technology to voice out their views and create microfilms for promoting the messages of respectful to the elderly and age-friendliness, hoping to change people\u2019s negative perception of elderly people, e.g. digital illiteracy.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(produced by Aberdeen Kai-fong Welfare Association Social Service Jockey Club Wong Chi Keung District Elderly Community Centre under &#8220;<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Events\/Breakthrough-Microfilm-Project.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jockey Club Age-friendly City Project \u2013 \u2018Breakthrough\u2019 Microfilm Project&#8221;<\/span><\/a><span style=\"font-weight: 400;\"> and &#8220;<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Events\/Breakthrough-Ii--Community-Education-Project.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jockey Club Age-friendly City Project \u2013 \u2018Breakthrough II\u2019 Community Education Project&#8221;<\/span><\/a><span style=\"font-weight: 400;\">)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"featured_media":0,"template":"","class_list":["post-382","connect_to_community","type-connect_to_community","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/connect_to_community\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/connect_to_community"}],"about":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/types\/connect_to_community"}],"wp:attachment":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/media?parent=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}