{"id":23248,"date":"2023-12-01T10:24:53","date_gmt":"2023-12-01T09:24:53","guid":{"rendered":"https:\/\/www.eolus.com\/?page_id=23248"},"modified":"2024-02-05T18:18:11","modified_gmt":"2024-02-05T17:18:11","slug":"media-library","status":"publish","type":"page","link":"https:\/\/www.eolus.com\/en\/newsroom\/media-library\/","title":{"rendered":"Media Library"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23248\" class=\"elementor elementor-23248\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-180a635e e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"180a635e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-3f284a93 e-flex e-con-boxed e-con e-child\" data-id=\"3f284a93\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37ddd46b e-con-full e-flex e-con e-child\" data-id=\"37ddd46b\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-574a152 e-flex e-con-boxed e-con e-child\" data-id=\"574a152\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-293e965 e-con-full e-flex e-con e-child\" data-id=\"293e965\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e5fba40 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3e5fba40\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Media Library<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78f17e4b elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"78f17e4b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus. Please credit the photographer where applicable.<\/p><div class=\"elementor-element elementor-element-11f7114 elementor-widget elementor-widget-text-editor\" data-id=\"11f7114\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-widget-container\"><p>Do you need anything else or do you have questions? Please feel free to contact Karin Wittsell Heydl.\u00a0<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46ffb12b e-con-full e-flex e-con e-child\" data-id=\"46ffb12b\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-69874a4f e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"69874a4f\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:&quot;100&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720612f8 elementor-widget elementor-widget-section_menu\" data-id=\"720612f8\" data-element_type=\"widget\" data-widget_type=\"section_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <aside class=\"section-menu section-menu--dark\">\n                            <a class=\"section-menu-heading\" href=\"https:\/\/www.eolus.com\/en\/newsroom\/\">\n                    Newsroom                <\/a>\n            \n            <menu class=\"section-menu__list section-menu__list--level-1\">\n                <li><div class=\"section-menu__item-row\"><a class=\"menu-item\" href=\"https:\/\/www.eolus.com\/en\/newsroom\/press-releases\/\">Press Releases<\/a><\/div><\/li><li><div class=\"section-menu__item-row\"><a class=\"menu-item\" href=\"https:\/\/www.eolus.com\/en\/newsroom\/news-global\/\">News (Global)<\/a><\/div><\/li><li><div class=\"section-menu__item-row\"><div class=\"menu-item active\">Media Library<\/div><\/div><\/li><li><div class=\"section-menu__item-row\"><a class=\"menu-item\" href=\"https:\/\/www.eolus.com\/en\/newsroom\/subscribe\/\">Subscribe<\/a><\/div><\/li>            <\/menu>\n        <\/aside>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2c47f4 e-flex e-con-boxed e-con e-child\" data-id=\"e2c47f4\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-874881b e-con-full e-flex e-con e-child\" data-id=\"874881b\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e441712 e-con-full e-flex e-con e-child\" data-id=\"e441712\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1284447 elementor-widget elementor-widget-contact_box\" data-id=\"1284447\" data-element_type=\"widget\" data-widget_type=\"contact_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"contact-card-small\">\n                            <img decoding=\"async\" src=\"https:\/\/www.eolus.com\/wp-content\/uploads\/coworker-images\/8bc7704b-2ba2-4287-8379-582a87844ed5.jpg\" alt=\"\">\n            \n            <div class=\"contact-card-small__content w-full min-w-0\">\n                <h2>Karin Wittsell Heydl<\/h2>\n                <div class=\"role\">Chief Communications and Sustainability Officer<\/div>\n\n                <div class=\"my-1 min-w-full\">\n                    <hr class=\"border-[#E6EDF2] !max-w-[200px] !mx-auto lg:!ml-0\">\n                <\/div>\n\n                <address>\n                    <a href=\"mailto:karin.heydl@eolus.com\" class=\"break-words\">karin.heydl@eolus.com<\/a>\n\n                    <a href=\"tel:+46 76 116 71 99\">+46 76 116 71 99<\/a>\n                <\/address>\n            <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-276dce4 e-flex e-con-boxed e-con e-parent\" data-id=\"276dce4\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-216c655 elementor-widget elementor-widget-latest-media-mfn\" data-id=\"216c655\" data-element_type=\"widget\" data-widget_type=\"latest-media-mfn.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <script>\n            const EolusLatestMediaMFN = {\n                get scrollWidth() {\n                    return this.$refs.scrollTarget.children[0].clientWidth + 64\n                },\n                scrollLeft() {\n                    this.$refs.scrollTarget.scrollBy({\n                        left: -this.scrollWidth,\n                        behavior: 'smooth'\n                    })\n                },\n                scrollRight() {\n                    this.$refs.scrollTarget.scrollBy({\n                        left: this.scrollWidth,\n                        behavior: 'smooth'\n                    })\n                }\n            }\n        <\/script>\n\n        <section class=\"relative py-[4.5rem]\">\n            <div x-data=\"EolusLatestMediaMFN\" class=\"relative flex flex-col lg:flex-row lg:items-center mx-auto gap-y-8\">\n                <div class=\"hidden lg:block\" style=\"padding-left: calc(100vw * 0.487 - 695px)\"><\/div>\n\n                <div class=\"lg:mr-20 lg:max-w-sm w-full flex-shrink-0 px-8 md:px-6 lg:pr-0 \">\n                    <h2 class=\"font-bold !text-v2-accent-dark-gray text-[2.2rem] md:!text-[2.8rem] !mb-5 leading-tight\">Latest images<\/h2>\n\n                    <p class=\"!text-v2-accent-dark-gray text-lg md:!text-xl !leading-[1.4]\">Here are our latest uploaded pictures. Please contact us if you're you looking for something specific and can't find it.<\/p>\n                <\/div>\n\n                <div data-simplebar data-simplebar-force-visible=\"true\" data-simplebar-auto-hide=\"false\" x-ref=\"scrollTarget\" class=\"mfn-latest-media-content\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus\/f107e0ee-cab7-4fd5-ac0d-56699c961c51\/eolus-ab.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus\/790f8758-8811-40c9-b8c0-a241b852285e\/projekt-pienava-lettland.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus\/c7cc4e70-984f-4d6d-9351-764d3594ca21\/eolus-ab.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/d69ffe40-bc24-4013-a697-bfd0dbeb01c1\/backhammar.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/253e4759-889e-4e9e-86f7-8ac32734c845\/sotterfallan.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/a33d9531-68cf-4858-807d-a9525c7564f3\/nylandsbergen.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/a4ee84b3-64dc-4ef0-93b2-e0edbc463346\/kraktorpet.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/af7caaf5-a4aa-4c1b-9a54-a6a4905fe7cc\/wind-wall.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/2c88c658-7cfb-473e-af53-9200c71a405d\/oyfjellet.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                            <img decoding=\"async\" src=\"https:\/\/storage.mfn.se\/a\/eolus-vind\/4d3a229b-5b66-432c-bfdc-ddb6d7c3abbd\/oyfjellet.jpeg\" alt=\"\" class=\"flex-shrink-0 w-[90vw] !h-[90vw] sm:w-[45vw] sm:!h-[45vw] lg:w-[422px] lg:!h-[415px] object-cover !rounded-[20px]\">\n                                    <\/div>\n            <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ee4af e-flex e-con-boxed e-con e-parent\" data-id=\"43ee4af\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-913eac4 elementor-widget elementor-widget-media-mfn\" data-id=\"913eac4\" data-element_type=\"widget\" data-widget_type=\"media-mfn.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <script>\n            const EolusMediaMFN = {\n                sortingTypes: {\"default\":\"Standard\",\"title\":\"Alphabetically (A-\\u00d6)\",\"title-reverse\":\"Alphabetically (\\u00d6-A)\",\"date-reverse\":\"Date (most recent)\",\"date\":\"Date (oldest)\"},\n                type: 'logotype',\n                showSearch: false,\n                form: {\n                    search: '',\n                },\n                sortingDropdownVisible: false,\n                sorting: 'default',\n                init() {\n                    this.$watch('sorting', () => {\n                        this.sort()\n                    })\n                },\n                get sortingTypesArray() {\n                    return Object.entries(this.sortingTypes)\n                },\n                get sortingLabel() {\n                    return this.sortingTypes[this.sorting]\n                },\n                debounceSearch() {\n                    clearTimeout(this.searchTimeout)\n                    this.searchTimeout = setTimeout(() => {\n                        this.search()\n                    }, 100)\n                },\n                search() {\n                    let query = this.form.search.trim().toLowerCase()\n\n                    let cards = document.querySelectorAll('.mf-card')\n\n                    cards.forEach(card => {\n                        if (query === '') {\n                            card.classList.remove('!hidden')\n                            return\n                        }\n\n                        let text = card.textContent.trim().toLowerCase()\n\n                        if (text.includes(query)) {\n                            card.classList.remove('!hidden')\n                        } else {\n                            card.classList.add('!hidden')\n                        }\n                    })\n                },\n                sort() {\n                    let containers = document.querySelectorAll('[data-media-mfn]')\n\n                    for (let container of containers) {\n                        let cards = container.querySelectorAll('.mf-card')\n\n                        let sortedCards = Array.from(cards).sort((a, b) => {\n                            if (this.sorting === 'default') {\n                                let aField = a.dataset.defaultOrder\n                                let bField = b.dataset.defaultOrder\n\n                                return (+aField) - (+bField)\n                            }\n\n                            if (this.sorting === 'title') {\n                                let aField = a.querySelector('.mf-card-title').textContent.trim().toLowerCase()\n                                let bField = b.querySelector('.mf-card-title').textContent.trim().toLowerCase()\n\n                                return aField.localeCompare(bField)\n                            }\n\n                            if (this.sorting === 'title-reverse') {\n                                let aField = a.querySelector('.mf-card-title').textContent.trim().toLowerCase()\n                                let bField = b.querySelector('.mf-card-title').textContent.trim().toLowerCase()\n\n                                return bField.localeCompare(aField)\n                            }\n\n                            if (this.sorting === 'date') {\n                                let aField = Date.parse(a.querySelector('.mf-metadata-created-at').textContent.substring(13).trim())\n                                let bField = Date.parse(b.querySelector('.mf-metadata-created-at').textContent.substring(13).trim())\n\n                                return aField - bField\n                            }\n\n                            if (this.sorting === 'date-reverse') {\n                                let aField = Date.parse(a.querySelector('.mf-metadata-created-at').textContent.substring(13).trim())\n                                let bField = Date.parse(b.querySelector('.mf-metadata-created-at').textContent.substring(13).trim())\n\n                                return bField - aField\n                            }\n\n                            return 0\n                        })\n\n                        console.log(this.sorting, sortedCards)\n\n                        let targetContainer = container.querySelector('.mf-collection-container')\n\n                        sortedCards.forEach(card => {\n                            targetContainer.appendChild(card)\n                        })\n                    }\n                },\n            }\n        <\/script>\n\n        <section class=\"mfn-media\">\n            <h2>Media Room - Download<\/h2>\n\n            <div x-data=\"EolusMediaMFN\">\n                <div class=\"media-filters\">\n                    <div class=\"w-full flex flex-col lg:flex-row lg:items-center gap-x-2 gap-y-4\">\n                        <div class=\"flex gap-4 lg:gap-x-8\">\n                            <button x-on:click=\"type = 'logotype'\" type=\"button\" x-bind:class=\"{'media-type--active': type === 'logotype'}\" class=\"media-type media-type--active\">\n                                <span class=\"h-3 xs:h-7 hidden xxs:inline-block shrink-0\">\n                                    <img decoding=\"async\" x-show=\"type === 'logotype'\" src=\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/mfn\/icon_eolus_white.svg\" class=\"!h-full\">\n                                    <img decoding=\"async\" x-show=\"type !== 'logotype'\" x-cloak src=\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/mfn\/icon_eolus_gray.svg\" class=\"!h-full\">\n                                <\/span>\n                                <span>Logos<\/span>\n                            <\/button>\n\n                            <button x-on:click=\"type = 'pressimages'\" type=\"button\" x-bind:class=\"{'media-type--active': type === 'pressimages'}\" class=\"media-type\">\n                                <span class=\"h-3 xs:h-7 hidden xxs:inline-block shrink-0\">\n                                    <img decoding=\"async\" x-show=\"type === 'pressimages'\" x-cloak src=\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/mfn\/icon_gallery_white.svg\" class=\"!h-full\">\n                                    <img decoding=\"async\" x-show=\"type !== 'pressimages'\" src=\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/mfn\/icon_gallery_gray.svg\" class=\"!h-full\">\n                                <\/span>\n                                <span>Press Images<\/span>\n                            <\/button>\n\n                            <button x-on:click=\"showSearch = !showSearch\" type=\"button\" class=\"text-v2-green text-xl w-12 h-12 p-2 ml-auto bg-white rounded-full shrink-0 hidden xxs:inline-block lg:hidden\">\n                                <i class=\"far fa-search\"><\/i>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"lg:ml-auto flex flex-col md:flex-row items-center gap-x-8 lg:gap-x-0\">\n                            <div class=\"w-full xxs:hidden\">\n                                <input x-on:change.stop=\"\" x-on:input.stop=\"debounceSearch()\" x-model=\"form.search\" name=\"search\" type=\"text\" placeholder=\"S\u00f6k efter media\u2026\" value=\"\" class=\"w-full rounded-full bg-white py-3 px-6 placeholder-gray-medium text-v2-accent-dark-gray\">\n                            <\/div>\n\n                            <div class=\"hidden xxs:block w-full lg:w-auto\">\n                                <div x-collapse x-cloak x-show=\"showSearch\">\n                                    <input x-on:change.stop=\"\" x-on:input.stop=\"debounceSearch()\" x-model=\"form.search\" name=\"search\" type=\"text\" placeholder=\"S\u00f6k efter media\u2026\" value=\"\" class=\"w-full rounded-full bg-white py-3 px-6 placeholder-gray-medium text-v2-accent-dark-gray\">\n                                <\/div>\n                            <\/div>\n\n                            <button x-on:click=\"showSearch = !showSearch\" type=\"button\" class=\"text-v2-green text-xl w-12 h-12 p-2 ml-2.5 mr-8 bg-white rounded-full shrink-0 hidden lg:inline-block\">\n                                <i class=\"far fa-search\"><\/i>\n                            <\/button>\n\n                            <div x-on:click.outside=\"sortingDropdownVisible = false\" class=\"relative w-full md:w-auto -order-1 lg:order-none\">\n                                <button x-on:click=\"sortingDropdownVisible = !sortingDropdownVisible\" type=\"button\" class=\"w-full flex justify-between items-center text-v2-accent-dark-gray py-[0.875rem] uppercase whitespace-nowrap text-sm xxs:text-base\">\n                                    <span x-show=\"!sorting || sorting === 'default'\">Sort<\/span>\n                                    <span x-cloak x-show=\"sorting !== 'default'\">Sorting <span x-text=\"sortingLabel\"><\/span><\/span>\n                                    <i :class=\"{'rotate-180': sortingDropdownVisible}\" class=\"transform duration-150 far fa-chevron-down text-v2-green ml-4\"><\/i>\n                                <\/button>\n\n                                <ul x-cloak x-bind:class=\"{'hidden': !sortingDropdownVisible, 'show-animate-appear': sortingDropdownVisible}\" class=\"dropdown-block left-0 lg:left-auto lg:right-0 whitespace-nowrap\">\n                                    <template x-for=\"sortingType in sortingTypesArray\" :key=\"sortingType[0]\">\n                                        <li class=\"w-full relative\">\n                                            <label x-bind:class=\"{'bg-v2-accent-light-gray': sorting === sortingType[0]}\" class=\"inline-flex items-center w-full px-5 pl-12 py-3 pr-8 rounded-full hover:bg-v2-accent-light-gray cursor-pointer\">\n                                                <input x-model=\"sorting\" x-bind:value=\"sortingType[0]\" type=\"radio\" class=\"absolute opacity-0\">\n\n                                                <span x-text=\"sortingType[1]\" class=\"underline-target\"><\/span>\n                                            <\/label>\n                                        <\/li>\n                                    <\/template>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-10\">\n                    <section data-media-mfn x-show=\"type === 'logotype'\" class=\"mfn-logos\">\n                        <div class=\"widget widget_mf_widget\"><div id='widget-media-collection-1259281875'><\/div>\n        <script>\n            if(!window._MF){\n                let b = document.createElement(\"script\");\n                b.type = \"text\/javascript\";\n                b.async = true;\n                b.src =  \" https:\/\/widget.datablocks.se\/api\/rose\/assets\/js\/loader-v4.js\";\n                document.getElementsByTagName(\"body\")[0].appendChild(b);\n\n                window._MF = window._MF || {\n                    data: [],\n                    url: \" https:\/\/widget.datablocks.se\/api\/rose\",\n                    ready: !!0,\n                    render: function() {\n                        window._MF.ready = !0\n                    },\n                    push: function(conf){\n                        this.data.push(conf)\n                    }\n                }\n            }\n            var widget = {\"query\":\"#widget-media-collection-1259281875\",\"widget\":\"media-collection\",\"locale\":\"en\",\"c\":\"\",\"token\":\"bbe497a0-699f-4d46-85fd-2552ca86b864\",\"demo\":false,\"class\":\"\"};\n\n            window._MF.push(widget);\n        <\/script>\n        <\/div>                    <\/section>\n\n                    <section data-media-mfn x-cloak x-show=\"type === 'pressimages'\">\n                        <div class=\"widget widget_mf_widget\"><div id='widget-media-collection-1440376991'><\/div>\n        <script>\n            if(!window._MF){\n                let b = document.createElement(\"script\");\n                b.type = \"text\/javascript\";\n                b.async = true;\n                b.src =  \" https:\/\/widget.datablocks.se\/api\/rose\/assets\/js\/loader-v4.js\";\n                document.getElementsByTagName(\"body\")[0].appendChild(b);\n\n                window._MF = window._MF || {\n                    data: [],\n                    url: \" https:\/\/widget.datablocks.se\/api\/rose\",\n                    ready: !!0,\n                    render: function() {\n                        window._MF.ready = !0\n                    },\n                    push: function(conf){\n                        this.data.push(conf)\n                    }\n                }\n            }\n            var widget = {\"query\":\"#widget-media-collection-1440376991\",\"widget\":\"media-collection\",\"locale\":\"en\",\"c\":\"\",\"token\":\"3b8e5f10-2919-4826-81bc-c12ef3fd3d8e\",\"demo\":false,\"class\":\"\"};\n\n            window._MF.push(widget);\n        <\/script>\n        <\/div>                    <\/section>\n                <\/div>\n            <\/div>\n\n            <script>\n                (function() {\n                    function updateCards(target) {\n                        console.log(target)\n\n                        const cards = target.querySelectorAll('.mf-card')\n                        let index = -1\n\n                        for (let card of cards) {\n                            index += 1\n                            card.dataset.defaultOrder = index\n\n                            let buttons = document.createElement('div')\n                            buttons.classList.add('mf-card-action-buttons')\n\n                            let fullscreenButton = document.createElement('button')\n                            let fullscreenButtonIcon = document.createElement('i')\n                            fullscreenButtonIcon.classList.add('fal', 'fa-expand-arrows', 'mf-fullscreen-button-icon')\n                            fullscreenButton.appendChild(fullscreenButtonIcon)\n                            fullscreenButton.appendChild(document.createTextNode(\" Full page\"))\n                            fullscreenButton.type = 'button'\n                            fullscreenButton.classList.add('mf-card-fullscreen-button')\n                            fullscreenButton.addEventListener('click', () => {\n                                let link = document.createElement('a')\n                                link.href = card.querySelector('.mf-image').src\n                                link.dataset['elementorOpenLightbox'] = 'yes'\n                                link.dataset['elementorLightboxTitle'] = card.querySelector('.mf-card-title').innerText\n\n                                elementorFrontend.utils.lightbox.then(elementor => {\n                                    elementor.createLightbox(link)\n                                })\n                                \/\/ card.querySelector('.mf-fullscreen-anchor a').click()\n                            })\n                            buttons.append(fullscreenButton)\n\n                            let downloadButton = document.createElement('button')\n                            let downloadButtonIcon = document.createElement('i')\n                            downloadButtonIcon.classList.add('fal', 'fa-arrow-to-bottom', 'mf-download-button-icon')\n                            downloadButton.appendChild(downloadButtonIcon)\n                            downloadButton.appendChild(document.createTextNode(\"Download\"))\n                            downloadButton.type = 'button'\n                            downloadButton.classList.add('mf-card-download-button')\n                            downloadButton.addEventListener('click', () => {\n                                card.querySelector('.mf-download-anchor a').click()\n                            })\n                            buttons.append(downloadButton)\n\n                            card.append(buttons)\n\n                            let infoButton = document.createElement('button')\n                            infoButton.classList.add('mf-card-info-button')\n                            infoButton.type = 'button'\n\n                            let infoIcon = document.createElement('svg')\n                            infoButton.appendChild(infoIcon)\n                            infoIcon.outerHTML = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24.899\" height=\"24.899\" viewBox=\"0 0 24.899 24.899\">\n  <g transform=\"translate(-2.6 -2.6)\">\n    <path d=\"M53.621,41.228c-.527-.041-.426-.547-.324-.933l.892-3.345a1.5,1.5,0,0,0-1.44-1.886,1.474,1.474,0,0,0-1.44,1.115c-.122.487-1.156,4.745-1.176,4.765a3.264,3.264,0,0,0-.061,1.967c.406.912,1.622.649,2.372.426a6.614,6.614,0,0,0,1.46-.629,14.1,14.1,0,0,0,1.48-1.176l-.1-.994A2.886,2.886,0,0,1,53.621,41.228Zm.365-11.638a2.238,2.238,0,0,0-2.251,2.068,1.716,1.716,0,0,0,.243.953c.689,1.115,2.271.872,3.122.1A1.84,1.84,0,0,0,53.986,29.59Z\" transform=\"translate(-37.741 -21.515)\" fill=\"#fff\"\/>\n    <path d=\"M15.049,2.6A12.449,12.449,0,1,0,27.5,15.049,12.452,12.452,0,0,0,15.049,2.6Zm0,22.222a9.773,9.773,0,1,1,9.773-9.773A9.778,9.778,0,0,1,15.049,24.822Z\" fill=\"#fff\"\/>\n  <\/g>\n<\/svg>\n`\n\n                            infoButton.addEventListener('click', () => {\n                                card.classList.add('mf-card-show-overlay')\n                            })\n\n                            card.append(infoButton)\n\n                            let overlay = card.querySelector('.mf-overlay')\n                            let overlayCloseButton = document.createElement('button')\n                            overlayCloseButton.classList.add('mf-overlay-close-button')\n                            overlayCloseButton.type = 'button'\n\n                            let heading = document.createElement('h3')\n                            heading.classList.add('mf-overlay-heading')\n                            heading.innerText = 'Information'\n\n                            card.querySelector('.mf-overlay-text').prepend(heading)\n\n                            let overlayCloseIcon = document.createElement('svg')\n                            overlayCloseButton.appendChild(overlayCloseIcon)\n                            overlayCloseIcon.outerHTML = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24.899\" height=\"24.899\" viewBox=\"0 0 24.899 24.899\">\n  <g transform=\"translate(-2.6 -2.6)\">\n    <path d=\"M15.049,2.6A12.449,12.449,0,1,0,27.5,15.049,12.452,12.452,0,0,0,15.049,2.6Zm0,22.222a9.773,9.773,0,1,1,9.773-9.773A9.778,9.778,0,0,1,15.049,24.822Z\" fill=\"#084f80\"\/>\n    <path d=\"M9.263,8.479l3.528-3.528a.554.554,0,1,0-.784-.784L8.479,7.7,4.952,4.168a.554.554,0,1,0-.784.784L7.7,8.479,4.168,12.007A.508.508,0,0,0,4,12.4a.529.529,0,0,0,.56.56.508.508,0,0,0,.392-.168L8.479,9.263l3.528,3.528a.541.541,0,0,0,.784,0,.541.541,0,0,0,0-.784Z\" transform=\"translate(6.84 6.685)\" fill=\"#084f80\" stroke=\"#084f80\" stroke-width=\"1\"\/>\n  <\/g>\n<\/svg>\n`\n                            overlayCloseButton.addEventListener('click', () => {\n                                card.classList.remove('mf-card-show-overlay')\n                            })\n                            overlay.append(overlayCloseButton)\n                        }\n                    }\n\n                    const targets = document.querySelectorAll('[data-media-mfn]')\n\n                    for (let target of targets) {\n                        const observer = new MutationObserver((data) => {\n                            observer.disconnect()\n\n                            updateCards(target)\n                        })\n\n                        observer.observe(target, {\n                            subtree: true,\n                            childList: true,\n                        })\n                    }\n                }())\n            <\/script>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus. Please credit the photographer where applicable. Do you need anything else or do you have questions? Please feel free to contact Karin Wittsell Heydl.\u00a0 Karin Wittsell Heydl Head of [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":23231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-23248","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Media Library<\/title>\n<meta name=\"description\" content=\"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.\" \/>\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.eolus.com\/nyhetsrum\/mediabibliotek\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Media Library\" \/>\n<meta property=\"og:description\" content=\"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/\" \/>\n<meta property=\"og:site_name\" content=\"Eolus\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-05T17:18:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/\",\"url\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/\",\"name\":\"Media Library\",\"isPartOf\":{\"@id\":\"https:\/\/www.eolus.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png\",\"datePublished\":\"2023-12-01T09:24:53+00:00\",\"dateModified\":\"2024-02-05T17:18:11+00:00\",\"description\":\"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage\",\"url\":\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png\",\"contentUrl\":\"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.eolus.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Newsroom\",\"item\":\"https:\/\/www.eolus.com\/en\/newsroom\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media Library\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.eolus.com\/#website\",\"url\":\"https:\/\/www.eolus.com\/\",\"name\":\"Eolus\",\"description\":\"Shaping the future of renewable energy\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.eolus.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Media Library","description":"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.","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.eolus.com\/nyhetsrum\/mediabibliotek\/","og_locale":"en_US","og_type":"article","og_title":"Media Library","og_description":"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.","og_url":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/","og_site_name":"Eolus","article_modified_time":"2024-02-05T17:18:11+00:00","og_image":[{"url":"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/","url":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/","name":"Media Library","isPartOf":{"@id":"https:\/\/www.eolus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage"},"image":{"@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage"},"thumbnailUrl":"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png","datePublished":"2023-12-01T09:24:53+00:00","dateModified":"2024-02-05T17:18:11+00:00","description":"Welcome to Eolus\u2019s media room! Here you can download logos and press images. This material is free to use in connection with editorial publications about Eolus.","breadcrumb":{"@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#primaryimage","url":"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png","contentUrl":"https:\/\/www.eolus.com\/wp-content\/themes\/eolus\/assets\/img\/contact-default-image@2x.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.eolus.com\/nyhetsrum\/mediabibliotek\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.eolus.com\/"},{"@type":"ListItem","position":2,"name":"Newsroom","item":"https:\/\/www.eolus.com\/en\/newsroom\/"},{"@type":"ListItem","position":3,"name":"Media Library"}]},{"@type":"WebSite","@id":"https:\/\/www.eolus.com\/#website","url":"https:\/\/www.eolus.com\/","name":"Eolus","description":"Shaping the future of renewable energy","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.eolus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/pages\/23248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/comments?post=23248"}],"version-history":[{"count":3,"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/pages\/23248\/revisions"}],"predecessor-version":[{"id":31243,"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/pages\/23248\/revisions\/31243"}],"up":[{"embeddable":true,"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/pages\/23231"}],"wp:attachment":[{"href":"https:\/\/www.eolus.com\/en\/wp-json\/wp\/v2\/media?parent=23248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}