{"id":908,"date":"2026-06-20T12:03:32","date_gmt":"2026-06-20T10:03:32","guid":{"rendered":"https:\/\/donate.tjeko.info\/magazine\/"},"modified":"2026-06-20T12:03:32","modified_gmt":"2026-06-20T10:03:32","slug":"magazine","status":"publish","type":"page","link":"https:\/\/donate.tjeko.info\/en\/magazine\/","title":{"rendered":"Magazine"},"content":{"rendered":"    <div class=\"tjeko-mag-wrap\">\n      <div class=\"tjeko-mag-hero\">\n        <span class=\"tjeko-mag-heart\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 40 36\" width=\"40\" height=\"36\"><path d=\"M20 36C8 28 0 20 0 11 0 5 5 0 11 0c4 0 7 2 9 5 2-3 5-5 9-5 6 0 11 5 11 11 0 9-8 17-20 25Z\" fill=\"#e5007d\"\/><\/svg>\n        <\/span>\n        <h1 class=\"tjeko-mag-titel\">Geef om de kinderen in Uganda! <span class=\"tjeko-mag-pill\">Doe mee!<\/span><\/h1>\n        <p class=\"tjeko-mag-intro\">Geef vandaag nog en maak het verschil in het leven van een kind in Uganda.<\/p>\n      <\/div>\n\n      <div class=\"tjeko-card\" id=\"tjeko-don\">\n        <div class=\"tjeko-head\">\n          <span class=\"tjeko-titel\">Je donatie<\/span>\n          <span class=\"tjeko-stap-label\" id=\"tjeko-stap-label\">Stap 1\/3<\/span>\n        <\/div>\n\n        <div class=\"tjeko-fout\" id=\"tjeko-fout\"><\/div>\n\n        <div class=\"tjeko-step\" data-step=\"1\">\n          <p class=\"tjeko-vraag\">Hoeveel euro wil je doneren? *<\/p>\n          <div class=\"tjeko-row\">\n            <button type=\"button\" class=\"tjeko-bedrag\" data-v=\"20\">20<\/button>\n            <button type=\"button\" class=\"tjeko-bedrag\" data-v=\"50\">50<\/button>\n            <button type=\"button\" class=\"tjeko-bedrag\" data-v=\"100\">100<\/button>\n            <button type=\"button\" class=\"tjeko-bedrag tjeko-breed\" data-v=\"anders\">Anders namelijk<\/button>\n          <\/div>\n          <input type=\"number\" min=\"1\" step=\"1\" id=\"tjeko-anders\" class=\"tjeko-input tjeko-verborgen\" placeholder=\"Vul je bedrag in (&euro;)\">\n\n          <p class=\"tjeko-vraag\">Hoe vaak wil je doneren? *<\/p>\n          <div class=\"tjeko-row\">\n            <button type=\"button\" class=\"tjeko-freq\" data-v=\"eenmalig\">Eenmalig<\/button>\n            <button type=\"button\" class=\"tjeko-freq\" data-v=\"maand\">Per maand<\/button>\n            <button type=\"button\" class=\"tjeko-freq\" data-v=\"jaar\">Per jaar<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"tjeko-step tjeko-verborgen\" data-step=\"2\">\n          <p class=\"tjeko-vraag\">Naam *<\/p>\n          <input type=\"text\" id=\"tjeko-naam\" class=\"tjeko-input\" placeholder=\"Voor- en achternaam\">\n          <p class=\"tjeko-vraag\">E-mailadres *<\/p>\n          <input type=\"email\" id=\"tjeko-email\" class=\"tjeko-input\" placeholder=\"jij@voorbeeld.nl\">\n        <\/div>\n\n        <div class=\"tjeko-step tjeko-verborgen\" data-step=\"3\">\n          <div class=\"tjeko-overzicht\">\n            <span class=\"tjeko-overzicht-label\">Jouw bijdrage<\/span>\n            <span class=\"tjeko-overzicht-bedrag\" id=\"tjeko-overzicht\">&euro; 50 per maand<\/span>\n          <\/div>\n        <\/div>\n\n        <button type=\"button\" class=\"tjeko-knop\" id=\"tjeko-volgende\">Ga naar de volgende stap<\/button>\n\n        <div class=\"tjeko-progress\">\n          <span class=\"tjeko-prog actief\"><\/span>\n          <span class=\"tjeko-prog\"><\/span>\n          <span class=\"tjeko-prog\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <style>\n      .tjeko-mag-wrap{max-width:600px;margin:0 auto;font-family:inherit}\n      .tjeko-mag-hero{margin-bottom:22px;position:relative;padding-top:6px}\n      .tjeko-mag-heart{position:absolute;top:-6px;right:8px}\n      .tjeko-mag-titel{color:#3a1e17;font-size:30px;line-height:1.15;font-weight:800;margin:0 0 12px;max-width:90%}\n      .tjeko-mag-pill{display:inline-block;background:#e5007d;color:#fff;font-size:18px;font-weight:700;\n        padding:6px 18px;border-radius:30px;vertical-align:middle;white-space:nowrap}\n      .tjeko-mag-intro{color:#555;font-size:16px;margin:0}\n      #tjeko-don.tjeko-card{background:#fff;border-radius:10px;padding:28px 30px;\n        box-shadow:0 10px 40px rgba(0,0,0,.08);box-sizing:border-box}\n      .tjeko-bedankt{background:#fff;border-radius:10px;padding:28px 30px;box-shadow:0 10px 40px rgba(0,0,0,.08)}\n      .tjeko-bedankt h2{color:#b0186a;margin-top:0}\n      .tjeko-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}\n      .tjeko-titel{color:#b0186a;font-size:22px;font-weight:700}\n      .tjeko-stap-label{color:#7a7a7a;font-size:13px}\n      .tjeko-vraag{font-size:14px;font-weight:700;color:#333;margin:0 0 10px}\n      .tjeko-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}\n      .tjeko-bedrag,.tjeko-freq{flex:1;min-width:84px;padding:13px 6px;border-radius:6px;\n        font-size:15px;cursor:pointer;color:#333;text-align:center;transition:.12s}\n      .tjeko-bedrag{border:none;background:#f2f2f2}\n      .tjeko-bedrag.tjeko-breed{flex:2;min-width:130px}\n      .tjeko-freq{border:1px solid #e2e2e2;background:#fff;font-size:14px}\n      .tjeko-bedrag.actief,.tjeko-freq.actief{background:#ffce00;border-color:#ffce00;color:#1a1a1a;font-weight:700}\n      .tjeko-input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #e2e2e2;\n        border-radius:6px;margin-bottom:16px;font-size:15px}\n      .tjeko-verborgen{display:none}\n      .tjeko-knop{width:100%;border:none;background:#ffce00;color:#1a1a1a;padding:15px 0;\n        border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;margin:6px 0 22px}\n      .tjeko-knop:disabled{opacity:.6;cursor:default}\n      .tjeko-progress{display:flex;gap:8px}\n      .tjeko-prog{flex:1;height:5px;border-radius:3px;background:#eee}\n      .tjeko-prog.actief{background:#ffce00}\n      .tjeko-overzicht{background:#faf4f7;border-radius:8px;padding:16px 18px}\n      .tjeko-overzicht-label{display:block;font-size:14px;color:#555;margin-bottom:6px}\n      .tjeko-overzicht-bedrag{font-size:20px;font-weight:700;color:#b0186a}\n      .tjeko-fout{display:none;background:#fdecec;color:#a3261f;border-radius:6px;\n        padding:11px 14px;font-size:14px;margin-bottom:16px}\n      @media(max-width:480px){.tjeko-mag-titel{font-size:24px}.tjeko-mag-pill{font-size:16px}}\n    <\/style>\n\n    <script>\n    (function(){\n      var ajax=\"https:\/\/donate.tjeko.info\/wp-admin\/admin-ajax.php\", nonce=\"17a5d089cb\";\n      var state={bedrag:\"50\",freq:\"maand\",stap:1};\n      var labels={eenmalig:\"eenmalig\",maand:\"per maand\",jaar:\"per jaar\"};\n      var root=document.getElementById(\"tjeko-don\");\n      var fout=root.querySelector(\"#tjeko-fout\");\n      var andersVeld=root.querySelector(\"#tjeko-anders\");\n      function q(s){return root.querySelectorAll(s);}\n\n      q(\".tjeko-bedrag\").forEach(function(b){b.onclick=function(){\n        state.bedrag=b.dataset.v; mark();\n        andersVeld.style.display = state.bedrag===\"anders\" ? \"block\":\"none\";\n        if(state.bedrag===\"anders\"){andersVeld.focus();}\n      };});\n      q(\".tjeko-freq\").forEach(function(b){b.onclick=function(){state.freq=b.dataset.v; mark();};});\n\n      function mark(){\n        q(\".tjeko-bedrag\").forEach(function(b){b.classList.toggle(\"actief\",b.dataset.v===state.bedrag);});\n        q(\".tjeko-freq\").forEach(function(b){b.classList.toggle(\"actief\",b.dataset.v===state.freq);});\n      }\n      function bedragWaarde(){\n        return state.bedrag===\"anders\" ? parseFloat(andersVeld.value||0) : parseFloat(state.bedrag);\n      }\n      function toon(){\n        q(\".tjeko-step\").forEach(function(s){s.classList.toggle(\"tjeko-verborgen\",+s.dataset.step!==state.stap);});\n        root.querySelector(\"#tjeko-stap-label\").textContent=\"Stap \"+state.stap+\"\/3\";\n        q(\".tjeko-prog\").forEach(function(p,i){p.classList.toggle(\"actief\",i<state.stap);});\n        var knop=root.querySelector(\"#tjeko-volgende\");\n        knop.textContent = state.stap===3 ? \"Doneer nu\" : \"Ga naar de volgende stap\";\n        if(state.stap===3){\n          var b=bedragWaarde(); var t=(b>0?\"\\u20ac \"+b.toLocaleString(\"nl-NL\"):\"jouw bedrag\");\n          root.querySelector(\"#tjeko-overzicht\").textContent=t+\" \"+labels[state.freq];\n        }\n      }\n      function toonFout(m){fout.textContent=m;fout.style.display=\"block\";}\n      function verbergFout(){fout.style.display=\"none\";}\n\n      root.querySelector(\"#tjeko-volgende\").onclick=function(){\n        verbergFout();\n        if(state.stap===1){\n          if(!(bedragWaarde()>0)){toonFout(\"Kies of vul een geldig bedrag in.\");return;}\n          state.stap=2; toon(); return;\n        }\n        if(state.stap===2){\n          var naam=root.querySelector(\"#tjeko-naam\").value.trim();\n          var email=root.querySelector(\"#tjeko-email\").value.trim();\n          if(!naam){toonFout(\"Vul je naam in.\");return;}\n          if(!\/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$\/.test(email)){toonFout(\"Vul een geldig e-mailadres in.\");return;}\n          state.stap=3; toon(); return;\n        }\n        var knop=this; knop.disabled=true; knop.textContent=\"Een moment\\u2026\";\n        var data=new FormData();\n        data.append(\"action\",\"tjeko_mag_start\");\n        data.append(\"nonce\",nonce);\n        data.append(\"bedrag\",bedragWaarde());\n        data.append(\"frequentie\",state.freq);\n        data.append(\"naam\",root.querySelector(\"#tjeko-naam\").value.trim());\n        data.append(\"email\",root.querySelector(\"#tjeko-email\").value.trim());\n        fetch(ajax,{method:\"POST\",body:data}).then(function(r){return r.json();}).then(function(res){\n          if(res.success && res.data && res.data.redirect){ window.location.href=res.data.redirect; }\n          else { toonFout((res.data&&res.data.message)||\"Er ging iets mis. Probeer het opnieuw.\"); knop.disabled=false; knop.textContent=\"Doneer nu\"; }\n        }).catch(function(){ toonFout(\"Er ging iets mis. Probeer het opnieuw.\"); knop.disabled=false; knop.textContent=\"Doneer nu\"; });\n      };\n\n      mark(); toon();\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-908","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/pages\/908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/comments?post=908"}],"version-history":[{"count":0,"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/pages\/908\/revisions"}],"wp:attachment":[{"href":"https:\/\/donate.tjeko.info\/en\/wp-json\/wp\/v2\/media?parent=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}