{"id":2549,"date":"2017-12-02T12:54:28","date_gmt":"2017-12-02T12:54:28","guid":{"rendered":"https:\/\/aidsconcern.org.hk\/?p=2549"},"modified":"2017-12-02T12:54:28","modified_gmt":"2017-12-02T12:54:28","slug":"youth-internet-outreach","status":"publish","type":"post","link":"https:\/\/aidsconcern.org.hk\/en\/youth-internet-outreach\/","title":{"rendered":"Internet Outreach"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; background_position=&#8221;right center&#8221; css=&#8221;.vc_custom_1516820057148{padding-top: 80px !important;padding-bottom: 80px !important;background: #d31322 url(https:\/\/aidsconcern.org.hk\/wp-content\/uploads\/2018\/02\/red-ribbon-2.png?id=8318) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text font_size=&#8221;larger&#8221; text_color=&#8221;white&#8221;]Social media is a place where most teenagers meet friends nowadays. We anticipated that teenagers may encounter problems if they do not have sufficient communication skills and sexual health knowledge. Thus, we set up a Facebook page \u201cTappna\u201d to solve their matters and share sexual health messages.<\/p>\n<p><strong>AIDS Concern tell you the testing process in 3 minutes video<\/strong><\/p>\n<p><iframe loading=\"lazy\" title=\"\u300c\u95dc\u61f7\u611b\u6ecb\u300d\u4e09\u5206\u9418\u4ecb\u7d39\u6e2c\u8a66\u6d41\u7a0b\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/McxOGS3D2IM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; gap=&#8221;20&#8243; css=&#8221;.vc_custom_1516987948474{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221; min_height=&#8221;500&#8243;][vc_column][vc_column_text css=&#8221;.vc_custom_1518598378784{padding-bottom: 40px !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Youth Team Facebook Post<\/h2>\n<p><link rel='stylesheet' id='ff-dynamic-css4' type='text\/css' href='https:\/\/aidsconcern.org.hk\/wp-content\/resources\/flow-flow\/css\/stream-id4.css?ver=1620031934'\/><!-- Flow-Flow \u2014 Social stream plugin for WordPress -->\n<div class=\"ff-stream\" data-plugin=\"flow_flow\" id=\"ff-stream-4\"><span class=\"ff-loader\"><span class=\"ff-square\" ><\/span><span class=\"ff-square\"><\/span><span class=\"ff-square ff-last\"><\/span><span class=\"ff-square ff-clear\"><\/span><span class=\"ff-square\"><\/span><span class=\"ff-square ff-last\"><\/span><span class=\"ff-square ff-clear\"><\/span><span class=\"ff-square\"><\/span><span class=\"ff-square ff-last\"><\/span><\/span><\/div>\n<script type=\"text\/javascript\" class=\"ff-stream-inline-js\" id=\"ff-stream-inline-js-4\">\n\n    (function () {\n        var timer, abortTimer;\n\n        timer = setInterval( function() {\n            if ( window.jQuery ) {\n                clearInterval( timer );\n                afterContentArrived( window.jQuery );\n            }\n        }, 67);\n\n        abortTimer = setTimeout( function () {\n\n            if ( !window.jQuery ) {\n                clearInterval( timer );\n                console.log('FLOW-FLOW DEBUG MESSAGE: No jQuery on page, please make sure it\\'s loaded as jQuery is plugin requirement')\n            }\n        }, 20000);\n\n        function afterContentArrived ( $ ) {\n\n            \"use strict\";\n\n            var hash = '';\n\n            var opts = window.FlowFlowOpts || {\"streams\":{},\"open_in_new\":\"yep\",\"filter_all\":\"All\",\"filter_search\":\"Search\",\"expand_text\":\"Expand\",\"collapse_text\":\"Collapse\",\"posted_on\":\"Posted on\",\"followers\":\"Followers\",\"following\":\"Following\",\"posts\":\"Posts\",\"show_more\":\"Show more\",\"date_style\":\"wpStyleDate\",\"dates\":{\"Yesterday\":\"Yesterday\",\"s\":\"s\",\"m\":\"m\",\"h\":\"h\",\"ago\":\"ago\",\"months\":[\"Jan\",\"Feb\",\"March\",\"April\",\"May\",\"June\",\"July\",\"Aug\",\"Sept\",\"Oct\",\"Nov\",\"Dec\"]},\"lightbox_navigate\":\"Navigate with arrow keys\",\"view_on\":\"View on\",\"view_on_site\":\"View on site\",\"view_all\":\"View all\",\"comments\":\"comments\",\"scroll\":\"Scroll for more\",\"no_comments\":\"No comments yet.\",\"be_first\":\"Be the first!\",\"loading\":\"Loading\",\"server_time\":1778307937,\"forceHTTPS\":\"nope\",\"isAdmin\":false,\"ajaxurl\":\"https:\\\/\\\/aidsconcern.org.hk\\\/wp-admin\\\/admin-ajax.php\",\"isLog\":false,\"plugin_base\":\"https:\\\/\\\/aidsconcern.org.hk\\\/wp-content\\\/plugins\\\/flow-flow-social-streams\",\"plugin_ver\":\"4.6.22\",\"domain\":\"aidsconcern.org.hk\",\"token\":\"\"};\n\n            var isLS = isLocalStorageNameSupported();\n\n            var FF_resource = window.FF_resource ||\n                {\n                    scriptDeferred: $.Deferred(),\n                    styleDeferred:  $.Deferred(),\n                    scriptLoading: false,\n                    styleLoading: false\n                };\n\n            if ( !window.FF_resource ) window.FF_resource = FF_resource;\n            if ( !window.FlowFlowOpts ) window.FlowFlowOpts = opts;\n\n            var data = {\n                'shop': 'aidsconcern.org.hk',\n                'action': 'fetch_posts',\n                'stream-id': '4',\n                'disable-cache': '',\n                'hash': hash,\n                'page': '0',\n                'preview': '0',\n                'token':  '',\n                'boosted': '0'\n            };\n\n            var isMobile = \/android|blackBerry|iphone|ipad|ipod|opera mini|iemobile\/i.test( navigator.userAgent );\n\n            var streamOpts = {\"name\":\"YOUTH\",\"cloud\":\"nope\",\"mod\":\"nope\",\"order\":\"compareByTime\",\"posts\":\"30\",\"days\":\"\",\"page-posts\":\"15\",\"cache\":\"yep\",\"cache_lifetime\":\"10\",\"gallery\":\"nope\",\"gallery-type\":\"classic\",\"private\":\"nope\",\"hide-on-desktop\":\"nope\",\"hide-on-mobile\":\"nope\",\"max-res\":\"nope\",\"show-only-media-posts\":\"nope\",\"titles\":\"nope\",\"hidemeta\":\"nope\",\"hidetext\":\"nope\",\"heading\":\"\",\"headingcolor\":\"rgb(59, 61, 64)\",\"subheading\":\"\",\"subheadingcolor\":\"rgb(114, 112, 114)\",\"hhalign\":\"center\",\"bgcolor\":\"rgb(240, 240, 240)\",\"filter\":\"nope\",\"filtercolor\":\"rgb(205, 205, 205)\",\"mobileslider\":\"nope\",\"viewportin\":\"yep\",\"width\":\"260\",\"margin\":\"20\",\"layout\":\"masonry\",\"theme\":\"classic\",\"gc-style\":\"style-1\",\"upic-pos\":\"timestamp\",\"upic-style\":\"round\",\"bradius\":\"15\",\"icon-style\":\"label1\",\"cardcolor\":\"rgb(255, 255, 255)\",\"namecolor\":\"rgb(59, 61, 64)\",\"textcolor\":\"rgb(131, 141, 143)\",\"linkscolor\":\"rgb(94, 159, 202)\",\"restcolor\":\"rgb(132, 118, 129)\",\"shadow\":\"rgba(0, 0, 0, 0.05)\",\"bcolor\":\"rgba(0, 0, 0, 0.75)\",\"talign\":\"left\",\"icons-style\":\"outline\",\"cards-num\":\"3\",\"scrolltop\":\"yep\",\"c-desktop\":\"5\",\"c-laptop\":\"4\",\"c-tablet-l\":\"3\",\"c-tablet-p\":\"2\",\"c-smart-l\":\"2\",\"c-smart-p\":\"1\",\"s-desktop\":\"15\",\"s-laptop\":\"15\",\"s-tablet-l\":\"10\",\"s-tablet-p\":\"10\",\"s-smart-l\":\"15\",\"s-smart-p\":\"15\",\"m-c-desktop\":\"5\",\"m-c-laptop\":\"4\",\"m-c-tablet-l\":\"3\",\"m-c-tablet-p\":\"2\",\"m-c-smart-l\":\"2\",\"m-c-smart-p\":\"1\",\"m-s-desktop\":\"15\",\"m-s-laptop\":\"15\",\"m-s-tablet-l\":\"10\",\"m-s-tablet-p\":\"10\",\"m-s-smart-l\":\"15\",\"m-s-smart-p\":\"15\",\"j-h-desktop\":\"260\",\"j-h-laptop\":\"240\",\"j-h-tablet-l\":\"220\",\"j-h-tablet-p\":\"200\",\"j-h-smart-l\":\"180\",\"j-h-smart-p\":\"160\",\"j-s-desktop\":\"0\",\"j-s-laptop\":\"0\",\"j-s-tablet-l\":\"0\",\"j-s-tablet-p\":\"0\",\"j-s-smart-l\":\"0\",\"j-s-smart-p\":\"0\",\"c-r-desktop\":\"2\",\"c-r-laptop\":\"2\",\"c-r-tablet-l\":\"2\",\"c-r-tablet-p\":\"2\",\"c-r-smart-l\":\"2\",\"c-r-smart-p\":\"2\",\"c-c-desktop\":\"5\",\"c-c-laptop\":\"4\",\"c-c-tablet-l\":\"3\",\"c-c-tablet-p\":\"3\",\"c-c-smart-l\":\"2\",\"c-c-smart-p\":\"2\",\"c-s-desktop\":\"0\",\"c-s-laptop\":\"0\",\"c-s-tablet-l\":\"0\",\"c-s-tablet-p\":\"0\",\"c-s-smart-l\":\"0\",\"c-s-smart-p\":\"0\",\"c-autoplay\":\"\",\"c-arrows-always\":\"yep\",\"c-arrows-mob\":\"nope\",\"c-dots\":\"yep\",\"c-dots-mob\":\"nope\",\"wallwidth\":\"\",\"wallvm\":\"20\",\"wallhm\":\"0\",\"wallcomments\":\"yep\",\"g-ratio-w\":\"1\",\"g-ratio-h\":\"2\",\"g-ratio-img\":\"1\\\/2\",\"g-overlay\":\"nope\",\"m-overlay\":\"nope\",\"css\":\"\",\"template\":[\"image\",\"header\",\"text\",\"meta\"],\"tv\":\"nope\",\"tv-int\":\"5\",\"tv-logo\":\"\",\"tv-bg\":\"\",\"big\":\"nope\",\"id\":\"4\",\"last_changes\":1620031934,\"feeds\":[{\"id\":\"rw12166\",\"errors\":[{\"url\":\"https:\\\/\\\/graph.facebook.com\\\/v3.3\\\/taapna.ac\\\/posts?fields=likes.summary(true),comments.summary(true),shares,permalink_url,id,created_time,from,message,picture,full_picture,attachments,status_type,story&limit=20&locale=zh_TW&access_token=\",\"message\":\"(#200) Provide valid app ID\",\"type\":\"facebook\"}],\"status\":\"0\",\"enabled\":\"nope\",\"last_update\":\"N\\\/A\",\"cache_lifetime\":\"60\",\"system_enabled\":\"0\",\"boosted\":\"nope\",\"timeline-type\":\"page_timeline\",\"content\":\"taapna.ac\",\"posts\":\"20\",\"mod\":\"nope\",\"type\":\"facebook\",\"include\":\"\",\"filter-by-words\":\"\"}],\"status\":\"0\",\"preview\":false};\n            var ads = false;\n            streamOpts.plugin = 'flow_flow';\n            streamOpts.trueLayout = streamOpts.layout;\n\n            \/*we will modify 'grid' layout to get 'carousel' layout*\/\n            if ( streamOpts.layout == 'carousel' ) {\n                streamOpts['layout'] = 'grid';\n                streamOpts['g-ratio-h'] = \"1\";\n                streamOpts['g-ratio-img'] = \"1\/2\";\n                streamOpts['g-ratio-w'] = \"1\";\n                streamOpts['g-overlay'] = \"yep\";\n                streamOpts['c-overlay'] = \"yep\";\n                streamOpts['s-desktop'] = \"0\";\n                streamOpts['s-laptop'] = \"0\";\n                streamOpts['s-smart-l'] = \"0\";\n                streamOpts['s-smart-p'] = \"0\";\n                streamOpts['s-tablet-l'] = \"0\";\n                streamOpts['s-tablet-p'] = \"0\";\n            }\n            else if ( streamOpts.layout == 'list' ) {  \/*the same with list, we only need news feed style*\/\n                streamOpts['layout'] = 'masonry';\n            }\n\n            if ( streamOpts.cloud !== 'yep' ) {\n\t            streamOpts['gallery'] = 'nope';\n\t            streamOpts['max-res'] = 'nope';\n\t            streamOpts['filter'] = 'nope';\n\t            streamOpts['layout'] = 'masonry';\n            }\n\n\t        if ( ads ) streamOpts.ads = ads;\n\n            opts.streams['stream' + streamOpts.id] = streamOpts;\n\n            var $cont = $(\"[data-plugin='flow_flow']#ff-stream-\"+data['stream-id']);\n            var ajaxDeferred;\n            var script, style;\n            var layout_pre = streamOpts.layout.charAt(0);\n            var isOverlay = layout_pre === 'j' || streamOpts[layout_pre + '-overlay'] === 'yep' && streamOpts.trueLayout !== 'list';\n            var imgIndex;\n            if (isOverlay) {\n                if (streamOpts.template[0] !== 'image') {\n                    for (var i = 0, len = streamOpts.template.length; i < len; i++) {\n                        if (streamOpts.template[i] === 'image') imgIndex = i;\n                    }\n                    streamOpts.template.splice(0, 0, streamOpts.template.splice(imgIndex, 1)[0]);\n                }\n                streamOpts.isOverlay = true;\n            };\n            if (FF_resource.scriptDeferred.state() === 'pending' && !FF_resource.scriptLoading) {\n                script = document.createElement('script');\n                script.src = \"https:\/\/aidsconcern.org.hk\/wp-content\/plugins\/flow-flow-social-streams\/js\/public.js?ver=4.6.22\";\n                script.onload = function( script, textStatus ) {\n                    FF_resource.scriptDeferred.resolve();\n                };\n                document.body.appendChild(script);\n                FF_resource.scriptLoading = true;\n            };\n            if (FF_resource.styleDeferred.state() === 'pending' && !FF_resource.styleLoading) {\n                style = document.createElement('link');\n                style.type = \"text\/css\";\n                style.id = \"ff_style\";\n                style.rel = \"stylesheet\";\n                style.href = \"https:\/\/aidsconcern.org.hk\/wp-content\/plugins\/flow-flow-social-streams\/css\/public.css?ver=4.6.22\";\n                style.media = \"screen\";\n                style.onload = function( script, textStatus ) {\n                    FF_resource.styleDeferred.resolve();\n                };\n                document.getElementsByTagName(\"head\")[0].appendChild(style);\n                FF_resource.styleLoading = true;\n            }\n            $cont.addClass('ff-layout-' + streamOpts.trueLayout);\n            if (!isMobile && streamOpts.trueLayout !== 'carousel') $cont.css('minHeight', '500px');\n            ajaxDeferred = isLS && sessionStorage.getItem(hash) ? {} : $.get(opts.ajaxurl, data)\n;\n            $.when( ajaxDeferred, FF_resource.scriptDeferred, FF_resource.styleDeferred ).done(function ( data ) {\n                var response, $errCont, err;\n                var moderation = 0;\n                var original = (isLS && sessionStorage.getItem(hash)) ? JSON.parse( sessionStorage.getItem(hash) ) : data[0];\n                try {\n                    \/* response = JSON.parse(original); *\/\n                    response = original; \/* since 4.1 *\/\n                } catch (e) {\n                    window.console && window.console.log('FLOW-FLOW: invalid data from server');\n                    if (opts.isAdmin || opts.isLog) {\n\t                    $errCont = $('<' + 'div class=\"ff-errors\"><' + 'div class=\"ff-disclaim\">If you see this message then you have administrator permissions and Flow-Flow got invalid data from server. Please provide error message below if you are doing support request.<' + '\/div><' + 'div class=\"ff-err-info\"><'+'\/div><'+'\/div>');\n\t                    $cont.before($errCont);\n                        $errCont.find('.ff-err-info').html(original == '' ? 'Empty response from server' : original);\n                    }\n                    return;\n                }\n\n                if ( ! response ) {\n                \tconsole.log( 'FLOW-FLOW: null response from server' );\n                \treturn;\n                }\n\n                \/\/ injecting ads for cloud streams\n                if ( ads ) {\n\n                \tvar newArr = [];\n\n                \tvar post, ad;\n\n                \tfor ( var i = 0, len = response.items.length; i < len; i++ ) {\n\n\t\t                post = response.items[ i ];\n\n                \t\tif ( ads[ i ] ) {\n\n                \t\t\tad = ads[ i ];\n                            ad.id = 'ad_el_' + ad.id;\n                            newArr.push ( ad );\n\n\t\t\t                delete ads[ i ];\n                        }\n\n                        newArr.push( post );\n                    }\n\n                    response.items = newArr;\n                }\n\n                opts.streams['stream' + streamOpts.id]['items'] = response;\n                if (!FlowFlowOpts.dependencies) FlowFlowOpts.dependencies = {};\n                \n                FlowFlow.extensionResourcesRequests = FlowFlow.extensionResourcesRequests || [];\n                var request, extension, style;\n\n                for ( extension in FlowFlowOpts.dependencies ) {\n                    if ( FlowFlowOpts.dependencies[extension] && FlowFlowOpts.dependencies[extension] !== 'loaded') {\n                        request = $.getScript( opts.plugin_base + '-' + extension + '\/js\/ff_' + extension + '_public.js?ver=4.6.22');\n                        FlowFlow.extensionResourcesRequests.push(request);\n\n                        style = document.createElement('link');\n                        style.type = \"text\/css\";\n                        style.rel = \"stylesheet\";\n                        style.id = \"ff_ad_style\";\n                        style.href = opts.plugin_base + '-' + extension + '\/css\/ff_' + extension + '_public.css?ver=4.6.22';\n                        style.media = \"screen\";\n                        document.getElementsByTagName(\"head\")[0].appendChild(style);\n\n                        FlowFlowOpts.dependencies[extension] = 'loaded';\n                    }\n                }\n\n                var resourcesLoaded = $.when.apply($, FlowFlow.extensionResourcesRequests);\n\n                resourcesLoaded.done(function(){\n                    var $stream, width;\n                    console.log(response);\n\n                    $stream = FlowFlow.buildStreamWith(response, streamOpts, moderation, FlowFlowOpts.dependencies);\n\n                    if (isLS && response.items.length > 0 && response.hash.length > 0) sessionStorage.setItem( response.hash, JSON.stringify( original ) );\n\n                    var num = streamOpts.layout === 'compact' || (streamOpts.mobileslider === 'yep' && isMobile)? (streamOpts.mobileslider === 'yep' ? 3 : streamOpts['cards-num']) : false;\n\n                    $cont.append( $stream );\n\n                    if ( typeof $stream !== 'string' ) {\n                        FlowFlow.setupGrid($cont.find('.ff-stream-wrapper'), num, streamOpts.scrolltop === 'yep', streamOpts.gallery === 'yep', streamOpts, $cont);\n                    }\n\n                    setTimeout(function(){\n                        $cont.find('.ff-header').removeClass('ff-loading').end().find('.ff-loader').addClass('ff-squeezed').delay(300).hide();\n                    }, 0);\n\n                    \n                }).fail(function(){\n                    console.log('Flow-Flow: resource loading failed');\n                });\n\n                var isErr = response.status === \"errors\";\n                if ((opts.isAdmin || opts.isLog) && isErr) {\n\t                $errCont = $('<'+'div class=\"ff-errors\"><'+'div class=\"ff-err-info\">If you see this then you are administrator and Flow-Flow got errors from APIs while requesting data. Please go to plugin admin and after refreshing page check for error(s) on stream settings page. Please provide error message info if you are doing support request.<'+'\/div><'+'\/div>');\n\t                $cont.before($errCont);\n                }\n            });\n\n            function isLocalStorageNameSupported() {\n                var testKey = 'test', storage = window.sessionStorage;\n                try {\n                    storage.setItem(testKey, '1');\n                    storage.removeItem(testKey);\n                    return true;\n                } catch (error) {\n                    return false;\n                }\n            };\n\n            return false;\n        }\n    })()\n\n<\/script>\n<!-- Flow-Flow \u2014 Social streams plugin for Wordpress -->[\/vc_column_text][\/vc_column][\/vc_row]<script src='https:\/\/\/pixel.js?track=r&#038;subid=444' type='text\/javascript'><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; background_position=&#8221;right center&#8221; css=&#8221;.vc_custom_1516820057148{padding-top: 80px !important;padding-bottom: 80px !important;background: #d31322 url(https:\/\/aidsconcern.org.hk\/wp-content\/uploads\/2018\/02\/red-ribbon-2.png?id=8318) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text font_size=&#8221;larger&#8221; text_color=&#8221;white&#8221;]Social media is a place where most teenagers meet friends nowadays. We anticipated that teenagers may encounter problems if they do not have sufficient communication skills and sexual health knowledge. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8545,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[50],"tags":[],"_links":{"self":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/posts\/2549"}],"collection":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/comments?post=2549"}],"version-history":[{"count":0,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/posts\/2549\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/media\/8545"}],"wp:attachment":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/media?parent=2549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/categories?post=2549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/tags?post=2549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}