{"id":25683,"date":"2025-09-15T15:25:04","date_gmt":"2025-09-15T20:25:04","guid":{"rendered":"https:\/\/flex.com\/?page_id=25683"},"modified":"2025-10-01T14:55:03","modified_gmt":"2025-10-01T19:55:03","slug":"social-flex","status":"publish","type":"page","link":"https:\/\/flex.com\/de\/social-flex","title":{"rendered":"Sozial @ Flex"},"content":{"rendered":"<div id=\"block_a1d468e29362ff1ea6c6890b6126c14d\" class=\"header block dark-content\" style=\"background-color: #eaeef4;\">\n\t\t<div class=\"container\">\n\t\t<div class=\"content\" style=\"max-width: 1200px;\">\n\t\t\t\n\n<h2 class=\"wp-block-heading\" id=\"h-social-flex\">Social @ Flex<\/h2>\n\n\n\t\t<\/div>\n\t<\/div>\n\t<script>\n\t\tlet id = \"#block_a1d468e29362ff1ea6c6890b6126c14d\";\n\n\t\t(function ($) {\n\t\t\t\n\t\t\tif (!$) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\t$(id + \" .content h1, \" + \n\t\t\tid + \" .content h2, \" + \n\t\t\tid + \" .content h3, \" + \n\t\t\tid + \" .content h4, \" + \n\t\t\tid + \" .content h5, \" + \n\t\t\tid + \" .content h6, \" + \n\t\t\tid + \" .content p\").addClass(\"fade-in\");\n\t\t\t\n\t\t\t\/\/ Detect white text and apply shadow only when needed\n\t\t\t$(id + \" .content h1, \" + id + \" .content h2, \" + id + \" .content h3, \" + id + \" .content h4, \" + id + \" .content h5, \" + id + \" .content h6\").each(function () {\n\t\t\t\tconst color = window.getComputedStyle(this).color;\n\t\t\t\tconst match = color.match(\/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)\/);\n\t\t\t\n\t\t\t\tif (match) {\n\t\t\t\t\tconst [r, g, b] = match.slice(1).map(Number);\n\t\t\t\t\tconst isWhite = r > 240 && g > 240 && b > 240;\n\t\t\t\n\t\t\t\t\tif (isWhite) {\n\t\t\t\t\t\t$(this).addClass(\"white-text-shadow\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Fade in the background image (and overlay if present)\n\t\t\tif ($(id).children(\".background-image\").length > 0) {\n\t\t\t\tvar image = new Image();\n\t\t\t\timage.onload = function () {\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Background image\n\t\t\t\t\t$(id).children(\".background-image\").addClass(\"visible\");\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Overlay (only if the ACF toggle is on)\n\t\t\t\t\tif ($(id).children(\".dark-overlay\").length > 0) {\n\t\t\t\t\t\t$(id).children(\".dark-overlay\").addClass(\"visible\");\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Content container\n\t\t\t\t\t$(id).children(\".container\").addClass(\"visible\");\n\t\t\t\t};\n\t\t\t\timage.src = \"\";\n\t\t\t} else {\n\t\t\t\t$(id).children(\".container\").addClass(\"visible\");\n\t\t\t}\n\t\t})(window.jQuery);\n\t\t\n\t\t\n\t\tif (!window.wp?.blocks) {\n\t\t\n\t\t\twindow.addEventListener('DOMContentLoaded', () => {\n\t\t\n\t\t\t\tif (typeof ScrollReveal === 'function') {\n\t\t\n\t\t\t\t\tScrollReveal().reveal(id + \" .fade-in\", {\n\t\t\t\t\t\torigin: \"left\",\n\t\t\t\t\t\tdistance: \"24px\",\n\t\t\t\t\t\tinterval: 100\n\t\t\t\t\t});\n\t\t\n\t\t\t\t}\n\t\t\n\t\t\t});\n\t\t\n\t\t}\n\t<\/script>\n<\/div>\n\n<div class=\"tabs block\">\n\t<div class=\"container\">\n\t\t<div class=\"spacer\"><\/div>\n\t\t<div class=\"tabs-container\">\n\t\t\t<div class=\"tabs\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"content\">\n\t\t\t\n\t\t<div class=\"tab block\" data-slug=\"twitter\" data-label=\"Twitter\">\n\t\t<div class=\"container\">\n\t\t\t\n\n<div id=\"id_6aec12d74edc5\" class=\"social-feed block\">\n\t<div class=\"container full-page-x white\">\n\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/www.juicer.io\/embed\/flex-main-full-page-x\/embed-code.js?per=21\" async defer><\/script>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\n\t\t<div class=\"tab block\" data-slug=\"linkedin\" data-label=\"LinkedIn\">\n\t\t<div class=\"container\">\n\t\t\t\n\n<div id=\"id_6aec12d7507aa\" class=\"social-feed block\">\n\t<div class=\"container full-page-linkedin white\">\n\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/www.juicer.io\/embed\/flex-main-full-page-linkedin\/embed-code.js?per=21\" async defer><\/script>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\n\t\t<div class=\"tab block\" data-slug=\"facebook\" data-label=\"Facebook\">\n\t\t<div class=\"container\">\n\t\t\t\n\n<div id=\"id_6aec12d750fc9\" class=\"social-feed block\">\n\t<div class=\"container full-page-facebook white\">\n\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/www.juicer.io\/embed\/flex-main-full-page-facebook\/embed-code.js?per=21\" async defer><\/script>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\n\t\t<div class=\"tab block\" data-slug=\"instagram\" data-label=\"Instagram\">\n\t\t<div class=\"container\">\n\t\t\t\n\n<div id=\"id_6aec12d7516ff\" class=\"social-feed block\">\n\t<div class=\"container full-page-instagram white\">\n\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/www.juicer.io\/embed\/flex-main-full-page-instagram\/embed-code.js\" async defer><\/script>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\n\t\t<div class=\"tab block\" data-slug=\"youtube\" data-label=\"YouTube\">\n\t\t<div class=\"container\">\n\t\t\t\n\n<div id=\"id_6aec12d751f66\" class=\"social-feed block\">\n\t<div class=\"container full-page-youtube white\">\n\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/www.juicer.io\/embed\/flex-main-full-page-youtube\/embed-code.js\" async defer><\/script>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\n\t\t<\/div>\n\t<\/div>\n\t<script>\n\t\t\n\n\t\t\/**\n\t\t * Self-invoking function to encapsulate and run the script when the DOM is ready.\n\t\t * This pattern helps in avoiding global scope pollution and conflicts with other scripts.\n\t\t *\/\n\t\t(function ($) {\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar isEditor = !!window.wp?.blocks; \/\/ Determine if the current page is the WordPress editor page, which affects how tabs are rendered.\n\t\t\t\tvar $tabsBlock   = $(\".tabs.block\"); \/\/ Select the main container of the tabs. This is the primary block where all tabs and their content are contained.\n\t\t\t\tvar $contentTabs = $tabsBlock.find(\".content .tab\"); \/\/ Find all content elements of the tabs. These are the contents that will be shown\/hidden based on active tab.\n\t\t\t\tvar $navTabs     = $tabsBlock.find(\".tabs\"); \/\/ Locate the container of the tab navigation buttons\/links.\n\n\t\t\t\t\/**\n\t\t\t\t * Initializes the tab structure on the frontend (not in the WordPress editor).\n\t\t\t\t * This function creates navigation tabs corresponding to each content tab and sets up their click handlers.\n\t\t\t\t *\/\n\t\t\t\tvar init_frontend_tabs = function () {\n\t\t\t\t\t$navTabs.empty();\n\t\t\t\t\t$contentTabs.each(function (index) {\n\t\t\t\t\t\t\/\/ Create a div for each tab in the navigation, using the 'label' data attribute for its text.\n\t\t\t\t\t\tvar $tab = $(\"<div>\").addClass(\"tab\").html($(this).data(\"label\"));\n\t\t\t\t\t\t$navTabs.append($tab); \/\/ Append this new navigation tab to the tabs container.\n\n\t\t\t\t\t\t\/\/ Attach click event handler to each navigation tab.\n\t\t\t\t\t\t$tab.on(\"click\", function () {\n\t\t\t\t\t\t\t\/\/ On click, update the URL hash to reflect the clicked tab and prevent auto-scrolling.\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\twindow.localStorage.setItem(\n\t\t\t\t\t\t\t\t\t\"scroll_on_hash_change\",\n\t\t\t\t\t\t\t\t\t\"false\"\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} catch (e) {}\n\t\t\t\t\t\t\twindow.location.hash = $contentTabs.eq(index).data(\"slug\");\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t};\n\n\t\t\t\t\/**\n\t\t\t\t * Sets the active tab based on the URL hash, or defaults to the first tab if no hash is present.\n\t\t\t\t * This function updates the appearance and visibility of tabs and their contents accordingly.\n\t\t\t\t *\/\n\t\t\t\tvar set_active_frontend_tab = function () {\n\t\t\t\t\tvar $navTabsActive = $tabsBlock.find(\".tabs div.tab\"); \/\/ Select all navigation tabs.\n\t\t\t\t\tvar activeIndex    = 0; \/\/ Default to the first tab if no specific hash is found.\n\n\t\t\t\t\t\/\/ If the URL has a hash, find the corresponding tab and set it as active.\n\t\t\t\t\tif (window.location.hash) {\n\t\t\t\t\t\tvar hash = window.location.hash.replace(\"#\", \"\");\n\t\t\t\t\t\n\t\t\t\t\t\t$contentTabs.each(function(index) {\n\t\t\t\t\t\t\tif ($(this).data(\"slug\") === hash) {\n\t\t\t\t\t\t\t\tactiveIndex = index;\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Set the active class on the appropriate navigation tab and display the corresponding tab content.\n\t\t\t\t\t$navTabsActive.removeClass(\"active\").eq(activeIndex).addClass(\"active\");\n\t\t\t\t\t$contentTabs.hide().eq(activeIndex).show();\n\t\t\t\t};\n\n\t\t\t\t\/\/ If the current context is not the editor, initialize and set active tabs for the frontend.\n\t\t\t\tif (!isEditor) {\n\t\t\t\t\tinit_frontend_tabs();\n\t\t\t\t\tset_active_frontend_tab();\n\t\t\t\t\t\/\/ Refresh accordion after default tab is shown\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (typeof refreshVisibleAccordions === 'function') {\n\t\t\t\t\t\t\trefreshVisibleAccordions();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 50);\n\t\t\t\t\t\/\/ Trigger any scroll animations or reveals for the newly displayed tabs.\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (typeof ScrollReveal === 'function') {\n\t\t\t\t\t\t\tScrollReveal().delegate();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 100);\n\t\t\t\t}\n\n\t\t\t\t\/\/ Handle changes to the URL hash (when a user clicks a tab).\n\t\t\t\tvar handleHashChange = function () {\n\t\t\t\t\n\t\t\t\t\tif (!isEditor) {\n\t\t\t\t\n\t\t\t\t\t\tset_active_frontend_tab();\n\t\t\t\t\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tif (typeof refreshVisibleAccordions === 'function') {\n\t\t\t\t\t\t\t\trefreshVisibleAccordions();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 50);\n\t\t\t\t\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tif (typeof ScrollReveal === 'function') {\n\t\t\t\t\t\t\t\tScrollReveal().delegate();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 100);\n\t\t\t\t\n\t\t\t\t\t\tvar $containerContent = $(\".tabs.block > .container .content\");\n\t\t\t\t\n\t\t\t\t\t\tif ($containerContent.length && $containerContent.offset()) {\n\t\t\t\t\n\t\t\t\t\t\t\tvar headerHeight = $('#flex-header').length\n\t\t\t\t\t\t\t\t? $('#flex-header').height()\n\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\n\t\t\t\t\t\t\tvar tabsHeight =\n\t\t\t\t\t\t\t\t$(\".tabs.block > .container .tabs-container\").length\n\t\t\t\t\t\t\t\t\t? $(\".tabs.block > .container .tabs-container\").height()\n\t\t\t\t\t\t\t\t\t: 0;\n\t\t\t\t\n\t\t\t\t\t\t\tvar offsetTop =\n\t\t\t\t\t\t\t\t$containerContent.offset().top -\n\t\t\t\t\t\t\t\theaderHeight -\n\t\t\t\t\t\t\t\ttabsHeight -\n\t\t\t\t\t\t\t\t68;\n\t\t\t\t\n\t\t\t\t\t\t\t$([document.documentElement, document.body]).animate(\n\t\t\t\t\t\t\t\t{ scrollTop: offsetTop },\n\t\t\t\t\t\t\t\t500\n\t\t\t\t\t\t\t);\n\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'hashchange',\n\t\t\t\t\thandleHashChange\n\t\t\t\t);\n\t\t\t});\n\t\t})(jQuery); \/\/ Pass jQuery as an argument to ensure no conflict in jQuery usage.\n\t<\/script>\n<\/div>\n\n<div class=\"spacer block\" style=\"height: 24px;\">\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_searchwp_excluded":"","inline_featured_image":false,"footnotes":""},"categories":[34],"class_list":["post-25683","page","type-page","status-publish","hentry","category-corporate"],"acf":[],"_links":{"self":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/pages\/25683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/comments?post=25683"}],"version-history":[{"count":24,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/pages\/25683\/revisions"}],"predecessor-version":[{"id":25748,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/pages\/25683\/revisions\/25748"}],"wp:attachment":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/media?parent=25683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/categories?post=25683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}