Process Optimization Tool<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script type=\"importmap\">\n{\n \"imports\": {\n \"react\/\": \"https:\/\/aistudiocdn.com\/react@^19.2.0\/\",\n \"react\": \"https:\/\/aistudiocdn.com\/react@^19.2.0\",\n \"react-dom\/\": \"https:\/\/aistudiocdn.com\/react-dom@^19.2.0\/\",\n \"recharts\": \"https:\/\/aistudiocdn.com\/recharts@^3.3.0\"\n }\n}\n<\/script>\n<style>\n .dq-grid {\n grid-template-columns: 12rem repeat(var(--steps-count, 1), minmax(12rem, 1fr));\n }\n\n @media print {\n @page {\n size: A4 landscape;\n margin: 1cm;\n }\n\n \/* --- Print Layout Fixes --- *\/\n \/* Hide everything by default except the main content *\/\n .app-container > *:not(main) {\n display: none !important;\n }\n main {\n display: block !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n .app-container {\n padding: 0 !important;\n min-height: auto !important;\n }\n \/* Reset the padding\/shadow\/border on the direct child of main (the view container) *\/\n main > div {\n margin-top: 0 !important;\n box-shadow: none !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 0.5rem !important; \/* Add some minimal padding *\/\n }\n\n \/* Hide scrollbars *\/\n ::-webkit-scrollbar {\n display: none;\n }\n\n body {\n -webkit-print-color-adjust: exact !important;\n color-adjust: exact !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n font-size: 9pt;\n line-height: 1.2;\n }\n \n \/* Hide non-printable elements *\/\n .print\\:hidden {\n display: none !important;\n }\n \n \/* General reset for dark mode elements *\/\n .bg-slate-900, .bg-slate-800, .bg-slate-800\\\/50, .bg-slate-700, .bg-slate-700\\\/50, .bg-slate-600 {\n background-color: #ffffff !important;\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n box-shadow: none !important;\n }\n \n \/* Ensure all text is black *\/\n h1, h2, h3, h4, h5, h6, p, span, div, label, input, select, textarea,\n .text-white, .text-slate-200, .text-slate-300, .text-slate-400, .text-cyan-400 {\n color: #000000 !important;\n }\n \n a {\n text-decoration: none !important;\n }\n\n .border-slate-700, .border-slate-600 {\n border-color: #cbd5e1 !important;\n }\n \n \/* Remove all shadows *\/\n [class*=\"shadow-\"] {\n box-shadow: none !important;\n }\n\n \/* Keep specific score colors, but ensure text inside is black *\/\n .bg-red-700\\\/50, .bg-orange-600\\\/50, .bg-yellow-500\\\/50, .bg-lime-500\\\/50, .bg-green-500\\\/50 {\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n }\n .bg-slate-600\\\/40 { \/* The N\/A color *\/\n background-color: #f1f5f9 !important;\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n }\n \n \/* Make form elements look like static text *\/\n textarea, select, input[type=\"text\"] {\n appearance: none !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n border: none !important;\n background-color: transparent !important;\n color: #000000 !important;\n padding: 1px !important;\n box-shadow: none !important;\n outline: none !important;\n resize: none;\n width: 100% !important;\n }\n \n select {\n padding-right: 0 !important;\n background-image: none !important;\n }\n \n textarea {\n overflow: visible !important;\n min-height: auto !important;\n height: auto !important;\n }\n textarea::placeholder {\n color: transparent !important;\n }\n \n \/* Page break control *\/\n .break-inside-avoid {\n break-inside: avoid;\n }\n\n \/* Handle overflow for the wide data quality matrix *\/\n .print-overflow-visible {\n overflow: visible !important;\n width: 100% !important;\n }\n \n \/* --- Data Quality Matrix Print Table Conversion --- *\/\n .print-overflow-visible .min-w-max {\n display: table !important;\n width: 100% !important;\n min-width: 0 !important;\n border-collapse: collapse !important;\n }\n\n .print-overflow-visible .min-w-max > .dq-grid:first-of-type {\n display: table-header-group !important;\n }\n\n .print-overflow-visible .min-w-max > .space-y-2 {\n display: table-row-group !important;\n }\n\n .print-overflow-visible .space-y-2 > .dq-grid {\n display: table-row !important;\n break-inside: avoid !important;\n }\n\n .print-overflow-visible .min-w-max > .dq-grid:last-of-type {\n display: table-footer-group !important;\n }\n\n .print-overflow-visible .dq-grid {\n display: table-row !important;\n gap: 0 !important;\n grid-template-columns: none !important;\n }\n\n .print-overflow-visible .dq-grid > div {\n display: table-cell !important;\n vertical-align: top !important;\n padding: 4px !important;\n border: 1px solid #cbd5e1 !important;\n width: auto !important;\n }\n .print-overflow-visible .dq-grid > div:first-child {\n width: 10rem !important;\n font-weight: bold;\n }\n\n .dq-grid .text-sm { font-size: 7pt !important; }\n .dq-grid .text-xl { font-size: 9pt !important; }\n \n \/* Hide charts as they are complex to print reliably *\/\n .recharts-responsive-container {\n display: none !important;\n }\n h2 + div > .recharts-responsive-container,\n h3 + div > .recharts-responsive-container {\n display: none !important;\n }\n h2:has(+ div > .recharts-responsive-container),\n h3:has(+ div > .recharts-responsive-container) {\n display: none !important;\n }\n }\n <\/style>\n<\/head>\n <body class=\"bg-slate-900 text-slate-200\">\n <div id=\"root\"><\/div>\n <script type=\"module\" src=\"\/index.tsx\"><\/script>\n <\/body>\n<\/html>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Process Optimization Tool<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-279","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279"}],"version-history":[{"count":1,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":279,"date":"2025-11-05T07:59:42","date_gmt":"2025-11-05T07:59:42","guid":{"rendered":"https:\/\/bjornproost.nl\/?page_id=279"},"modified":"2025-11-05T07:59:42","modified_gmt":"2025-11-05T07:59:42","slug":"weg","status":"publish","type":"page","link":"https:\/\/bjornproost.nl\/?page_id=279","title":{"rendered":"weg"},"content":{"rendered":"\n\n\n \n \n \n Process Optimization Tool<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script type=\"importmap\">\n{\n \"imports\": {\n \"react\/\": \"https:\/\/aistudiocdn.com\/react@^19.2.0\/\",\n \"react\": \"https:\/\/aistudiocdn.com\/react@^19.2.0\",\n \"react-dom\/\": \"https:\/\/aistudiocdn.com\/react-dom@^19.2.0\/\",\n \"recharts\": \"https:\/\/aistudiocdn.com\/recharts@^3.3.0\"\n }\n}\n<\/script>\n<style>\n .dq-grid {\n grid-template-columns: 12rem repeat(var(--steps-count, 1), minmax(12rem, 1fr));\n }\n\n @media print {\n @page {\n size: A4 landscape;\n margin: 1cm;\n }\n\n \/* --- Print Layout Fixes --- *\/\n \/* Hide everything by default except the main content *\/\n .app-container > *:not(main) {\n display: none !important;\n }\n main {\n display: block !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n .app-container {\n padding: 0 !important;\n min-height: auto !important;\n }\n \/* Reset the padding\/shadow\/border on the direct child of main (the view container) *\/\n main > div {\n margin-top: 0 !important;\n box-shadow: none !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 0.5rem !important; \/* Add some minimal padding *\/\n }\n\n \/* Hide scrollbars *\/\n ::-webkit-scrollbar {\n display: none;\n }\n\n body {\n -webkit-print-color-adjust: exact !important;\n color-adjust: exact !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n font-size: 9pt;\n line-height: 1.2;\n }\n \n \/* Hide non-printable elements *\/\n .print\\:hidden {\n display: none !important;\n }\n \n \/* General reset for dark mode elements *\/\n .bg-slate-900, .bg-slate-800, .bg-slate-800\\\/50, .bg-slate-700, .bg-slate-700\\\/50, .bg-slate-600 {\n background-color: #ffffff !important;\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n box-shadow: none !important;\n }\n \n \/* Ensure all text is black *\/\n h1, h2, h3, h4, h5, h6, p, span, div, label, input, select, textarea,\n .text-white, .text-slate-200, .text-slate-300, .text-slate-400, .text-cyan-400 {\n color: #000000 !important;\n }\n \n a {\n text-decoration: none !important;\n }\n\n .border-slate-700, .border-slate-600 {\n border-color: #cbd5e1 !important;\n }\n \n \/* Remove all shadows *\/\n [class*=\"shadow-\"] {\n box-shadow: none !important;\n }\n\n \/* Keep specific score colors, but ensure text inside is black *\/\n .bg-red-700\\\/50, .bg-orange-600\\\/50, .bg-yellow-500\\\/50, .bg-lime-500\\\/50, .bg-green-500\\\/50 {\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n }\n .bg-slate-600\\\/40 { \/* The N\/A color *\/\n background-color: #f1f5f9 !important;\n color: #000000 !important;\n border: 1px solid #dee2e6 !important;\n }\n \n \/* Make form elements look like static text *\/\n textarea, select, input[type=\"text\"] {\n appearance: none !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n border: none !important;\n background-color: transparent !important;\n color: #000000 !important;\n padding: 1px !important;\n box-shadow: none !important;\n outline: none !important;\n resize: none;\n width: 100% !important;\n }\n \n select {\n padding-right: 0 !important;\n background-image: none !important;\n }\n \n textarea {\n overflow: visible !important;\n min-height: auto !important;\n height: auto !important;\n }\n textarea::placeholder {\n color: transparent !important;\n }\n \n \/* Page break control *\/\n .break-inside-avoid {\n break-inside: avoid;\n }\n\n \/* Handle overflow for the wide data quality matrix *\/\n .print-overflow-visible {\n overflow: visible !important;\n width: 100% !important;\n }\n \n \/* --- Data Quality Matrix Print Table Conversion --- *\/\n .print-overflow-visible .min-w-max {\n display: table !important;\n width: 100% !important;\n min-width: 0 !important;\n border-collapse: collapse !important;\n }\n\n .print-overflow-visible .min-w-max > .dq-grid:first-of-type {\n display: table-header-group !important;\n }\n\n .print-overflow-visible .min-w-max > .space-y-2 {\n display: table-row-group !important;\n }\n\n .print-overflow-visible .space-y-2 > .dq-grid {\n display: table-row !important;\n break-inside: avoid !important;\n }\n\n .print-overflow-visible .min-w-max > .dq-grid:last-of-type {\n display: table-footer-group !important;\n }\n\n .print-overflow-visible .dq-grid {\n display: table-row !important;\n gap: 0 !important;\n grid-template-columns: none !important;\n }\n\n .print-overflow-visible .dq-grid > div {\n display: table-cell !important;\n vertical-align: top !important;\n padding: 4px !important;\n border: 1px solid #cbd5e1 !important;\n width: auto !important;\n }\n .print-overflow-visible .dq-grid > div:first-child {\n width: 10rem !important;\n font-weight: bold;\n }\n\n .dq-grid .text-sm { font-size: 7pt !important; }\n .dq-grid .text-xl { font-size: 9pt !important; }\n \n \/* Hide charts as they are complex to print reliably *\/\n .recharts-responsive-container {\n display: none !important;\n }\n h2 + div > .recharts-responsive-container,\n h3 + div > .recharts-responsive-container {\n display: none !important;\n }\n h2:has(+ div > .recharts-responsive-container),\n h3:has(+ div > .recharts-responsive-container) {\n display: none !important;\n }\n }\n <\/style>\n<\/head>\n <body class=\"bg-slate-900 text-slate-200\">\n <div id=\"root\"><\/div>\n <script type=\"module\" src=\"\/index.tsx\"><\/script>\n <\/body>\n<\/html>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Process Optimization Tool<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-279","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279"}],"version-history":[{"count":1,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/bjornproost.nl\/index.php?rest_route=\/wp\/v2\/pages\/279\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/bjornproost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}