{"id":9162,"date":"2022-10-05T09:40:54","date_gmt":"2022-10-05T07:40:54","guid":{"rendered":"https:\/\/bpi.dk\/?page_id=9162"},"modified":"2023-07-19T09:19:07","modified_gmt":"2023-07-19T07:19:07","slug":"sustainability","status":"publish","type":"page","link":"https:\/\/bpi.dk\/en\/insights\/sustainability\/","title":{"rendered":"Sustainability"},"content":{"rendered":"<div class=\"block-cta-advanced relative bg-cover bg-center bg-no-repeat pt-6 md:pt-12 lg:pt-12 pb-6 md:pb-6 lg:pb-6    theme-dark schema-bg-color-primary lazy-bg\" id=\"block_64b78e69ccc0f\" style=\"background-image: url('data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/\/\/\/\/yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==')\" data-src=\"https:\/\/bpi.dk\/wp-content\/uploads\/2022\/01\/Bio-mass.png\" data-design-type=\"type_4\">\n\n\n    \n        <div class=\"absolute inset-0 overflow-hidden\">\n            <div class=\"banner-video-bg-container h-full  \">\n                <video class=\"h-full w-full object-cover object-center\" width=\"1920\" height=\"1080\" playsinline autoplay loop muted>\n                    <source src=\"\" type=\"video\/mp4\">\n                <\/video>\n            <\/div>\n        <\/div>\n    \n\n    <div class=\"absolute inset-0 z-10\" style=\"background-color: #232323; opacity: 0.40\"><\/div>\n\n    \n    \n        \n\n<div class=\"container relative z-10\">\n    <div class=\"pb-16 pt-20 md:pt-32 lg:py-32 relative\">\n        <div class=\"relative   mx-auto text-center \">\n\n            \n            <div class=\"relative z-10 \">\n                <header class=\"mb-3\">\n                                            <div class=\"pre-heading  mb-3\">\n                            Insights                        <\/div>\n                                        <h1 class=\"\">\n                        Sustainability                    <\/h1>\n                <\/header>\n                <div class=\"wysiwyg-content  text-xl max-w-lg xl:max-w-xl mx-auto\">\n                                    <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <\/div>\n    <\/div>\n\n\n\n<div class=\"block-post-list pt-16 md:pt-16 lg:pt-24 pb-24 md:pb-48 lg:pb-48 theme- schema-bg-color-default\"\n     id=\"block_64b78e69e114a\">\n\n    <div class=\"container\" >\n\n        <div x-data=\"xDataPostList_block_d5e7d50e1c3f39ff43f1d0c2ee2d2d3e()\" x-init=\"init()\" class=\"relative\">\n\n            \n                \n<header class=\"mb-6 md:mb-12  \">\n    \n    \n    <\/header>\n\n            \n\n            \n\n\n\n            <div class=\"relative\">\n                <div class=\"absolute top-0 left-0 right-0\" x-show=\"loading\">\n                    <div class=\"load-bar\">\n                        <div class=\"bar\"><\/div>\n                        <div class=\"bar\"><\/div>\n                        <div class=\"bar\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"\" id=\"postContainer_block_d5e7d50e1c3f39ff43f1d0c2ee2d2d3e\"><\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n        <script>\n            function xDataPostList_block_d5e7d50e1c3f39ff43f1d0c2ee2d2d3e() {\n                return {\n                    taxonomyFilters: [],\n                    postType: 'video',\n                    taxonomy: '',\n                    searchQuery: '',\n                    termFilter: 0,\n                    initTab: 0,\n                    tab: 0,\n                    loading: false,\n                    showLeftNav: true,\n                    showRightNav: true,\n                    scrollWidth: 0,\n                    navigationElement: null,\n                    scrollPosition: 0,\n                    active: 0,\n                    itemCount: 0,\n                    selectedCity: '',\n                    init: function () {\n                        let vm = this;\n\n                        let filtersInit = [];\n                        Object.keys(filtersInit).forEach(function(key) {\n                            vm.taxonomyFilters['' + key + ''] = filtersInit[key];\n\n                            jQuery(vm.$refs['' + key + '']).select2({\n                                minimumResultsForSearch: -1\n                            }).on(\"select2:select\", (event) => {\n                                vm.taxonomyFilters['' + key + ''] = event.target.value;\n                            });\n\n                            jQuery(vm.$refs['' + key + '']).val(filtersInit[key]).trigger(\"change\");\n                        });\n\n\n                        setTimeout(function(){\n                            vm.fetchPosts(vm.taxonomyFilters);\n                        }, 500);\n\n\n                        this.$watch('taxonomyFilters', function (value, oldValue) {\n                            vm.fetchPosts(value);\n                        });\n\n                        this.$watch('searchQuery', function (value, oldValue) {\n\n                            vm.taxonomyFilters = {};\n                            vm.fetchPosts();\n                        });\n\n                        if(document.getElementById('departmentNav')){\n\n                            vm.navigationElement = document.getElementById('departmentNav');\n                            vm.scrollWidth = (vm.navigationElement.scrollWidth);\n\n                            vm.$watch('scrollPosition', function (value) {\n                                vm.setScrollPosition(value);\n                            });\n\n                            var firstElem = document.getElementById('tab-' + vm.initTab);\n                            vm.scrollPosition = (firstElem.offsetLeft - 50);\n                            vm.termFilter = firstElem.getAttribute('data-term');\n                            vm.tab = vm.initTab;\n                            vm.showLeftNav = (vm.tab > 0);\n                            vm.showRightNav = (vm.tab !== (vm.itemCount));\n                        }\n\n                    },\n                    fetchPosts: function (taxonomyFilters) {\n                        let vm = this;\n                        vm.loading = true;\n\n                        console.log('fetchPosts taxonomyFilters', taxonomyFilters);\n\n                        let postContainer = document.querySelector(\"#postContainer_block_d5e7d50e1c3f39ff43f1d0c2ee2d2d3e\");\n\n                        postContainer.classList.add('opacity-50');\n\n                        let fetchUrl = '\/wp-json\/api\/v1\/post-list\/?lang=en';\n\n                        fetch(fetchUrl,{\n                            method: 'POST',\n                            headers: {\n                                'Accept': 'application\/json',\n                                'Content-Type': 'application\/json'\n                            },\n                            body: JSON.stringify({\n                                settings: {\"color_schema\":\"default\",\"padding_top\":\"large\",\"padding_bottom\":\"xx-large\",\"card_color_schema\":\"white\",\"card_column_distribution\":\"2_3\",\"card_image_max_height\":\"none\"},\n                                content: {\"\":null,\"text_section\":{\"pre_heading\":\"\",\"heading\":\"\",\"heading_tag\":\"h2\",\"wysiwyg\":\"\",\"body_text_size\":\"base\",\"text_alignment\":\"left\"},\"button\":{\"show\":false,\"style\":\"primary\",\"size\":\"default\",\"icon\":\"arrow_long_right\",\"link_type\":\"link\",\"url_link\":\"\",\"block_link\":0,\"text\":\"\",\"\":null,\"modal\":{\"\":null,\"text_section\":{\"pre_heading\":\"\",\"heading\":\"\",\"heading_tag\":\"h2\",\"wysiwyg\":\"\",\"body_text_size\":\"base\",\"text_alignment\":\"left\"},\"form\":{\"type\":\"no_form\",\"embed_id\":\"\",\"field_values\":\"\"},\"media\":{\"type\":\"\",\"image\":false,\"media_caption\":\"\",\"image_settings\":{\"no_shadow\":false,\"rounded\":false,\"size\":\"md\",\"alignment\":\"center\"},\"video_url\":\"\",\"video_file\":false,\"video_cpt\":\"\",\"video_embed_type\":\"auto\",\"video_autoplay\":false,\"gallery_items\":false,\"multiple_mockup_items\":false,\"quote\":\"\"}},\"hide_on_devices\":{\"mobile\":false,\"tablet\":false,\"laptop\":false,\"desktop\":false}}},\n                                feed: {\"\":null,\"post_type\":\"video\",\"post_parent\":\"9129\",\"posts_per_page\":\"15\",\"taxonomies\":[],\"enable_search\":false,\"show_taxonomy_tab_navigation\":false,\"taxonomy\":\"none\",\"segment\":false,\"post_list_meta\":{\"show_date\":true,\"show_author\":false,\"show_excerpt\":false,\"button_text\":\"Watch webcast\",\"term_label_type\":\"hidden\",\"term_label_taxonomy\":\"post_tag\"},\"project_data\":{\"status_filter\":\"all\"}},\n                                post_type: vm.postType,\n                                taxonomy: vm.taxonomy,\n                                query: vm.searchQuery,\n                                term_filter: vm.termFilter,\n                                taxonomy_filters: (taxonomyFilters) ? Object.assign({}, taxonomyFilters) : {},\n\n                            })\n                        })\n                            .then(response => response.json())\n                            .then(function (data) {\n\n\n\n                                console.log({data});\n\n\n                                const doc = document.createElement(\"div\");\n                                doc.innerHTML = data.html;\n\n                                postContainer.innerHTML = doc.outerHTML;\n\n                                vm.loading = false;\n\n                                postContainer.classList.remove('opacity-50');\n                            });\n\n                    },\n                    scrollLeft: function () {\n                        var vm = this;\n\n                        console.log('scrollLeft');\n\n                       if (this.tab > 0) {\n                            var previousTab = (vm.tab - 1);\n                            var previousElem = document.getElementById('tab-' + previousTab);\n                            this.scrollPosition = (previousElem.offsetLeft - 50);\n                            this.tab--;\n\n                            vm.termFilter = previousElem.getAttribute('data-term');\n                        }\n                        vm.showLeftNav = (vm.tab > 0);\n                        vm.showRightNav = (vm.tab !== (vm.itemCount));\n                    },\n                    scrollRight: function () {\n                        var vm = this;\n\n                        console.log('scrollRight');\n\n                        if (this.tab < (vm.itemCount)) {\n                            var nextTab = (vm.tab + 1);\n                            var nextElem = document.getElementById('tab-' + nextTab);\n                            this.scrollPosition = (nextElem.offsetLeft - 50);\n                            this.tab++;\n                            vm.termFilter = nextElem.getAttribute('data-term');\n                        }\n\n                        vm.showLeftNav = (vm.tab > 0);\n                        vm.showRightNav = (vm.tab !== (vm.itemCount));\n                    },\n                    setScrollPosition: function () {\n                        var vm = this;\n                        vm.navigationElement.scrollTo({\n                            top: 0,\n                            left: this.scrollPosition,\n                            behavior: 'smooth'\n                        });\n                    },\n                }\n            }\n        <\/script>\n\n\n    <\/div>\n\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":9121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"segment":[],"class_list":["post-9162","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Sustainability - Bramming Plast-Industri A\/S<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bpi.dk\/en\/insights\/sustainability\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sustainability\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bpi.dk\/en\/insights\/sustainability\/\" \/>\n<meta property=\"og:site_name\" content=\"Bramming Plast-Industri A\/S\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T07:19:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bpi.dk\/wp-content\/uploads\/2022\/10\/sustainability.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bpi.dk\\\/en\\\/insights\\\/sustainability\\\/\",\"url\":\"https:\\\/\\\/bpi.dk\\\/en\\\/insights\\\/sustainability\\\/\",\"name\":\"Sustainability - Bramming Plast-Industri A\\\/S\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bpi.dk\\\/#website\"},\"datePublished\":\"2022-10-05T07:40:54+00:00\",\"dateModified\":\"2023-07-19T07:19:07+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bpi.dk\\\/en\\\/insights\\\/sustainability\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bpi.dk\\\/#website\",\"url\":\"https:\\\/\\\/bpi.dk\\\/\",\"name\":\"Bramming Plast-Industri A\\\/S\",\"description\":\"Foam for your purpose\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bpi.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sustainability - Bramming Plast-Industri A\/S","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:\/\/bpi.dk\/en\/insights\/sustainability\/","og_locale":"en_US","og_type":"article","og_title":"Sustainability","og_url":"https:\/\/bpi.dk\/en\/insights\/sustainability\/","og_site_name":"Bramming Plast-Industri A\/S","article_modified_time":"2023-07-19T07:19:07+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/bpi.dk\/wp-content\/uploads\/2022\/10\/sustainability.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bpi.dk\/en\/insights\/sustainability\/","url":"https:\/\/bpi.dk\/en\/insights\/sustainability\/","name":"Sustainability - Bramming Plast-Industri A\/S","isPartOf":{"@id":"https:\/\/bpi.dk\/#website"},"datePublished":"2022-10-05T07:40:54+00:00","dateModified":"2023-07-19T07:19:07+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bpi.dk\/en\/insights\/sustainability\/"]}]},{"@type":"WebSite","@id":"https:\/\/bpi.dk\/#website","url":"https:\/\/bpi.dk\/","name":"Bramming Plast-Industri A\/S","description":"Foam for your purpose","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bpi.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/pages\/9162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/comments?post=9162"}],"version-history":[{"count":22,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/pages\/9162\/revisions"}],"predecessor-version":[{"id":11306,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/pages\/9162\/revisions\/11306"}],"up":[{"embeddable":true,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/pages\/9121"}],"wp:attachment":[{"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/media?parent=9162"}],"wp:term":[{"taxonomy":"segment","embeddable":true,"href":"https:\/\/bpi.dk\/en\/wp-json\/wp\/v2\/segment?post=9162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}