{"id":8174,"date":"2026-10-05T11:35:16","date_gmt":"2026-10-05T11:35:16","guid":{"rendered":"https:\/\/wp.gsiz.by\/wordpress\/?p=8174"},"modified":"2026-10-06T07:42:25","modified_gmt":"2026-10-06T07:42:25","slug":"opasnost-ggsi","status":"publish","type":"post","link":"https:\/\/gsiz.by\/wordpress\/index.php\/2026\/10\/05\/opasnost-ggsi\/","title":{"rendered":"!! \u0412\u041d\u0418\u041c\u0410\u041d\u0418\u0415 \u041e\u041f\u0410\u0421\u041d\u041e\u0421\u0422\u042c \u0413\u0413\u0421\u0418 !!"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8174\" class=\"elementor elementor-8174\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30dd36e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30dd36e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f26aa9b\" data-id=\"f26aa9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80c3a38 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"80c3a38\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56c2ce8\" data-id=\"56c2ce8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ff0512c elementor-widget elementor-widget-html\" data-id=\"ff0512c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"feedback-form-container\">\r\n\r\n    <div class=\"form-header\">\r\n        <div class=\"safety-icon\">\u26a0<\/div>\r\n\r\n        <h2>\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438<\/h2>\r\n\r\n        <p>\r\n            \u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f\r\n            \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430.\r\n        <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"alert-box\">\r\n        <strong>\u041e\u0431\u0440\u0430\u0449\u0430\u0435\u043c \u0412\u0430\u0448\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435!<\/strong>\r\n\r\n        <span>\r\n            \u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u0432 \u041e\u0410\u041e \"\u0413\u0440\u043e\u0434\u043d\u043e\u0433\u0430\u0437\u0441\u0442\u0440\u043e\u0439\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f\"\r\n            \u043c\u0438\u043d\u0443\u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f,\r\n            <strong>\u043a \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u044e \u043d\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f.<\/strong>\r\n        <\/span>\r\n    <\/div>\r\n\r\n\r\n    <form\r\n        id=\"appealForm\"\r\n        action=\"\/wordpress\/send.php\"\r\n        method=\"POST\"\r\n        enctype=\"multipart\/form-data\"\r\n    >\r\n\r\n        <!-- \u0424\u0418\u041e -->\r\n        <div class=\"form-group\">\r\n\r\n            <label for=\"fio\">\r\n                \u0424\u0418\u041e <span class=\"required\">*<\/span>\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"text\"\r\n                id=\"fio\"\r\n                name=\"fio\"\r\n                required\r\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0438 \u0424\u0418\u041e\"\r\n                autocomplete=\"name\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0423\u0447\u0430\u0441\u0442\u043e\u043a -->\r\n        <div class=\"form-group\">\r\n\r\n            <label for=\"department\">\r\n                \u0423\u0447\u0430\u0441\u0442\u043e\u043a <span class=\"required\">*<\/span>\r\n            <\/label>\r\n\r\n            <select\r\n                id=\"department\"\r\n                name=\"department\"\r\n                required\r\n            >\r\n                <option value=\"\" disabled selected>\r\n                    \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0443\u0447\u0430\u0441\u0442\u043e\u043a...\r\n                <\/option>\r\n\r\n                <option value=\"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\">\r\n                    \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\r\n                <\/option>\r\n\r\n                <option value=\"\u041d\u043e\u0432\u043e\u0435\u043b\u044c\u043d\u044f\">\r\n                    \u041d\u043e\u0432\u043e\u0435\u043b\u044c\u043d\u044f\r\n                <\/option>\r\n\r\n                <option value=\"\u041c\u0421\u0423-1\">\r\n                    \u041c\u0421\u0423-1\r\n                <\/option>\r\n\r\n                <option value=\"\u041c\u0421\u0423-2\">\r\n                    \u041c\u0421\u0423-2\r\n                <\/option>\r\n            <\/select>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- E-mail -->\r\n        <div class=\"form-group\">\r\n\r\n            <label for=\"email\">\r\n                E-mail <span class=\"required\">*<\/span>\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"email\"\r\n                id=\"email\"\r\n                name=\"email\"\r\n                required\r\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 e-mail\"\r\n                autocomplete=\"email\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 -->\r\n        <div class=\"form-group\">\r\n\r\n            <label for=\"message\">\r\n                \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 <span class=\"required\">*<\/span>\r\n            <\/label>\r\n\r\n            <textarea\r\n                id=\"message\"\r\n                name=\"message\"\r\n                rows=\"5\"\r\n                required\r\n                placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u043d\u0443\u044e \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c...\"\r\n            ><\/textarea>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0424\u043e\u0442\u043e -->\r\n        <div class=\"form-group\">\r\n\r\n            <label for=\"file\">\r\n                \u0412\u043b\u043e\u0436\u0435\u043d\u0438\u0435\r\n            <\/label>\r\n\r\n            <label class=\"file-upload\" for=\"file\">\r\n\r\n                <span class=\"file-icon\">\ud83d\udcf7<\/span>\r\n\r\n                <span class=\"file-text\">\r\n                    <strong>\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e<\/strong>\r\n                    <small>\r\n                        JPG, PNG \u0438\u043b\u0438 WEBP \u2014 \u0434\u043e 5 \u041c\u0411\r\n                    <\/small>\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n            <input\r\n                type=\"file\"\r\n                id=\"file\"\r\n                name=\"file\"\r\n                accept=\"image\/jpeg,image\/png,image\/webp\"\r\n            >\r\n\r\n            <div id=\"fileName\" class=\"file-name\"><\/div>\r\n\r\n\r\n            <!-- \u0417\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0431\u043e\u0442\u043e\u0432 -->\r\n            <input\r\n                type=\"text\"\r\n                name=\"website\"\r\n                value=\"\"\r\n                style=\"display:none\"\r\n                tabindex=\"-1\"\r\n                autocomplete=\"off\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u041a\u043d\u043e\u043f\u043a\u0430 -->\r\n        <button\r\n            type=\"submit\"\r\n            class=\"submit-btn\"\r\n            id=\"submitBtn\"\r\n        >\r\n            <span>\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435<\/span>\r\n        <\/button>\r\n\r\n    <\/form>\r\n\r\n\r\n    <div id=\"result\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* ========================================\r\n   \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\r\n======================================== *\/\r\n\r\n.feedback-form-container {\r\n    width: 100%;\r\n    max-width: 720px;\r\n    margin: 30px auto;\r\n    padding: 35px;\r\n    box-sizing: border-box;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e3e7eb;\r\n    border-radius: 16px;\r\n\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\r\n======================================== *\/\r\n\r\n.form-header {\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.safety-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    margin: 0 auto 15px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff3cd;\r\n    color: #856404;\r\n\r\n    font-size: 28px;\r\n}\r\n\r\n.form-header h2 {\r\n    margin: 0 0 10px;\r\n\r\n    font-size: 27px;\r\n    line-height: 1.25;\r\n\r\n    color: #20262d;\r\n}\r\n\r\n.form-header p {\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n\r\n    color: #68717a;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u041f\u0420\u0415\u0414\u0423\u041f\u0420\u0415\u0416\u0414\u0415\u041d\u0418\u0415\r\n======================================== *\/\r\n\r\n.alert-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n\r\n    margin-bottom: 28px;\r\n    padding: 16px 18px;\r\n\r\n    border-left: 4px solid #f0ad00;\r\n    border-radius: 8px;\r\n\r\n    background: #fff8e1;\r\n\r\n    color: #5f5100;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.alert-box strong:first-child {\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u041f\u041e\u041b\u042f\r\n======================================== *\/\r\n\r\n.form-group {\r\n    margin-bottom: 21px;\r\n}\r\n\r\n.form-group label:not(.file-upload) {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n\r\n    color: #303840;\r\n}\r\n\r\n.required {\r\n    color: #dc3545;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   INPUT \/ SELECT \/ TEXTAREA\r\n======================================== *\/\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"email\"],\r\nselect,\r\ntextarea {\r\n    width: 100%;\r\n\r\n    padding: 13px 14px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid #d5dbe0;\r\n    border-radius: 8px;\r\n\r\n    background: #fff;\r\n\r\n    color: #252a2f;\r\n\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n\r\n    outline: none;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n\r\ninput[type=\"text\"]:focus,\r\ninput[type=\"email\"]:focus,\r\nselect:focus,\r\ntextarea:focus {\r\n    border-color: #1976d2;\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(25, 118, 210, 0.12);\r\n}\r\n\r\n\r\ninput::placeholder,\r\ntextarea::placeholder {\r\n    color: #9aa2a9;\r\n}\r\n\r\n\r\ntextarea {\r\n    min-height: 130px;\r\n\r\n    resize: vertical;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u0417\u0410\u0413\u0420\u0423\u0417\u041a\u0410 \u0424\u041e\u0422\u041e\r\n======================================== *\/\r\n\r\n#file {\r\n    position: absolute;\r\n\r\n    width: 1px;\r\n    height: 1px;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.file-upload {\r\n    min-height: 75px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    padding: 15px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 2px dashed #cbd3da;\r\n    border-radius: 10px;\r\n\r\n    background: #fafbfc;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease;\r\n}\r\n\r\n\r\n.file-upload:hover {\r\n    border-color: #1976d2;\r\n    background: #f5f9ff;\r\n}\r\n\r\n\r\n.file-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: #e8f1fb;\r\n\r\n    font-size: 22px;\r\n}\r\n\r\n\r\n.file-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 4px;\r\n}\r\n\r\n\r\n.file-text strong {\r\n    font-size: 15px;\r\n    color: #303840;\r\n}\r\n\r\n\r\n.file-text small {\r\n    font-size: 13px;\r\n    color: #7b858e;\r\n}\r\n\r\n\r\n.file-name {\r\n    display: none;\r\n\r\n    margin-top: 8px;\r\n\r\n    padding: 8px 10px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #f0f4f7;\r\n\r\n    color: #495057;\r\n\r\n    font-size: 13px;\r\n\r\n    word-break: break-word;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u041a\u041d\u041e\u041f\u041a\u0410\r\n======================================== *\/\r\n\r\n.submit-btn {\r\n    width: 100%;\r\n\r\n    min-height: 52px;\r\n\r\n    padding: 14px 20px;\r\n\r\n    border: none;\r\n    border-radius: 8px;\r\n\r\n    background: #1976d2;\r\n    color: #ffffff;\r\n\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background 0.2s ease,\r\n        transform 0.1s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n\r\n.submit-btn:hover {\r\n    background: #1565c0;\r\n\r\n    box-shadow:\r\n        0 4px 12px rgba(25, 118, 210, 0.25);\r\n}\r\n\r\n\r\n.submit-btn:active {\r\n    transform: translateY(1px);\r\n}\r\n\r\n\r\n.submit-btn:disabled {\r\n    background: #9aa0a6;\r\n\r\n    cursor: not-allowed;\r\n\r\n    box-shadow: none;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\r\n======================================== *\/\r\n\r\n#result {\r\n    display: none;\r\n\r\n    margin-top: 20px;\r\n    padding: 14px 16px;\r\n\r\n    border-radius: 8px;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n#result.success {\r\n    display: block;\r\n\r\n    background: #dff3e7;\r\n    color: #146c35;\r\n}\r\n\r\n\r\n#result.error {\r\n    display: block;\r\n\r\n    background: #fde2e2;\r\n    color: #a12626;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u0422\u0415\u041b\u0415\u0424\u041e\u041d\r\n======================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .feedback-form-container {\r\n        width: calc(100% - 20px);\r\n\r\n        margin: 10px auto;\r\n\r\n        padding: 20px 15px;\r\n\r\n        border-radius: 12px;\r\n\r\n        box-shadow:\r\n            0 4px 15px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n\r\n    .form-header {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .safety-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n\r\n    .form-header h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .form-header p {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .alert-box {\r\n        margin-bottom: 22px;\r\n\r\n        padding: 13px 14px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .form-group {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n\r\n    input[type=\"text\"],\r\n    input[type=\"email\"],\r\n    select,\r\n    textarea {\r\n        padding: 13px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    textarea {\r\n        min-height: 120px;\r\n    }\r\n\r\n\r\n    .file-upload {\r\n        min-height: 70px;\r\n\r\n        padding: 12px;\r\n    }\r\n\r\n\r\n    .file-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    .file-text strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .file-text small {\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .submit-btn {\r\n        min-height: 52px;\r\n\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   \u041e\u0427\u0415\u041d\u042c \u041c\u0410\u041b\u0415\u041d\u042c\u041a\u0418\u0415 \u042d\u041a\u0420\u0410\u041d\u042b\r\n======================================== *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .feedback-form-container {\r\n        width: calc(100% - 12px);\r\n\r\n        padding: 16px 12px;\r\n    }\r\n\r\n\r\n    .form-header h2 {\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    .alert-box {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\nconst form = document.getElementById('appealForm');\r\nconst submitBtn = document.getElementById('submitBtn');\r\nconst result = document.getElementById('result');\r\n\r\nconst fileInput = document.getElementById('file');\r\nconst fileName = document.getElementById('fileName');\r\n\r\nconst MAX_FILE_SIZE = 5 * 1024 * 1024;\r\n\r\n\r\n\/* ========================================\r\n   \u0412\u042b\u0411\u041e\u0420 \u0424\u041e\u0422\u041e\r\n======================================== *\/\r\n\r\nfileInput.addEventListener('change', function () {\r\n\r\n    result.style.display = 'none';\r\n    result.className = '';\r\n    result.textContent = '';\r\n\r\n    if (fileInput.files.length === 0) {\r\n        fileName.textContent = '';\r\n        fileName.style.display = 'none';\r\n        return;\r\n    }\r\n\r\n    const file = fileInput.files[0];\r\n\r\n\r\n    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440\r\n    if (file.size > MAX_FILE_SIZE) {\r\n\r\n        result.className = 'error';\r\n\r\n        result.textContent =\r\n            '\u0420\u0430\u0437\u043c\u0435\u0440 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0442\u044c 5 \u041c\u0411.';\r\n\r\n        fileInput.value = '';\r\n\r\n        fileName.textContent = '';\r\n        fileName.style.display = 'none';\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430\r\n    fileName.textContent =\r\n        '\u0412\u044b\u0431\u0440\u0430\u043d\u043e: ' + file.name;\r\n\r\n    fileName.style.display = 'block';\r\n\r\n});\r\n\r\n\r\n\/* ========================================\r\n   \u041e\u0422\u041f\u0420\u0410\u0412\u041a\u0410 \u0424\u041e\u0420\u041c\u042b\r\n======================================== *\/\r\n\r\nform.addEventListener('submit', async function (event) {\r\n\r\n    event.preventDefault();\r\n\r\n\r\n    \/* ----------------------------------------\r\n       \u041f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0444\u043e\u0442\u043e \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439\r\n    ---------------------------------------- *\/\r\n\r\n    if (fileInput.files.length > 0) {\r\n\r\n        const file = fileInput.files[0];\r\n\r\n        if (file.size > MAX_FILE_SIZE) {\r\n\r\n            result.className = 'error';\r\n\r\n            result.textContent =\r\n                '\u0420\u0430\u0437\u043c\u0435\u0440 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0442\u044c 5 \u041c\u0411.';\r\n\r\n            return;\r\n        }\r\n    }\r\n\r\n\r\n    \/* ----------------------------------------\r\n       \u0411\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\r\n    ---------------------------------------- *\/\r\n\r\n    submitBtn.disabled = true;\r\n    submitBtn.textContent = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\r\n\r\n    result.style.display = 'none';\r\n    result.className = '';\r\n    result.textContent = '';\r\n\r\n\r\n    const formData = new FormData(form);\r\n\r\n\r\n    try {\r\n\r\n        const response = await fetch(\r\n            '\/wordpress\/send.php',\r\n            {\r\n                method: 'POST',\r\n                body: formData\r\n            }\r\n        );\r\n\r\n\r\n        const text = await response.text();\r\n\r\n\r\n        if (response.ok) {\r\n\r\n            result.className = 'success';\r\n            result.textContent = text;\r\n\r\n            form.reset();\r\n\r\n            fileName.textContent = '';\r\n            fileName.style.display = 'none';\r\n\r\n        } else {\r\n\r\n            result.className = 'error';\r\n            result.textContent = text;\r\n\r\n        }\r\n\r\n\r\n    } catch (error) {\r\n\r\n        result.className = 'error';\r\n\r\n        result.textContent =\r\n            '\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.';\r\n\r\n    }\r\n\r\n\r\n    submitBtn.disabled = false;\r\n    submitBtn.textContent = '\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435';\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#x26a0; \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u043e\u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430. \u041e\u0431\u0440\u0430\u0449\u0430\u0435\u043c \u0412\u0430\u0448\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u0432 \u041e\u0410\u041e &#171;\u0413\u0440\u043e\u0434\u043d\u043e\u0433\u0430\u0437\u0441\u0442\u0440\u043e\u0439\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f&#187; \u043c\u0438\u043d\u0443\u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f, \u043a \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u044e \u043d\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f. \u0424\u0418\u041e * \u0423\u0447\u0430\u0441\u0442\u043e\u043a * \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0443\u0447\u0430\u0441\u0442\u043e\u043a&#8230; \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u041d\u043e\u0432\u043e\u0435\u043b\u044c\u043d\u044f \u041c\u0421\u0423-1 \u041c\u0421\u0423-2 E-mail * \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 * \u0412\u043b\u043e\u0436\u0435\u043d\u0438\u0435 &#x1f4f7; \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e JPG, PNG \u0438\u043b\u0438 WEBP \u2014 \u0434\u043e 5 \u041c\u0411 \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435<\/p>\n","protected":false},"author":1,"featured_media":8046,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8174","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/8174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=8174"}],"version-history":[{"count":47,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/8174\/revisions"}],"predecessor-version":[{"id":8229,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/8174\/revisions\/8229"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/media\/8046"}],"wp:attachment":[{"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=8174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=8174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gsiz.by\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=8174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}