{"id":3317,"date":"2026-02-15T08:58:11","date_gmt":"2026-02-15T08:58:11","guid":{"rendered":"https:\/\/kiyaya.nl\/?page_id=3317"},"modified":"2026-02-25T09:31:03","modified_gmt":"2026-02-25T09:31:03","slug":"thumbnail","status":"publish","type":"page","link":"https:\/\/kiyaya.nl\/en\/thumbnail\/","title":{"rendered":"Thumbnail"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3317\" class=\"elementor elementor-3317\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38fd7e9 e-flex e-con-boxed e-con e-parent\" data-id=\"38fd7e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18e6ee9 elementor-widget elementor-widget-shortcode\" data-id=\"18e6ee9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"kbb-69e1dc336457d\"\n     class=\"kbb-banner\"\n     style=\"width:100%;max-width:1200px;\">\n\n  <div class=\"kbb-banner-shadow\"\n       style=\"border-radius:0px;box-shadow:0 12px 19px #000000;\">\n\n    <div class=\"kbb-banner-inner\"\n         style=\"width:1200px;                height:630px;                position:relative;                overflow:hidden;                border-radius:0px;background:linear-gradient(186deg,#5ec2e0,#7a67bc);border:none;box-shadow:inset 0 0 0 11px #000000,inset 0 0 16.8px #00cded,inset 0 0 39.2px #00cded,inset 0 0 61.6px #00cded;\">\n\n      \n      \n        \n          <div class=\"kbb-layer kbb-layer-text\" style=\"left:93px;top:259px;width:320px;height:168px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n            <div class=\"kbb-text\" style=\"font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:48px;color:#ffffff;\">Ik ben een \nhele mooie\nbanner!<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image kbb-anim-fade\" style=\"left:489px;top:66px;width:279px;height:540px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-Feb-14-2026-01_18_17-PM.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:846px;top:79px;width:220px;height:540px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-Feb-14-2026-01_24_55-PM.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n    <\/div><!-- \/.kbb-banner-inner -->\n  <\/div><!-- \/.kbb-banner-shadow -->\n<\/div><!-- \/.kbb-banner -->\n\n<script>\n(function(){\n  var container = document.getElementById('kbb-69e1dc336457d');\n  if(!container) return;\n\n  var shadowWrap = container.querySelector('.kbb-banner-shadow');\n  var inner = container.querySelector('.kbb-banner-inner');\n  if(!shadowWrap || !inner) return;\n\n  var originalWidth  = 1200;\n  var originalHeight = 630;\n\n  function resizeBanner(){\n    var rect = container.getBoundingClientRect();\n    var containerWidth = rect ? rect.width : container.offsetWidth;\n    if(!containerWidth || !originalWidth) return;\n\n    var scale = containerWidth \/ originalWidth;\n    if(!isFinite(scale) || scale <= 0) return;\n\n    \/\/ Clamp to 3 decimals to avoid subpixel rounding gaps\n    scale = Math.round(scale * 1000) \/ 1000;\n\n    inner.style.transformOrigin = 'top left';\n    inner.style.transform = 'scale(' + scale + ')';\n\n    \/\/ Because transforms don't affect layout, we set the wrapper height explicitly\n    var scaledW = Math.round(originalWidth  * scale);\n    var scaledH = Math.round(originalHeight * scale);\n\n    shadowWrap.style.width  = scaledW + 'px';\n    shadowWrap.style.height = scaledH + 'px';\n    container.style.height  = scaledH + 'px';\n  }\n\n  function init(){\n    resizeBanner();\n    if (window.requestAnimationFrame) window.requestAnimationFrame(resizeBanner);\n    setTimeout(resizeBanner, 50);\n    setTimeout(resizeBanner, 250);\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  window.addEventListener('resize', resizeBanner);\n  window.addEventListener('load', resizeBanner);\n})();\n<\/script>\n<\/div>\n\t\t\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-33a0372 e-flex e-con-boxed e-con e-parent\" data-id=\"33a0372\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bf88a7 elementor-widget elementor-widget-shortcode\" data-id=\"9bf88a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> \n<div id=\"kbb-69e1dc3364a89\"\n     class=\"kbb-banner\"\n     style=\"width:100%;max-width:800px;\">\n\n  <div class=\"kbb-banner-shadow\"\n       style=\"border-radius:0px;box-shadow:;\">\n\n    <div class=\"kbb-banner-inner\"\n         style=\"width:800px;                height:129px;                position:relative;                overflow:hidden;                border-radius:0px;background:linear-gradient(135deg,#1e73be,#3ad622);border:none;box-shadow:inset 0 0 0 8px #8224e3;\">\n\n              <a class=\"kbb-click\" href=\"https:\/\/howareyoutoday.app\" aria-label=\"Banner link\"><\/a>\n      \n      \n        \n          <div class=\"kbb-layer kbb-layer-text kbb-anim-fade\" style=\"left:96px;top:46px;width:607px;height:70px;opacity:1;border-radius:16px;border:0px solid #eded00;box-shadow:0 0 22px #000000;\">\n            <div class=\"kbb-text\" style=\"font-family:Playfair Display, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:34px;color:#ffffff;\">Want to create signatures like this?\n<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:17px;top:11px;width:122px;height:106px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/english-modified.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:679px;top:16px;width:99px;height:97px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/check.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n    <\/div><!-- \/.kbb-banner-inner -->\n  <\/div><!-- \/.kbb-banner-shadow -->\n<\/div><!-- \/.kbb-banner -->\n\n<script>\n(function(){\n  var container = document.getElementById('kbb-69e1dc3364a89');\n  if(!container) return;\n\n  var shadowWrap = container.querySelector('.kbb-banner-shadow');\n  var inner = container.querySelector('.kbb-banner-inner');\n  if(!shadowWrap || !inner) return;\n\n  var originalWidth  = 800;\n  var originalHeight = 129;\n\n  function resizeBanner(){\n    var rect = container.getBoundingClientRect();\n    var containerWidth = rect ? rect.width : container.offsetWidth;\n    if(!containerWidth || !originalWidth) return;\n\n    var scale = containerWidth \/ originalWidth;\n    if(!isFinite(scale) || scale <= 0) return;\n\n    \/\/ Clamp to 3 decimals to avoid subpixel rounding gaps\n    scale = Math.round(scale * 1000) \/ 1000;\n\n    inner.style.transformOrigin = 'top left';\n    inner.style.transform = 'scale(' + scale + ')';\n\n    \/\/ Because transforms don't affect layout, we set the wrapper height explicitly\n    var scaledW = Math.round(originalWidth  * scale);\n    var scaledH = Math.round(originalHeight * scale);\n\n    shadowWrap.style.width  = scaledW + 'px';\n    shadowWrap.style.height = scaledH + 'px';\n    container.style.height  = scaledH + 'px';\n  }\n\n  function init(){\n    resizeBanner();\n    if (window.requestAnimationFrame) window.requestAnimationFrame(resizeBanner);\n    setTimeout(resizeBanner, 50);\n    setTimeout(resizeBanner, 250);\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  window.addEventListener('resize', resizeBanner);\n  window.addEventListener('load', resizeBanner);\n})();\n<\/script>\n<\/div>\n\t\t\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-c376b8c e-flex e-con-boxed e-con e-parent\" data-id=\"c376b8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ccd233 elementor-widget elementor-widget-image\" data-id=\"3ccd233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"420\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-1024x538.png\" class=\"attachment-large size-large wp-image-3363\" alt=\"\" srcset=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-1024x538.png 1024w, https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-300x158.png 300w, https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-768x403.png 768w, https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-18x9.png 18w, https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2-600x315.png 600w, https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/02\/banner-1200x630-2.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","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-3317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/comments?post=3317"}],"version-history":[{"count":40,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3317\/revisions"}],"predecessor-version":[{"id":3431,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3317\/revisions\/3431"}],"wp:attachment":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/media?parent=3317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}