{"id":6,"date":"2019-12-09T15:38:07","date_gmt":"2019-12-09T07:38:07","guid":{"rendered":"http:\/\/localhost\/?page_id=6"},"modified":"2020-04-08T11:10:59","modified_gmt":"2020-04-08T03:10:59","slug":"work","status":"publish","type":"page","link":"https:\/\/www.totalgroups.com\/zh\/work\/","title":{"rendered":"Work"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid _top_row no-padding vc_custom_1578046409962\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"_post_list_top\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid no-padding by-type DOMSubtreeModified\"><div class=\"no-padding wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"vc_grid-container-wrapper vc_clearfix\">\n\t<div class=\"vc_grid-container vc_clearfix wpb_content_element vc_masonry_grid control_all\" data-initial-loading-animation=\"zoomIn\" data-vc-grid-settings=\"{&quot;page_id&quot;:6,&quot;style&quot;:&quot;all-masonry&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1586315349236-c5a8d8b1-c9c6-6&quot;,&quot;tag&quot;:&quot;vc_masonry_grid&quot;}\" data-vc-request=\"https:\/\/www.totalgroups.com\/wp-admin\/admin-ajax.php\" data-vc-post-id=\"6\" data-vc-public-nonce=\"2b16cb76c6\">\n\t\t\n\t<\/div>\n<\/div>\n<div class=\"vc_grid-container-wrapper vc_clearfix\">\n\t<div class=\"vc_grid-container vc_clearfix wpb_content_element vc_masonry_grid control_by_type\" data-initial-loading-animation=\"zoomIn\" data-vc-grid-settings=\"{&quot;page_id&quot;:6,&quot;style&quot;:&quot;all-masonry&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1586315349238-dee12684-1abd-9&quot;,&quot;tag&quot;:&quot;vc_masonry_grid&quot;}\" data-vc-request=\"https:\/\/www.totalgroups.com\/wp-admin\/admin-ajax.php\" data-vc-post-id=\"6\" data-vc-public-nonce=\"2b16cb76c6\">\n\t\t\n\t<\/div>\n<\/div>\n<div class=\"vc_grid-container-wrapper vc_clearfix\">\n\t<div class=\"vc_grid-container vc_clearfix wpb_content_element vc_masonry_grid control_by_client\" data-initial-loading-animation=\"zoomIn\" data-vc-grid-settings=\"{&quot;page_id&quot;:6,&quot;style&quot;:&quot;all-masonry&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1586315349239-d2b11570-ca8c-5&quot;,&quot;tag&quot;:&quot;vc_masonry_grid&quot;}\" data-vc-request=\"https:\/\/www.totalgroups.com\/wp-admin\/admin-ajax.php\" data-vc-post-id=\"6\" data-vc-public-nonce=\"2b16cb76c6\">\n\t\t\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid __hide\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>$( document ).ready(function() {\n\n    $('body').append('<div class=\"_loading_cover\"><div class=\"lds-ring\"><div><\/div><div><\/div><div><\/div><div><\/div><\/div><\/div>');\n\n    var $_loading_cover = $('._loading_cover');\n\n    function getURLParameter() {\n    \n        var split = window.location.href.split(\"?\");\n        var matches = split.length > 1 ? split[1].match(\/([^&]+)\/g) : [];\n        var param = {};\n        \n        matches.forEach(function(v,k){\n            v = v.split(\"=\");\n            param[v[0].replace(\/\\?|\\&\/g,\"\")] = v[1];\n        });\n        \n        return param;\n        \n    }\n    \n    var param = getURLParameter();\n\nvar control_list = ['control_all','control_by_type','control_by_client'];\nvar control_name = ['All Works','Type of Works','Type of Clients'];\nvar $pageControl = $('<div class=\"page_control_cont\"><div class=\"control\"><\/div><\/div>');\n\nvar $post_list_top = $('._post_list_top')\n$.each(control_list ,function (k,v){\n    var _html = ''\n    var _on=''\n    if (k != 0) {_html += '<span class=\"slash\">\/<\/span>'}\n    if (param.page){_on= param.page == v ? ' on' : ''}\n    else if (k==0){_on=' on'}\n    _html += '<span class=\"control_btn'+_on+'\" control=\"'+v+'\">'+control_name[k]+'<\/span>';\n    var _btn = $(_html);\n    \/\/ _btn.click(function(){\n    \/\/     $('.vc_masonry_grid').hide('fast');\n    \/\/     $('.vc_masonry_grid.'+control_list).show('fast');\n    \/\/     _btn.addClass('on');\n    \/\/ });\n    $pageControl.find('.control').append(_btn);\n    $post_list_top.append($pageControl);\n})\n\nvar Interval = setInterval(function (){\n    if ($('.vc_masonry_grid').length == 3 && $('.vc_pageable-slide-wrapper').length == 3 && $('.vc_masonry_grid .vc_grid-item').length > 0) {\n        console.log('start');\n        page_init();\n        clearInterval(Interval);\n    }\n}, 300)\nfunction page_init() {\n\n    $(window).resize(function(){if ($(window).width() < 768){\n                    $('.vc_masonry_grid').css('padding-top',$('.page_control_cont').outerHeight())\n                }else{\n                    $('.vc_masonry_grid').css('padding-top','unset')}})\n\n    \n    $('.vc_masonry_grid').each(function (k,v){\n\n        $(this).find('.vc_grid-item').each(function (xk,xv){\n            var $this = $(xv);\n            var $img = $this.find('img');\n            var width = $img.width(), height = $img.height();\n            if (width*height > 0) {\n                if (width > height){\n                    $this.addClass('_landscape');\n                }else{\n                    $this.addClass('_portrait');\n                }\n            }else{\n\n                console.log('w*h:' + width*height)\n                var _Interval = setInterval(function (){\n                    var width = $img.width(), height = $img.height();\n                    if (width*height > 0) {\n                        if (width > height){\n                            $this.addClass('_landscape');\n                        }else{\n                            $this.addClass('_portrait');\n                        }\n                        clearInterval(_Interval);\n                        window.dispatchEvent(new Event('resize'));\n                    }\n                }, 300)\n            }\n        })\n\n\n        \/\/ $(v).delegate( '.vc_grid-item img' , 'load' , function(e) {\n        \/\/     console.log('delegate run');\n        \/\/     var $img = $( e.target );\n        \/\/     var $this = $img.parent( \".vc_grid-item\" );\n        \/\/     var width = $img.width(), height = $img.height();\n        \/\/     if (width*height > 0) {\n        \/\/         if (width > height){\n        \/\/             $this.addClass('_landscape');\n        \/\/         }else{\n        \/\/             $this.addClass('_portrait');\n        \/\/         }\n        \/\/     }\n        \/\/ })\n\n        \n        var term = []\n        var term_text = ''\n        var $filter = $(v).find('.vc_grid-filter li span');\n        \n        $filter.each(function (_k,_v){\n            var _term = $(_v).attr('data-vc-grid-filter-value').replace('.','')\n            if (_term != '*'){\n                term.push(_term);\n                term_text += (' ' + _term)\n            }else{\n                $(_v).parent().hide();\n            }\n        })\n\n        var _control_class = '';\n        $.each(control_list,function (_k,_v){\n            \n            if ($(v).hasClass(_v)){\n                _control_class = _v;\n            }\n        })\n        var $vc_pageable = $(v).find('.vc_pageable-slide-wrapper')\n\n        var $vc_gridfilter = $(v).find('.vc_grid-filter')\n        var hasgridfilter = false;\n\n        if($vc_gridfilter.length == 0){\n            $vc_gridfilter = $('<div class=\"text\"><h2>WE PROUDLY PRESENT TO YOU<\/h2><\/div>')\n        }else{\n            hasgridfilter = true;\n            $vc_gridfilter.addClass('showing')\n            \/\/ $vc_gridfilter.find('.vc_grid-filter-item span').unwrap().wrap('<span class=\"vc_grid-filter-item\"\/>'); \/\/ <-- adds the div\n        }\n        $vc_gridfilter.addClass(_control_class).addClass('page_control_filter');\n\n\n        var $filterDiv = $('<div class=\"page_control_cont_vc_grid-item vc_grid-item vc_grid-filter vc_clearfix vc_col-sm-6 vc_grid_filter-item vc_visible-item'+term_text+'\" style=\" position: absolute; left: 0px; top: 0px;\"><\/div>');\n        $filterDiv.addClass(term);\n        var _pageControl = $pageControl;\n        _pageControl.append($vc_gridfilter);\n        \/\/ $filterDiv.append(_pageControl);\n        $vc_pageable.prepend($filterDiv);\n        if (param.page){\n            if (param.page!=_control_class){\n                $('.'+ _control_class).hide();\n            }else{\n                $('.'+ _control_class).show();\n                \n                if(hasgridfilter && param.type){\n                    $vc_gridfilter.find('.vc_grid-filter-item span').each(function(spk, span){\n                      if( $(span).text() == param.type ) { $(span).click(); };\n                    })\n                }\n                if ($(window).width() < 768){\n                    $(v).css('padding-top',$('.page_control_cont').outerHeight())\n                }\n            }\n        }else if (k > 0){\n            $('.'+ _control_class).hide();\n        }else{\n            $('.'+ _control_class).show();\n            \n            if ($(window).width() < 768){\n                $(v).css('padding-top',$('.page_control_cont').outerHeight())\n            }\n\n        }\n    })\n\n    \n    $('.control_btn').click(function(){\n        var $btn = $(this);\n        if (!$btn.hasClass('on')){\n\n            $_loading_cover.fadeIn('fast')\n\n            $('.control_btn').removeClass('on');\n            \n            var _control_list = $btn.attr('control');\n\n            $('.page_control_filter:visible').fadeOut('fast', function(){\n                $('.page_control_filter.'+_control_list).fadeIn('fast',function(){\n                      $(this).find('[data-vc-grid-filter-value=\"*\"]').click();\n                });\n            });\n\n            $('.vc_masonry_grid:visible').fadeOut('fast', function(){\n                $('.vc_masonry_grid.'+_control_list).fadeIn('fast',function(){\n\n                    $(this).find('.vc_grid-item').each(function (xk,xv){\n                        var $this = $(xv);\n                        var $img = $this.find('img');\n                        var width = $img.width(), height = $img.height();\n                        if (width*height > 0) {\n                            if (width > height){\n                                $this.addClass('_landscape');\n                            }else{\n                                $this.addClass('_portrait');\n                            }\n                        }else{\n                            $img.load(function() {\n                                width = this.width; height =this.height;\n                                if (width > height){\n                                    $this.addClass('_landscape');\n                                }else{\n                                    $this.addClass('_portrait');\n                                }\n                            })\n                        }\n                    })\n                    window.dispatchEvent(new Event('resize')); \n\n                    if ($(window).width() < 768){\n                        $(this).css('padding-top',$('.page_control_cont').outerHeight())\n                    }\n\n                    setTimeout(function(){$_loading_cover.fadeOut('fast')},500);\n                });\n            });\n\n\n            $('[control=\"'+_control_list+'\"]').addClass('on');\n        }\n    });\n    $('.vc_custom_heading > div').attr('style',''); \n    window.dispatchEvent(new Event('resize'));\n\n    setTimeout(function(){$_loading_cover.fadeOut('fast')},500);\n}\n})<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS<\/title>\n<meta name=\"description\" content=\"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.totalgroups.com\/zh\/work\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS\" \/>\n<meta property=\"og:description\" content=\"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.totalgroups.com\/zh\/work\/\" \/>\n<meta property=\"og:site_name\" content=\"TotalGroups\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-08T03:10:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u8a08\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.totalgroups.com\/zh\/work\/\",\"url\":\"https:\/\/www.totalgroups.com\/zh\/work\/\",\"name\":\"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS\",\"isPartOf\":{\"@id\":\"https:\/\/www.totalgroups.com\/#website\"},\"datePublished\":\"2019-12-09T07:38:07+00:00\",\"dateModified\":\"2020-04-08T03:10:59+00:00\",\"description\":\"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.totalgroups.com\/zh\/work\/#breadcrumb\"},\"inLanguage\":\"zh-HK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.totalgroups.com\/zh\/work\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.totalgroups.com\/zh\/work\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.totalgroups.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.totalgroups.com\/#website\",\"url\":\"https:\/\/www.totalgroups.com\/\",\"name\":\"TotalGroups\",\"description\":\"We are creating brand!\",\"publisher\":{\"@id\":\"https:\/\/www.totalgroups.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.totalgroups.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-HK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.totalgroups.com\/#organization\",\"name\":\"TOTAL Branding & Design Group\",\"url\":\"https:\/\/www.totalgroups.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\/\/www.totalgroups.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.totalgroups.com\/wp-content\/uploads\/2021\/11\/tsg_logo.png\",\"contentUrl\":\"https:\/\/www.totalgroups.com\/wp-content\/uploads\/2021\/11\/tsg_logo.png\",\"width\":400,\"height\":400,\"caption\":\"TOTAL Branding & Design Group\"},\"image\":{\"@id\":\"https:\/\/www.totalgroups.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/tsgbranding\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS","description":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.totalgroups.com\/zh\/work\/","og_locale":"zh_HK","og_type":"article","og_title":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS","og_description":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.","og_url":"https:\/\/www.totalgroups.com\/zh\/work\/","og_site_name":"TotalGroups","article_modified_time":"2020-04-08T03:10:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u8a08\u95b1\u8b80\u6642\u9593":"7 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.totalgroups.com\/zh\/work\/","url":"https:\/\/www.totalgroups.com\/zh\/work\/","name":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS","isPartOf":{"@id":"https:\/\/www.totalgroups.com\/#website"},"datePublished":"2019-12-09T07:38:07+00:00","dateModified":"2020-04-08T03:10:59+00:00","description":"Work \u00b7 TotalGroups - BRANDING | DESIGN | ENVIRONMENTS - We cater various branding and design services to match the need of our clients.","breadcrumb":{"@id":"https:\/\/www.totalgroups.com\/zh\/work\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.totalgroups.com\/zh\/work\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.totalgroups.com\/zh\/work\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.totalgroups.com\/"},{"@type":"ListItem","position":2,"name":"Work"}]},{"@type":"WebSite","@id":"https:\/\/www.totalgroups.com\/#website","url":"https:\/\/www.totalgroups.com\/","name":"TotalGroups","description":"We are creating brand!","publisher":{"@id":"https:\/\/www.totalgroups.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.totalgroups.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-HK"},{"@type":"Organization","@id":"https:\/\/www.totalgroups.com\/#organization","name":"TOTAL Branding & Design Group","url":"https:\/\/www.totalgroups.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/www.totalgroups.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.totalgroups.com\/wp-content\/uploads\/2021\/11\/tsg_logo.png","contentUrl":"https:\/\/www.totalgroups.com\/wp-content\/uploads\/2021\/11\/tsg_logo.png","width":400,"height":400,"caption":"TOTAL Branding & Design Group"},"image":{"@id":"https:\/\/www.totalgroups.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/tsgbranding"]}]}},"_links":{"self":[{"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":112,"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":2127,"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions\/2127"}],"wp:attachment":[{"href":"https:\/\/www.totalgroups.com\/zh\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}