{"id":1759,"date":"2022-06-01T09:26:12","date_gmt":"2022-06-01T09:26:12","guid":{"rendered":"https:\/\/wearekind.se\/case\/melitta\/"},"modified":"2024-04-26T08:29:29","modified_gmt":"2024-04-26T08:29:29","slug":"melitta","status":"publish","type":"case","link":"https:\/\/wearekind.se\/sv\/case\/melitta\/","title":{"rendered":"Melitta"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video alignfull\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/06\/Aroma_SE.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignfull size-large\"><img decoding=\"async\" src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/06\/melitta_h\u00e4llab\u00f6nor-1024x576.jpg\" alt=\"\" class=\"wp-image-766\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-video alignfull\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/06\/Barista_SE.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev-1024x576.jpg\" alt=\"\" class=\"wp-image-769\" srcset=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev-1024x576.jpg 1024w, https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev-300x169.jpg 300w, https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev-768x432.jpg 768w, https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev-1536x864.jpg 1536w, https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/melitta_0383x-bella-crema-espresso-lev.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video alignfull\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/07\/Melitta_kanna.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div class=\"container\">\n    <img decoding=\"async\" class=\"style-svg draw-svg scroll\" id=\"Melitta_logo-01\" src=\"https:\/\/wearekind.se\/wp-content\/uploads\/2022\/06\/Melitta_logo-01.svg\"  alt=\"\">\n<\/div>\n\n\n<script>\njQuery(document).ready(function($){\n    \n    console.log(\"loaded draw svg template\")\n\n    let checkForSvg = true;\n    svgCheckTimer();\n    function svgCheckTimer() {\n        if($('svg#Melitta_logo-01').length) {\n            console.log(\"Found it\");\n            \n            let svgEl = $('svg#Melitta_logo-01');\n            const animationDuration = 5000;\n            svgEl.drawsvg({\n                stagger: 50,\n                duration: animationDuration\n            });\n\n            if(svgEl.hasClass(\"scroll\")) {\n                console.log(\"scroll\");\n                ScrollTrigger.create({\n                    trigger: \"svg.replaced-svg\",\n                    start: \"top bottom\",\n                    end: \"top top\",\n                    scrub: 1,\n                    onUpdate: self => {\n                        svgEl.drawsvg('progress', self.progress);\n                    }\n                });\n            } else {\n                console.log(\"play\");\n                ScrollTrigger.create({\n                    trigger: \"svg.replaced-svg\",\n                    start: \"bottom bottom\",\n                    once: true,\n                    onEnter: () => {\n                        svgEl.drawsvg('animate');\n                    }\n                });\n            }\n            checkForSvg = false;\n        } else {\n            console.log(\"nothing found\")\n        }\n        if(checkForSvg) setTimeout(svgCheckTimer, 50)\n    }\n\n});\n<\/script>","protected":false},"featured_media":825,"template":"","categories":[30,25,26,35,28,29],"class_list":["post-1759","case","type-case","status-publish","has-post-thumbnail","hentry","category-art-direction-sv","category-brand-activation-sv","category-concept-development-sv","category-photography-sv","category-trade-marketing-sv","category-video-sv"],"acf":[],"_links":{"self":[{"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/case\/1759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/types\/case"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/media\/825"}],"wp:attachment":[{"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/media?parent=1759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wearekind.se\/sv\/wp-json\/wp\/v2\/categories?post=1759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}