{"id":2,"date":"2023-03-12T19:51:17","date_gmt":"2023-03-12T18:51:17","guid":{"rendered":"https:\/\/webwerkplaats-demo.nl\/demo44\/?page_id=2"},"modified":"2024-10-02T10:55:46","modified_gmt":"2024-10-02T08:55:46","slug":"clamp-calc","status":"publish","type":"page","link":"https:\/\/webwerkplaats-demo.nl\/demo44\/","title":{"rendered":"Clamp Calc"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_0 et_pb_row et_flex_row\"><div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\"><div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\">\r\n    <div class=\"container\">\r\n      <h3 class=\"text-center my-4\">CSS Clamp Calculator<\/h3>\r\n      <form id=\"clampcalc-form\" method=\"POST\" action=\"https:\/\/webwerkplaats-demo.nl\/demo44\/\">\r\n        <table class=\"table table-borderless\">\r\n          <tbody>\r\n            <tr>\r\n              <td>Minimum Font Size (px):<\/td>\r\n              <td>Desired Font Size (px):<\/td>\r\n              <td>Maximum Font Size (px):<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><input type=\"number\" name=\"minFontSize\" id=\"minFontSize\" class=\"form-control\" required><\/td>\r\n              <td><input type=\"number\" name=\"desiredFontSize\" id=\"desiredFontSize\" class=\"form-control\" required><\/td>\r\n              <td><input type=\"number\" name=\"maxFontSize\" id=\"maxFontSize\" class=\"form-control\" required><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><button type=\"submit\" class=\"green-button\">Calculate Clamp Value<\/button><\/td>\r\n              <td><\/td>\r\n              <td><\/td>\r\n            <\/tr>\r\n\t\t\t<tr>\r\n              <td><div style=\"font-size:0rem;\">Quick brown fox<\/div><\/td>\r\n              <td><div style=\"font-size:0rem;\">Quick brown fox<\/div><\/td>\r\n              <td><div style=\"font-size:0rem;\">Quick brown fox<\/div><\/td>\r\n            <\/tr>\r\n            <tr id=\"clampcalc-result-row\" style=\"display: none;\">\r\n              <td colspan=\"3\">\r\n                <p style=\"font-weight: bold; color: black;\">The resulting clamp value is: <span id=\"clampcalc-result-value\"><\/span><\/p>\r\n              <\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><button type=\"reset\" class=\"red-button\">Reset<\/button><\/td>\r\n              <td><\/td>\r\n              <td><\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/form>\r\n    <\/div>\r\n    <script>\r\n      document.getElementById(\"clampcalc-form\").addEventListener(\"reset\", function() {\r\n        document.getElementById(\"minFontSize\").value = \"\";\r\n        document.getElementById(\"desiredFontSize\").value = \"\";\r\n        document.getElementById(\"maxFontSize\").value = \"\";\r\n        document.getElementById(\"clampcalc-result-row\").style.display = \"none\";\r\n      });\r\n    <\/script>\r\n  \n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":11,"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/pages\/2\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/webwerkplaats-demo.nl\/demo44\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}