{"id":334,"date":"2021-08-30T09:29:20","date_gmt":"2021-08-30T07:29:20","guid":{"rendered":"https:\/\/imuka.nl\/?page_id=334"},"modified":"2021-08-30T10:06:34","modified_gmt":"2021-08-30T08:06:34","slug":"home","status":"publish","type":"page","link":"https:\/\/imuka.nl\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"l-section wpb_row height_full valign_top width_full\" id=\"banner-row\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">            <style>\n                .mc-animated-banner {\n                    position: relative;\n                    min-height: 500px;\n                    overflow: hidden;\n                    background-image: url(https:\/\/imuka.nl\/wp-content\/uploads\/2021\/07\/image001.jpeg);\n                    background-size: cover;\n                    background-position: center center;\n                                    }\n                                            .mc-animated-banner .mc-content{\n                                position: relative;\n                                z-index: 5;\n                            }\n                            .mc-circular-fan {\n                                position: absolute;\n                                left: 0;\n                                top: 0;\n                                width: 100%;\n                                height: 100%;\n                            }\n                                        <\/style>\n            <div class=\"mc-animated-banner mc-animation-type-circular-fan\">\n                                <div class=\"mc-content\">\n<h1 id=\"animated-banner-title\">Shaping the future of hip and knee osteoarthritis<\/h1>\n<\/div>\n                <canvas id=\"mc-animated-banner-canvas\" class=\"mc-circular-fan\"><\/canvas>            <\/div>\n                                <script>\n                        const canvas = document.getElementById('mc-animated-banner-canvas')\n                        const context = canvas.getContext(\"2d\")\n\n                        let centerPoint, canvasAspectRatio, backgroundImageAspectRatio\n\n                        let frame = 0\n                        let totalFrames = 120\n                        const backgroundImage = new Image()\n                        backgroundImage.onload = function() {\n                            backgroundImageAspectRatio = backgroundImage.height \/ backgroundImage.width\n\n                            window.addEventListener('resize', handleCanvasResize)\n                            handleCanvasResize()\n                        }\n                        backgroundImage.src = 'https:\/\/imuka.nl\/wp-content\/uploads\/2021\/07\/image001.jpeg'\n                        \n                        function handleCanvasResize() {\n                            canvasAspectRatio = canvas.offsetHeight \/ canvas.offsetWidth\n\n                            context.canvas.height = canvas.offsetHeight\n                            context.canvas.width  = canvas.offsetWidth\n\n                            centerPoint = calculateCenterPoint()\n                            window.requestAnimationFrame(animate)\n                        }\n\n                        function calculateCenterPoint() {\n                                                                        const element = document.getElementById('animated-banner-title')\n                                            const elementBounds = element.getBoundingClientRect()\n\n                                                                                                        return {\n                                                                x: elementBounds.right + 18,\n                                                                y: window.scrollY + elementBounds.bottom + -18                                                            }\n                                                                                    \n                        }\n\n                        const sliceSize = Math.max(canvas.offsetWidth, canvas.offsetHeight) * 10\n\n                        const slices = [\n                                                                {\n                                        color: '#db4f28',\n                                        startAngle: -60,\n                                        endAngle: 30                                    },\n                                                                        {\n                                        color: '#c7d872',\n                                        startAngle: 30,\n                                        endAngle: 100                                    },\n                                                                        {\n                                        color: '#2a5520',\n                                        startAngle: 100,\n                                        endAngle: 120                                    },\n                                                                        {\n                                        color: '#e27133',\n                                        startAngle: 120,\n                                        endAngle: 135                                    },\n                                                                        {\n                                        color: '#df7734',\n                                        startAngle: 135,\n                                        endAngle: 150                                    },\n                                                                        {\n                                        color: '#df7734',\n                                        startAngle: 150,\n                                        endAngle: 240                                    },\n                                                                        {\n                                        color: '#db4f28',\n                                        startAngle: 240,\n                                        endAngle: 300                                    },\n                                                            ]\n\n                        function animate() {\n                            context.clearRect(0, 0, canvas.offsetWidth, canvas.offsetHeight)\n\n                            context.globalCompositeOperation = 'source-over'\n                            context.globalAlpha = 1\n\n                            let backgroundRenderWidth, backgroundRenderHeight, backgroundRenderX, backgroundRenderY\n\n                            if (canvasAspectRatio > backgroundImageAspectRatio) {\n                                backgroundRenderWidth = canvas.offsetHeight \/ backgroundImageAspectRatio\n                                backgroundRenderHeight = canvas.offsetHeight\n                                \n                                backgroundRenderX = -((backgroundRenderWidth - canvas.offsetWidth) \/ 2)\n                                backgroundRenderY = 0\n                            } else {\n                                backgroundRenderWidth = canvas.offsetWidth\n                                backgroundRenderHeight = canvas.offsetWidth * backgroundImageAspectRatio\n                                backgroundRenderX = 0\n                                backgroundRenderY = -((backgroundRenderHeight - canvas.offsetHeight) \/ 2)\n                            }\n\n                            context.drawImage(backgroundImage,\n                                0, 0, backgroundImage.width, backgroundImage.height,\n                                backgroundRenderX, backgroundRenderY, backgroundRenderWidth, backgroundRenderHeight\n                            )\n\n                            context.globalCompositeOperation = 'multiply';\n                            context.globalAlpha = frame \/ totalFrames * 1\n                            const multiplier = frame \/ totalFrames\n\n                            for (let i = 0; i < slices.length; i++) {\n                                drawSlice(slices[i], multiplier)\n                            }\n\n                                                            context.globalCompositeOperation = 'source-over';\n                                context.globalAlpha = Math.min(frame \/ totalFrames * 4, 1)\n\n                                context.beginPath();\n                                context.arc(centerPoint.x, centerPoint.y, 5, 0, 2 * Math.PI);\n                                context.fillStyle = '#ffffff'\n                                context.fill();\n                            \n                            if (frame < totalFrames) {\n                                frame++\n\n                                window.requestAnimationFrame(animate)\n                            }\n                        }\n                        \n                        function drawSlice(slice, multiplier) {\n                            const startAngle = Math.PI * slice.startAngle * multiplier \/ 180 - (Math.PI \/ 2)\n                            const endAngle = Math.PI * slice.endAngle * multiplier \/ 180 - (Math.PI \/ 2)\n\n                            context.beginPath()\n                            context.arc(centerPoint.x, centerPoint.y, sliceSize, startAngle, endAngle)\n                            context.lineTo(centerPoint.x, centerPoint.y)\n                            context.closePath()\n                            context.fillStyle = slice.color\n                            context.fill()\n                        }\n                    <\/script>\n                    <\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_7a0c517a height_medium with_overlay\"><div class=\"l-section-overlay\" style=\"background: #000218\"><\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-1 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-5 wpb_column vc_column_container animate_afl\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column us_custom_6df4bc3a has_text_color\" ><div class=\"wpb_wrapper\"><h2>Technology, data, and innovation have a role to play in the care of hip and knee osteoarthritis<\/h2>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-6 wpb_column vc_column_container animate_afr\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column us_custom_6df4bc3a has_text_color\" ><div class=\"wpb_wrapper\"><p>Imuka optimizes the care of osteoarthritis of the hip and knee. As a knowledge platform and network partner for research, education, and information, we promote the use of technology, data, and innovations in orthopedic care. We search for answers to medical, ethical, and social questions and help shape the use of technology and data in the care of hip and knee osteoarthritis \u2013 now and into the future.<\/p>\n<\/div><\/div><div class=\"w-btn-wrapper width_auto align_left\"><a class=\"w-btn us-btn-style_3\" title=\"Over Imuka\" href=\"\/en\/about-imuka\/\"><span class=\"w-btn-label\">About Imuka<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_441bf7ca height_medium with_overlay\"><div class=\"l-section-overlay\" style=\"background: linear-gradient(180deg,#000218,#020727)\"><\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_col-sm-8 wpb_column vc_column_container animate_afb\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column us_custom_6df4bc3a has_text_color\" ><div class=\"wpb_wrapper\"><h2>Join us in optimizing the care of hip and knee osteoarthritis<\/h2>\n<p>Can your organization contribute research, education, or support in the area of data and innovative technology for hip and knee osteoarthritis?<\/p>\n<\/div><\/div><div class=\"w-btn-wrapper width_auto align_left\"><a class=\"w-btn us-btn-style_3\" title=\"Become a partner\" href=\"\/en\/become-a-partner\/\"><span class=\"w-btn-label\">Become a partner<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"vc_col-sm-2 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Shaping the future of hip and knee osteoarthritis Technology, data, and innovation have a role to play in the care of hip and knee osteoarthritis Imuka optimizes the care of osteoarthritis of the hip and knee. As a knowledge platform and network partner for research, education, and information, we promote the use of technology, data,...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-334","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - Imuka<\/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:\/\/imuka.nl\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Imuka\" \/>\n<meta property=\"og:url\" content=\"https:\/\/imuka.nl\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Imuka\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-30T08:06:34+00:00\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/imuka.nl\/en\/\",\"url\":\"https:\/\/imuka.nl\/en\/\",\"name\":\"Home - Imuka\",\"isPartOf\":{\"@id\":\"https:\/\/imuka.nl\/en\/#website\"},\"datePublished\":\"2021-08-30T07:29:20+00:00\",\"dateModified\":\"2021-08-30T08:06:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/imuka.nl\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/imuka.nl\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/imuka.nl\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/imuka.nl\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/imuka.nl\/en\/#website\",\"url\":\"https:\/\/imuka.nl\/en\/\",\"name\":\"Imuka\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/imuka.nl\/en\/?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":"Home - Imuka","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:\/\/imuka.nl\/en\/","og_locale":"en_US","og_type":"article","og_title":"Home - Imuka","og_url":"https:\/\/imuka.nl\/en\/","og_site_name":"Imuka","article_modified_time":"2021-08-30T08:06:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/imuka.nl\/en\/","url":"https:\/\/imuka.nl\/en\/","name":"Home - Imuka","isPartOf":{"@id":"https:\/\/imuka.nl\/en\/#website"},"datePublished":"2021-08-30T07:29:20+00:00","dateModified":"2021-08-30T08:06:34+00:00","breadcrumb":{"@id":"https:\/\/imuka.nl\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/imuka.nl\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/imuka.nl\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/imuka.nl\/en\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/imuka.nl\/en\/#website","url":"https:\/\/imuka.nl\/en\/","name":"Imuka","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/imuka.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":2,"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/pages\/334\/revisions\/352"}],"wp:attachment":[{"href":"https:\/\/imuka.nl\/en\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}