<style id="elementor-post-10957">.elementor-10957 .elementor-element.elementor-element-a454263 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-10957 .elementor-element.elementor-element-a454263 > .elementor-container{min-height:100vh;}.elementor-10957 .elementor-element.elementor-element-a454263 > .elementor-background-overlay{opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10957 .elementor-element.elementor-element-a454263{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-10957 .elementor-element.elementor-element-cd9208b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-10957 .elementor-element.elementor-element-cd9208b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-10957 .elementor-element.elementor-element-cd9208b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-10957 .elementor-element.elementor-element-cd9208b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-10957 .elementor-element.elementor-element-cd9208b > .elementor-element-populated{padding:60px 0px 0px 0px;}.elementor-10957 .elementor-element.elementor-element-8047b2e > .elementor-widget-container{margin:0px 10px 0px 10px;}body.elementor-page-10957:not(.elementor-motion-effects-element-type-background), body.elementor-page-10957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#350514;}@media(min-width:768px){.elementor-10957 .elementor-element.elementor-element-cd9208b{width:100%;}}@media(max-width:767px){.elementor-10957 .elementor-element.elementor-element-a454263{padding:0px 0px 0px 0px;}.elementor-10957 .elementor-element.elementor-element-cd9208b > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS */.wpml-ls {
        display: none !important;
    }/* End custom CSS */</style>{"id":10957,"date":"2026-03-18T10:01:30","date_gmt":"2026-03-18T09:01:30","guid":{"rendered":"https:\/\/ids.nu\/test\/indi-chatdemo\/"},"modified":"2026-03-25T09:42:40","modified_gmt":"2026-03-25T08:42:40","slug":"indi-chatdemo","status":"publish","type":"page","link":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/","title":{"rendered":"INDI ChatDemo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10957\" class=\"elementor elementor-10957 elementor-10951\" 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-full_width elementor-section-items-top elementor-section-content-top elementor-section-height-default\" 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-no\">\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<canvas id=\"myRive\" class=\"riveClass\" width=\"800\" height=\"800\"><\/canvas>\r\n\r\n<style type=\"text\/css\">\r\n    .riveClass {\r\n        width: 100%;\r\n        height: 90vh;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const botCanvas = document.getElementById(\"myRive\");\r\n    function computeSize() { \/\/ Deze functie gaan we later gebruiken\r\n        myRiveElement.resizeDrawingSurfaceToCanvas(); \/\/ resizeDrawingSurfaceToCanvas zorgt ervoor dat het 'tekengebied' met de juiste afmetingen wordt aangepast aan het formaat van het canvas. We gebruiken deze functie wanneer de Rive animatie wordt geladen, wanneer het schermformaat verandert, etc.\r\n    }\r\n    const myRiveElement = new rive.Rive({\r\n        src: \"https:\/\/ids.nu\/wp-content\/uploads\/2026\/03\/indi_ChatDemo_v0.10.riv\",\r\n        canvas: document.getElementById(\"myRive\"),\r\n        layout: new rive.Layout({\r\n            fit: rive.Fit.Layout,  \/\/ Zorgt ervoor dat het formaat van het artboard automatisch wordt aangepast\r\n            layoutScaleFactor: .8, \/\/ Met deze waarde moet je een beetje spelen. Hiermee 'scale' je de Rive component. Als Nowi te groot of te klein is, kan je dit wat hoger of lager zetten.\r\n        }),\r\n        autoplay: true,\r\n        stateMachines: \"State Machine 1\",\r\n        isTouchScrollEnabled: false,\r\n        autoBind: true,\r\n        onLoad: function () {\r\n\r\n            computeSize();\r\n\r\n            \/\/Find Main View Model\r\n            const mainVM = myRiveElement.viewModelByName(\"ViewModel1\");\r\n\r\n            \/\/Find Main View Model Instance (was bound using autoBind)\r\n            let mainVMInstance = myRiveElement.viewModelInstance;\r\n\r\n            const cursorProperty = mainVMInstance.boolean(\"pointerHover\");\r\n\r\n            cursorProperty.on((event) =&gt; {\r\n                if (cursorProperty.value) {\r\n                    botCanvas.style.cursor = \"pointer\";\r\n                } else {\r\n                    botCanvas.style.cursor = \"auto\";\r\n                }\r\n            });\r\n\r\n        }\r\n    });\r\n\r\n    window.addEventListener(\"resize\", computeSize); \/\/ Voert de computeSize functie uit wanneer het scherm van formaat verandert.\r\n\r\n    window\r\n        .matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`)\r\n        .addEventListener(\"change\", computeSize); \/\/voert de computeSize functie uit wanneer de resolutie verandert (bijvoorbeeld wanneer het venster naar een scherm van een ander formaat wordt verplaatst.\r\n<\/script>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":10532,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10957","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>INDI ChatDemo - IDS Animatie studio<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"INDI ChatDemo - IDS Animatie studio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/\" \/>\n<meta property=\"og:site_name\" content=\"IDS Animatie studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T08:42:40+00:00\" \/>\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:\\\/\\\/ids.nu\\\/en\\\/test\\\/indi-chatdemo\\\/\",\"url\":\"https:\\\/\\\/ids.nu\\\/en\\\/test\\\/indi-chatdemo\\\/\",\"name\":\"INDI ChatDemo - IDS Animatie studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ids.nu\\\/en\\\/#website\"},\"datePublished\":\"2026-03-18T09:01:30+00:00\",\"dateModified\":\"2026-03-25T08:42:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ids.nu\\\/en\\\/test\\\/indi-chatdemo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ids.nu\\\/en\\\/test\\\/indi-chatdemo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ids.nu\\\/en\\\/test\\\/indi-chatdemo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ids.nu\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test\",\"item\":\"https:\\\/\\\/ids.nu\\\/en\\\/test\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"INDI ChatDemo\"}]},{\"@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":"INDI ChatDemo - IDS Animatie studio","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"INDI ChatDemo - IDS Animatie studio","og_url":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/","og_site_name":"IDS Animatie studio","article_modified_time":"2026-03-25T08:42:40+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/","url":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/","name":"INDI ChatDemo - IDS Animatie studio","isPartOf":{"@id":"https:\/\/ids.nu\/en\/#website"},"datePublished":"2026-03-18T09:01:30+00:00","dateModified":"2026-03-25T08:42:40+00:00","breadcrumb":{"@id":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ids.nu\/en\/test\/indi-chatdemo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ids.nu\/en\/test\/indi-chatdemo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ids.nu\/en\/"},{"@type":"ListItem","position":2,"name":"Test","item":"https:\/\/ids.nu\/en\/test\/"},{"@type":"ListItem","position":3,"name":"INDI ChatDemo"}]},{"@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\/10957","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=10957"}],"version-history":[{"count":18,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/10957\/revisions"}],"predecessor-version":[{"id":11086,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/10957\/revisions\/11086"}],"up":[{"embeddable":true,"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/pages\/10532"}],"wp:attachment":[{"href":"https:\/\/ids.nu\/en\/wp-json\/wp\/v2\/media?parent=10957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}