{"id":635,"date":"2026-06-03T05:41:08","date_gmt":"2026-06-03T05:41:08","guid":{"rendered":"https:\/\/www.fss.foundation\/doneren\/"},"modified":"2026-06-03T06:16:24","modified_gmt":"2026-06-03T06:16:24","slug":"doneren","status":"publish","type":"page","link":"https:\/\/www.fss.foundation\/nl\/doneren\/","title":{"rendered":"Doneren"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_2_3 2_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:2.88%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:2.88%;--awb-width-medium:66.666666666667%;--awb-order-medium:0;--awb-spacing-right-medium:2.88%;--awb-spacing-left-medium:2.88%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><div class=\"donate-container\" style=\"max-width: 600px; margin: 0 auto; padding: 30px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; line-height: 1.6;\">\n<p>&nbsp;<\/p>\n<h2 style=\"color: #2c3e50; font-size: 28px; margin-bottom: 20px; font-weight: bold;\">Steun onze missie<\/h2>\n<p style=\"font-size: 16px; margin-bottom: 15px;\">Hartelijk dank voor uw bereidheid om <strong>FSSF<\/strong> te steunen!<br \/>\nWij zijn u zeer dankbaar.<\/p>\n<p style=\"font-size: 16px; margin-bottom: 25px;\">Hieronder vindt u onze bankgegevens:<\/p>\n<p><!-- Bank Details Card --><\/p>\n<div style=\"background-color: #f8f9fa; border-left: 4px solid #27ae60; border-radius: 6px; padding: 25px; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);\">\n<h3 style=\"margin-top: 0; color: #2c3e50; font-size: 18px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px;\">Bankgegevens<\/h3>\n<table style=\"width: 100%; border-collapse: collapse; font-size: 15px;\">\n<tbody>\n<tr>\n<td style=\"padding: 6px 0; color: #7f8c8d; width: 30%; font-weight: 600;\">Begunstigde<\/td>\n<td style=\"padding: 6px 0; color: #2c3e50; font-weight: bold;\">Stichting Food Safety &amp; Security Foundation<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 6px 0; color: #7f8c8d; font-weight: 600;\">IBAN:<\/td>\n<td style=\"padding: 6px 0; color: #2c3e50; font-family: monospace; font-size: 16px; font-weight: bold; letter-spacing: 0.5px;\">NL64 TRIO 0320 8903 09<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 6px 0; color: #7f8c8d; font-weight: 600;\">BIC Code:<\/td>\n<td style=\"padding: 6px 0; color: #2c3e50; font-family: monospace; font-size: 16px; font-weight: bold; letter-spacing: 0.5px;\">TRIONL2U<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<hr style=\"border: 0; border-top: 1px solid #eee; margin-bottom: 25px;\" \/>\n<p><!-- Contact Note --><\/p>\n<p style=\"font-size: 14px; color: #7f8c8d; text-align: center; margin: 0;\">Als u vragen heeft over uw donatie, neem dan contact met ons op via <a style=\"color: #27ae60; text-decoration: none; font-weight: 600;\" href=\"mailto:info@fss.foundation\">info@fss.foundation<\/a>.<\/p>\n<\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:5.76%;--awb-spacing-left-medium:5.76%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"donate-wrapper\" style=\"max-width: 550px; margin: 0 auto; padding: 25px; border: 1px solid #eef2f5; border-radius: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; box-shadow: 0 4px 6px rgba(0,0,0,0.02); color: #2c3e50;\">\n    <h2 style=\"font-size: 24px; margin-top: 0; margin-bottom: 10px; color: #2c3e50;\">Steun onze missie<\/h2>\n    <p style=\"font-size: 15px; color: #576574; margin-bottom: 20px;\">Vul het gewenste bedrag in om direct een QR-code te genereren. Scan deze code met je banking-app om de donatie veilig te voltooien.<\/p>\n    \n    <div class=\"input-group\" style=\"margin-bottom: 20px;\">\n        <label for=\"donation-amount\" style=\"display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px;\">Kies of typ een bedrag (EUR):<\/label>\n        <div class=\"amount-container\" style=\"position: relative; display: flex; align-items: center;\">\n            <span class=\"currency-symbol\" style=\"position: absolute; left: 15px; font-size: 16px; font-weight: bold; color: #7f8c8d;\">\u20ac<\/span>\n            <input type=\"number\" id=\"donation-amount\" class=\"amount-input\" value=\"25.00\" min=\"1\" step=\"0.01\" placeholder=\"0.00\" style=\"width: 100%; padding: 12px 15px 12px 35px; font-size: 16px; border: 2px solid #cbd5e1; border-radius: 8px; outline: none; font-weight: bold;\">\n        <\/div>\n    <\/div>\n\n    <div class=\"qr-box\" style=\"background-color: #f8f9fa; border-radius: 8px; padding: 20px; text-align: center; margin-top: 25px; border: 1px dashed #cbd5e1;\">\n        <strong style=\"font-size: 15px; display: block; margin-bottom: 5px;\">Scan om te betalen (GiroCode)<\/strong>\n        <div id=\"qrcode\" class=\"qr-container\" style=\"display: inline-block; background: #ffffff; padding: 12px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin: 10px 0;\"><\/div>\n        <p style=\"font-size: 12px; margin: 5px 0 0 0; color: #7f8c8d;\">Wissel het bedrag hierboven om de QR-code direct aan te passen.<\/p>\n    <\/div>\n\n    <div class=\"bank-details\" style=\"font-size: 13px; color: #7f8c8d; margin-top: 15px; border-top: 1px solid #e2e8f0; padding-top: 15px;\">\n        <table style=\"width: 100%; border-collapse: collapse;\">\n            <tr>\n                <td style=\"padding: 3px 0; font-weight: 600; width: 35%;\">Begunstigde:<\/td>\n                <td style=\"padding: 3px 0; color: #2c3e50; font-weight: bold;\">Stichting Food Safety & Security Foundation<\/td>\n            <\/tr>\n            <tr>\n                <td style=\"padding: 3px 0; font-weight: 600;\">IBAN:<\/td>\n                <td style=\"padding: 3px 0; color: #2c3e50; font-family: monospace; font-size: 14px;\">NL64 TRIO 0320 8903 09<\/td>\n            <\/tr>\n            <tr>\n                <td style=\"padding: 3px 0; font-weight: 600;\">BIC-code:<\/td>\n                <td style=\"padding: 3px 0; color: #2c3e50; font-family: monospace; font-size: 14px;\">TRIONL2U<\/td>\n            <\/tr>\n        <\/table>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\"><\/script>\n\n<script>\n    (function() {\n        \/\/ Konfiguration f\u00fcr deine Stiftung\n        const config = {\n            bic: \"TRIONL2U\",\n            name: \"Stichting Food Safety & Security Foundation\",\n            iban: \"NL64TRIO0320890309\", \/\/ Ohne Leerzeichen f\u00fcr den Datenstring!\n            purpose: \"Donatie FSSF\"\n        };\n\n        \/\/ QR-Code Instanz initialisieren\n        const qrContainer = document.getElementById(\"qrcode\");\n        const qrcode = new QRCode(qrContainer, {\n            text: \"\",\n            width: 180,\n            height: 180,\n            colorDark : \"#000000\",\n            colorLight : \"#ffffff\",\n            correctLevel : QRCode.CorrectLevel.M \/\/ Medium Error-Correction (perfekt f\u00fcr Banking-Apps)\n        });\n\n        \/\/ Funktion zur Erstellung des EPC-konformen Datenblocks\n        function generateGiroCodeString(amount) {\n            const formattedAmount = parseFloat(amount).toFixed(2);\n            \n            \/\/ Wichtig: Der String ben\u00f6tigt exakt diese Struktur getrennt durch \\n\n            return [\n                \"BCD\",\n                \"002\",\n                \"1\",\n                \"SCT\",\n                config.bic,\n                config.name,\n                config.iban,\n                \"EUR\" + formattedAmount,\n                \"\",\n                \"\",\n                config.purpose,\n                \"\"\n            ].join(\"\\n\");\n        }\n\n        \/\/ Live-Update des QR-Codes\n        function updateQRCode() {\n            const amountInput = document.getElementById(\"donation-amount\");\n            let amount = amountInput.value;\n            \n            if (!amount || amount <= 0 || isNaN(amount)) {\n                amount = \"0.00\"; \n            }\n\n            const payload = generateGiroCodeString(amount);\n            qrcode.clear();\n            qrcode.makeCode(payload);\n        }\n\n        \/\/ Event-Listener bindet sich an das Input-Feld\n        document.getElementById(\"donation-amount\").addEventListener(\"input\", updateQRCode);\n\n        \/\/ Erster Render beim Seitenaufruf\n        updateQRCode();\n    })();\n<\/script><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/pages\/635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/comments?post=635"}],"version-history":[{"count":7,"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/pages\/635\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/pages\/635\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/www.fss.foundation\/nl\/wp-json\/wp\/v2\/media?parent=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}