{"id":7769,"date":"2025-02-24T15:31:31","date_gmt":"2025-02-24T14:31:31","guid":{"rendered":"https:\/\/ids.nu\/nowi-demo-interactive-v1\/"},"modified":"2026-03-03T10:52:02","modified_gmt":"2026-03-03T09:52:02","slug":"nowi-demo-interactive-v1","status":"publish","type":"page","link":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/","title":{"rendered":"Nowi Interactive &#8211; V1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7769\" class=\"elementor elementor-7769\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a454263 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"a454263\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd9208b\" data-id=\"cd9208b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8047b2e elementor-widget elementor-widget-html\" data-id=\"8047b2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--FOR FUTURE REFERENCE: The \"width\" and \"height\" the canvas element are SOMETHING ELSE than css width and height. They are the pixel sizes of the CANVAS on which you're drawing. Higher numbers = crisper image. You can THEN still set the actual height and width with css. To get a sharper image (especially on high dpi displays), set the canvas size higher and then downsize it, because just using the literal canvas size will make the image blurry. Setting the width in the CSS to \"auto\" maintains the aspect ratio of the canvas. -->\r\n\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/@rive-app\/canvas@2.24.0\"><\/script>\r\n\r\n<canvas id=\"myRive\" class=\"myOrb\" width=\"800\" height=\"800\"><\/canvas>\r\n\r\n<style type=\"text\/css\">\r\n     .myOrb {\r\n        width: auto; \r\n     \theight: 40vw;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    display: block;\r\n  }\r\n\r\n@media only screen and (max-width: 768px) {\r\n      .myOrb {\r\n        width: auto; \r\n     \theight: 90vw;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    display: block;\r\n  }   \r\n}\r\n\r\n  .wpml-ls {\r\n      display: none;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n    const orby = new rive.Rive({\r\n        src: \"https:\/\/ids.nu\/wp-content\/uploads\/2025\/02\/nowi_web_interactive_v0.7.riv\",\r\n        \/\/ OR the path to a discoverable and public Rive asset\r\n        \/\/ src: '\/public\/example.riv',\r\n        canvas: document.getElementById(\"myRive\"),\r\n        autoplay: true,\r\n        stateMachines: \"Nowi State Machine\",\r\n         isTouchScrollEnabled: false,\r\n        \/* onLoad: () =&gt; {\r\n          r.resizeDrawingSurfaceToCanvas();\r\n        }, *\/\r\n    });\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-56445cb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56445cb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-31a8314\" data-id=\"31a8314\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf55100 elementor-widget elementor-widget-text-editor\" data-id=\"bf55100\" data-element_type=\"widget\" data-e-type=\"widget\" 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<div id=\"Content\"><div id=\"bannerL\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam posuere nibh non libero laoreet aliquet. Quisque sollicitudin nunc purus, at faucibus dui mattis et. Donec magna sem, mollis vel sem id, pulvinar elementum lacus. Curabitur sollicitudin in nisi non eleifend. In ornare, dui non iaculis pretium, metus erat facilisis nisi, nec mollis massa sapien aliquet nunc. Duis ac leo et neque ultrices finibus eget luctus sem. Donec in ex vitae elit malesuada elementum non id neque. Fusce quis orci tortor. Suspendisse potenti.          <\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-897fbef\" data-id=\"897fbef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0eb0b3e elementor-widget elementor-widget-text-editor\" data-id=\"0eb0b3e\" data-element_type=\"widget\" data-e-type=\"widget\" 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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam posuere nibh non libero laoreet aliquet. Quisque sollicitudin nunc purus, at faucibus dui mattis et. Donec magna sem, mollis vel sem id, pulvinar elementum lacus.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-920e3ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"920e3ce\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8c0cf32\" data-id=\"8c0cf32\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b0e1f3f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b0e1f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/clbintegratedsolutions.nl\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">To the main website<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam posuere nibh non libero laoreet aliquet. Quisque sollicitudin nunc purus, at faucibus dui mattis et. Donec magna sem, mollis vel sem id, pulvinar elementum lacus. Curabitur sollicitudin in nisi non eleifend. In ornare, dui non iaculis pretium, metus erat facilisis nisi, nec mollis massa sapien aliquet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7769","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nowi Interactive - V1 - IDS Animatie studio<\/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:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nowi Interactive - V1 - IDS Animatie studio\" \/>\n<meta property=\"og:description\" content=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam posuere nibh non libero laoreet aliquet. Quisque sollicitudin nunc purus, at faucibus dui mattis et. Donec magna sem, mollis vel sem id, pulvinar elementum lacus. Curabitur sollicitudin in nisi non eleifend. In ornare, dui non iaculis pretium, metus erat facilisis nisi, nec mollis massa sapien aliquet [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/\" \/>\n<meta property=\"og:site_name\" content=\"IDS Animatie studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-03T09:52:02+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/\",\"url\":\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/\",\"name\":\"Nowi Interactive - V1 - IDS Animatie studio\",\"isPartOf\":{\"@id\":\"https:\/\/ids.nu\/en\/#website\"},\"datePublished\":\"2025-02-24T14:31:31+00:00\",\"dateModified\":\"2026-03-03T09:52:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ids.nu\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nowi Interactive &#8211; V1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ids.nu\/en\/#website\",\"url\":\"https:\/\/ids.nu\/en\/\",\"name\":\"IDS Animatie studio\",\"description\":\"Jouw verhaal in beeld\",\"publisher\":{\"@id\":\"https:\/\/ids.nu\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ids.nu\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ids.nu\/en\/#organization\",\"name\":\"IDS Animatie Studio\",\"url\":\"https:\/\/ids.nu\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ids.nu\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ids.nu\/wp-content\/uploads\/2019\/09\/IDS.png\",\"contentUrl\":\"https:\/\/ids.nu\/wp-content\/uploads\/2019\/09\/IDS.png\",\"width\":500,\"height\":500,\"caption\":\"IDS Animatie Studio\"},\"image\":{\"@id\":\"https:\/\/ids.nu\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nowi Interactive - V1 - IDS Animatie studio","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:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/","og_locale":"en_US","og_type":"article","og_title":"Nowi Interactive - V1 - IDS Animatie studio","og_description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam posuere nibh non libero laoreet aliquet. Quisque sollicitudin nunc purus, at faucibus dui mattis et. Donec magna sem, mollis vel sem id, pulvinar elementum lacus. Curabitur sollicitudin in nisi non eleifend. In ornare, dui non iaculis pretium, metus erat facilisis nisi, nec mollis massa sapien aliquet [&hellip;]","og_url":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/","og_site_name":"IDS Animatie studio","article_modified_time":"2026-03-03T09:52:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/","url":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/","name":"Nowi Interactive - V1 - IDS Animatie studio","isPartOf":{"@id":"https:\/\/ids.nu\/en\/#website"},"datePublished":"2025-02-24T14:31:31+00:00","dateModified":"2026-03-03T09:52:02+00:00","breadcrumb":{"@id":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ids.nu\/en\/nowi-demo-interactive-v1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ids.nu\/en\/"},{"@type":"ListItem","position":2,"name":"Nowi Interactive &#8211; V1"}]},{"@type":"WebSite","@id":"https:\/\/ids.nu\/en\/#website","url":"https:\/\/ids.nu\/en\/","name":"IDS Animatie studio","description":"Jouw verhaal in beeld","publisher":{"@id":"https:\/\/ids.nu\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ids.nu\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ids.nu\/en\/#organization","name":"IDS Animatie Studio","url":"https:\/\/ids.nu\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ids.nu\/en\/#\/schema\/logo\/image\/","url":"https:\/\/ids.nu\/wp-content\/uploads\/2019\/09\/IDS.png","contentUrl":"https:\/\/ids.nu\/wp-content\/uploads\/2019\/09\/IDS.png","width":500,"height":500,"caption":"IDS Animatie Studio"},"image":{"@id":"https:\/\/ids.nu\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/7769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/comments?post=7769"}],"version-history":[{"count":8,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/7769\/revisions"}],"predecessor-version":[{"id":10559,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/7769\/revisions\/10559"}],"wp:attachment":[{"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/media?parent=7769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}