{"id":6901,"date":"2018-01-26T19:59:09","date_gmt":"2018-01-26T19:59:09","guid":{"rendered":"https:\/\/aidsconcern.org.hk\/?p=6901"},"modified":"2018-01-26T19:59:09","modified_gmt":"2018-01-26T19:59:09","slug":"plhiv-internet-outreach","status":"publish","type":"post","link":"https:\/\/aidsconcern.org.hk\/en\/plhiv-internet-outreach\/","title":{"rendered":"Internet outreach"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content&#8221; gap=&#8221;20&#8243; css=&#8221;.vc_custom_1516995665854{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #f0f0f0 !important;}&#8221; min_height=&#8221;500&#8243;][vc_column][vc_column_text css=&#8221;.vc_custom_1519118930907{padding-bottom: 40px !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Posts<\/h2>\n<p><link rel='stylesheet' id='ff-dynamic-css3' type='text\/css' href='https:\/\/aidsconcern.org.hk\/wp-content\/resources\/flow-flow\/css\/stream-id3.css?ver=1620031889'\/><!-- Flow-Flow \u2014 Social stream plugin for WordPress -->\n<div class=\"ff-stream\" data-plugin=\"flow_flow\" id=\"ff-stream-3\"><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-3\">\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\":1746454497,\"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': '3',\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\":\"PLHIV\",\"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\":\"3\",\"last_changes\":1620031889,\"feeds\":[{\"id\":\"qh69972\",\"errors\":[],\"status\":\"1\",\"enabled\":\"nope\",\"last_update\":\"Sep 3 2021\",\"cache_lifetime\":\"60\",\"system_enabled\":\"1\",\"boosted\":\"nope\",\"timeline-type\":\"page_timeline\",\"content\":\"1720959898172087\",\"posts\":\"20\",\"mod\":\"nope\",\"type\":\"facebook\",\"include\":\"\",\"filter-by-words\":\"\",\"page\":\"1\"}],\"status\":\"1\",\"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_content&#8221; gap=&#8221;20&#8243; css=&#8221;.vc_custom_1516995665854{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #f0f0f0 !important;}&#8221; min_height=&#8221;500&#8243;][vc_column][vc_column_text css=&#8221;.vc_custom_1519118930907{padding-bottom: 40px !important;}&#8221;] Posts [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":8561,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[40],"tags":[],"_links":{"self":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/posts\/6901"}],"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=6901"}],"version-history":[{"count":0,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/posts\/6901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/media\/8561"}],"wp:attachment":[{"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/media?parent=6901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/categories?post=6901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aidsconcern.org.hk\/en\/wp-json\/wp\/v2\/tags?post=6901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}