{"id":510,"date":"2026-11-02T14:22:49","date_gmt":"2026-11-02T14:22:49","guid":{"rendered":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/"},"modified":"2026-11-02T14:56:37","modified_gmt":"2026-11-02T14:56:37","slug":"shirt-ontwerpen","status":"publish","type":"page","link":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/","title":{"rendered":"Ontwerp je shirt"},"content":{"rendered":"<style>\n.tv h2,.tvstudio h2{position:relative;display:table;line-height:.92!important;margin-bottom:45px!important;isolation:isolate}.tv h2 .brush,.tvstudio h2 .brush{display:block!important;position:relative;z-index:2;font-size:1.28em!important;line-height:.65!important;margin-top:-.08em!important;margin-left:14%!important;transform:rotate(-5deg)!important;white-space:normal}.tv .hero h1:not(.tv-cover-title) .brush,.tvstudio header h1 .brush{display:block!important;position:relative;z-index:2;font-size:1.27em!important;line-height:.72!important;margin-top:-.1em!important;margin-left:13%!important;transform:rotate(-5deg)!important}.tv .hero h1:not(.tv-cover-title),.tvstudio header h1{line-height:.9!important;overflow:visible!important}.tv h2,.tvstudio h2{overflow:visible!important}\n<\/style>\n<style>body .edit-link,body .post-edit-link,body a.post-edit-link,body .entry-footer,body .entry-meta,body .edit,body .entry-container>.edit-link{display:none!important}body,html{margin:0!important;padding:0!important}body #page,body .site,body #content,body .site-content,body .wrapper,body .singular-section,body #primary,body #main,body .content-area,body .site-main,body article,body .entry-container,body .entry-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important}body #featured-content-section,body .breadcrumb-area,body .breadcrumb,body .breadcrumbs,body .breadcrumb-wrap,body .custom-header,body .custom-header-content,body .header-media,body .page-header,body .entry-header,body .site-header,body #masthead,body .site-footer,body #colophon,body .site-header-main,body .site-header-menu,body .navigation,body .site-info,body .widget-area,body #secondary{display:none!important}body .tv,body .tvstudio{margin:0!important;width:100%!important;max-width:none!important}body .tv nav,body .tvstudio nav{position:relative;z-index:5}body .tv nav .links,body .tvstudio nav>div{display:flex;gap:14px;flex-wrap:wrap}body .tv nav a,body .tvstudio nav a{white-space:normal}body .tv .grid{min-width:0}<\/style>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Permanent+Marker&display=swap');\nbody #masthead,body #colophon,body .site-header,body .site-footer,body .entry-header,body .page-header,body .sidebar,body #secondary,body .widget-area,body .widget,body .navigation,body .site-info{display:none!important}\nbody .site-content,body .content-area,body .site-main,body article,body .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}\n.tvstudio{background:#f7f6f2;color:#22333b;font-family:'Segoe UI',Arial,sans-serif;min-height:100vh}.tvstudio *{box-sizing:border-box}.tvstudio nav{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#22333b;padding:22px 5%;flex-wrap:wrap}.tvstudio nav a{color:white;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tvstudio h1,.tvstudio h2{font-family:'Kenyan Coffee',Anton,Impact,sans-serif;text-transform:uppercase;font-weight:900;line-height:1.05}.tvstudio h1{font-size:clamp(54px,9vw,130px);margin:15px 0}.tvstudio h2{font-size:40px}.tvstudio .brush{font-family:'Elbrush','Permanent Marker',cursive;color:#739e82}.tvstudio header{background:#22333b;color:white;padding:75px 6%}.tvstudio main{padding:45px 5% 80px}.tvstudio .workarea{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.tvstudio .tools{background:white;padding:25px;border-top:5px solid #739e82}.tvstudio label{font-size:13px;font-weight:700;display:block;margin:15px 0 6px}.tvstudio button{background:#22333b;color:white;border:0;padding:12px 14px;cursor:pointer;margin:5px 5px 5px 0;font:700 13px 'Segoe UI',sans-serif}.tvstudio button:hover{background:#5a2a27}.tvstudio input[type=range]{width:100%}.tvstudio .palette{display:flex;flex-wrap:wrap;gap:8px}.tvstudio .swatch{width:33px;height:33px;border:2px solid #ddd;border-radius:50%;padding:0}.tvstudio .canvaswrap{background:#e5e9e6;display:flex;justify-content:center;padding:20px;min-width:0}.tvstudio canvas{width:100%;max-width:650px;height:auto;touch-action:none;cursor:crosshair}.tvstudio .note{font-size:13px;color:#526265}.tvstudio footer{background:#5a2a27;color:white;padding:25px 5%}@media(max-width:800px){.tvstudio .workarea{grid-template-columns:1fr}.tvstudio header{padding:55px 5%}}\n<\/style>\n<div class=\"tvstudio\">\n<nav><a href=\"\/\">TABLEAU <span style=\"color:#739e82\">VIVANT<\/span><\/a><\/p>\n<div><a href=\"\/\">Het concept<\/a> &nbsp; <a href=\"\/index.php\/kandidaten\/\">Kandidaten<\/a> &nbsp; <a href=\"\/index.php\/1895-fanclub\/\">1895 Fanclub<\/a> &nbsp; <a href=\"\/index.php\/shirt-ontwerpen\/\">Ontwerp je shirt<\/a><\/div>\n<\/nav>\n<header>\n<div style=\"letter-spacing:3px;font-size:12px\">JOUW CREATIVITEIT \u00d7 ONZE PASSIE<\/div>\n<h1>ONTWERP <span class=\"brush\">JE SHIRT<\/span><\/h1>\n<p>Pak je digitale penseel en maak jouw eigen ontwerp. Experimenteer met kleur, lijnen en patronen op een blanco shirt.<\/p>\n<\/header>\n<p><main><\/p>\n<div class=\"workarea\">\n<aside class=\"tools\">\n<h2>JOUW ATELIER<\/h2>\n<p><label for=\"tvcolor\">Penseelkleur<\/label><input id=\"tvcolor\" type=\"color\" value=\"#5a2a27\"><\/p>\n<div class=\"palette\" aria-label=\"Snelle kleuren\"><button class=\"swatch\" style=\"background:#5a2a27\" data-color=\"#5a2a27\" aria-label=\"Bordeaux\"><\/button><button class=\"swatch\" style=\"background:#739e82\" data-color=\"#739e82\" aria-label=\"Groen\"><\/button><button class=\"swatch\" style=\"background:#22333b\" data-color=\"#22333b\" aria-label=\"Donkerblauw\"><\/button><button class=\"swatch\" style=\"background:#d6a73c\" data-color=\"#d6a73c\" aria-label=\"Goud\"><\/button><button class=\"swatch\" style=\"background:#d92332\" data-color=\"#d92332\" aria-label=\"Rood\"><\/button><button class=\"swatch\" style=\"background:#111111\" data-color=\"#111111\" aria-label=\"Zwart\"><\/button><\/div>\n<p><label for=\"tvsize\">Penseeldikte<\/label><input id=\"tvsize\" type=\"range\" min=\"2\" max=\"55\" value=\"12\"><\/p>\n<div><button id=\"tvpen\" type=\"button\">Penseel<\/button><button id=\"tveraser\" type=\"button\">Gum<\/button><\/div>\n<div><button id=\"tvundo\" type=\"button\">Ongedaan maken<\/button><button id=\"tvclear\" type=\"button\">Opnieuw<\/button><\/div>\n<p><button id=\"tvsave\" type=\"button\">Bewaar als PNG<\/button><\/p>\n<p class=\"note\">Je ontwerp blijft op jouw toestel. Dit is een creatieve demo, geen offici\u00eble wedstrijdinzending.<\/p>\n<\/aside>\n<div class=\"canvaswrap\"><canvas id=\"tvcanvas\" width=\"650\" height=\"740\" aria-label=\"Tekenoppervlak met blanco voetbalshirt\">Je browser ondersteunt het tekenoppervlak niet.<\/canvas><\/div>\n<\/div>\n<p><\/main><\/p>\n<footer>TABLEAU VIVANT \u00b7EEN KUNSTWERK DAT JE KUNT DRAGEN.<\/footer>\n<\/div>\n<p><script>\n(function(){\nfunction start(){\nconst c=document.getElementById('tvcanvas');if(!c)return;const ctx=c.getContext('2d'),color=document.getElementById('tvcolor'),size=document.getElementById('tvsize');\nconst path=new Path2D();path.moveTo(192,95);path.lineTo(255,65);path.quadraticCurveTo(325,115,395,65);path.lineTo(458,95);path.lineTo(605,165);path.lineTo(535,300);path.lineTo(465,275);path.lineTo(465,650);path.quadraticCurveTo(325,677,185,650);path.lineTo(185,275);path.lineTo(115,300);path.lineTo(45,165);path.closePath();\nconst strokes=[];let current=null,eraser=false;const rbfaLogo=new Image();rbfaLogo.src='https:\/\/visionswoop.be\/wp-content\/uploads\/2026\/11\/RBFA-logo-transparant.png';rbfaLogo.onload=()=>render();\nfunction render(){ctx.clearRect(0,0,650,740);ctx.fillStyle='#e5e9e6';ctx.fillRect(0,0,650,740);ctx.fillStyle='#ffffff';ctx.fill(path);ctx.save();ctx.clip(path);ctx.strokeStyle='#c6ceca';ctx.lineWidth=3;ctx.stroke(path);ctx.beginPath();ctx.ellipse(325,87,59,31,0,0,Math.PI);ctx.strokeStyle='#22333b';ctx.lineWidth=10;ctx.stroke();ctx.fillStyle='#f0f0ef';ctx.fillRect(215,115,220,4);\nfor(const s of [...strokes,...(current?[current]:[])]){if(!s.points.length)continue;ctx.strokeStyle=s.color;ctx.lineWidth=s.size;ctx.lineJoin='round';ctx.lineCap='round';ctx.beginPath();ctx.moveTo(s.points[0].x,s.points[0].y);if(s.points.length===1){ctx.lineTo(s.points[0].x+.01,s.points[0].y+.01)}else for(const p of s.points.slice(1))ctx.lineTo(p.x,p.y);ctx.stroke()}ctx.restore();ctx.strokeStyle='#22333b';ctx.lineWidth=3;ctx.stroke(path);if(rbfaLogo.complete&&rbfaLogo.naturalWidth){ctx.save();ctx.globalAlpha=1;ctx.drawImage(rbfaLogo,370,135,47,89);ctx.restore();}ctx.fillStyle='#22333b';ctx.font='bold 15px Segoe UI';ctx.textAlign='center';\/* no caption beneath shirt *\/}\nfunction pos(e){const r=c.getBoundingClientRect();return{x:(e.clientX-r.left)*650\/r.width,y:(e.clientY-r.top)*740\/r.height}}\nc.addEventListener('pointerdown',e=>{e.preventDefault();c.setPointerCapture(e.pointerId);current={color:eraser?'#ffffff':color.value,size:+size.value,points:[pos(e)]};render()});\nc.addEventListener('pointermove',e=>{if(!current)return;current.points.push(pos(e));render()});\nfunction finish(){if(current){strokes.push(current);current=null;render()}}c.addEventListener('pointerup',finish);c.addEventListener('pointercancel',finish);\ndocument.querySelectorAll('.tvstudio [data-color]').forEach(b=>b.addEventListener('click',()=>{color.value=b.dataset.color;eraser=false}));\ndocument.getElementById('tvpen').onclick=()=>eraser=false;document.getElementById('tveraser').onclick=()=>eraser=true;\ndocument.getElementById('tvundo').onclick=()=>{strokes.pop();render()};\ndocument.getElementById('tvclear').onclick=()=>{if(confirm('Je volledige ontwerp wissen?')){strokes.length=0;render()}};\ndocument.getElementById('tvsave').onclick=()=>{const a=document.createElement('a');a.download='tableau-vivant-mijn-shirt.png';a.href=c.toDataURL('image\/png');a.click()};render()}\nif(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start);else start()\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TABLEAU VIVANT Het concept &nbsp; Kandidaten &nbsp; 1895 Fanclub &nbsp; Ontwerp je shirt JOUW CREATIVITEIT &hellip; <a href=\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\" class=\"more-link\"><span>READ MORE<span class=\"screen-reader-text\">Ontwerp je shirt<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-510","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ontwerp je shirt - Tableau Vivant<\/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:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ontwerp je shirt - Tableau Vivant\" \/>\n<meta property=\"og:description\" content=\"TABLEAU VIVANT Het concept &nbsp; Kandidaten &nbsp; 1895 Fanclub &nbsp; Ontwerp je shirt JOUW CREATIVITEIT &hellip; READ MOREOntwerp je shirt\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\" \/>\n<meta property=\"og:site_name\" content=\"Tableau Vivant\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-02T14:56:37+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:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\",\"url\":\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\",\"name\":\"Ontwerp je shirt - Tableau Vivant\",\"isPartOf\":{\"@id\":\"https:\/\/visionswoop.be\/#website\"},\"datePublished\":\"2026-11-02T14:22:49+00:00\",\"dateModified\":\"2026-11-02T14:56:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visionswoop.be\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ontwerp je shirt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visionswoop.be\/#website\",\"url\":\"https:\/\/visionswoop.be\/\",\"name\":\"Tableau Vivant\",\"description\":\"Draag de kunst.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visionswoop.be\/?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":"Ontwerp je shirt - Tableau Vivant","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:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/","og_locale":"en_US","og_type":"article","og_title":"Ontwerp je shirt - Tableau Vivant","og_description":"TABLEAU VIVANT Het concept &nbsp; Kandidaten &nbsp; 1895 Fanclub &nbsp; Ontwerp je shirt JOUW CREATIVITEIT &hellip; READ MOREOntwerp je shirt","og_url":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/","og_site_name":"Tableau Vivant","article_modified_time":"2026-11-02T14:56:37+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/","url":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/","name":"Ontwerp je shirt - Tableau Vivant","isPartOf":{"@id":"https:\/\/visionswoop.be\/#website"},"datePublished":"2026-11-02T14:22:49+00:00","dateModified":"2026-11-02T14:56:37+00:00","breadcrumb":{"@id":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visionswoop.be\/index.php\/shirt-ontwerpen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visionswoop.be\/"},{"@type":"ListItem","position":2,"name":"Ontwerp je shirt"}]},{"@type":"WebSite","@id":"https:\/\/visionswoop.be\/#website","url":"https:\/\/visionswoop.be\/","name":"Tableau Vivant","description":"Draag de kunst.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visionswoop.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/pages\/510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/comments?post=510"}],"version-history":[{"count":9,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/pages\/510\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/media?parent=510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/categories?post=510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visionswoop.be\/index.php\/wp-json\/wp\/v2\/tags?post=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}