{"id":34,"date":"2025-12-05T09:41:15","date_gmt":"2025-12-05T09:41:15","guid":{"rendered":"https:\/\/developer.dev.zaprojektujemy.com\/?page_id=34"},"modified":"2025-12-05T13:49:02","modified_gmt":"2025-12-05T13:49:02","slug":"generator","status":"publish","type":"page","link":"https:\/\/developer.dev.zaprojektujemy.com\/?page_id=34","title":{"rendered":"Generator"},"content":{"rendered":"\n<div class=\"form-leaflet screen\">\n\n    <form class=\"form-leaflet-form\" onsubmit=\"event.preventDefault(); return false;\">\n\n        <!-- KROK 1 -->\n        <div class=\"step step-first\">\n            <div class=\"step-description text--body\">Krok 1<\/div>\n\n                            \n                                    <label for=\"name\">\n                        Imi\u0119 i nazwisko                    <\/label>\n\n                                            <input type=\"text\"\n                               id=\"name\"\n                               name=\"name\"\n                               required>\n                                    \n                            \n                                    <label for=\"description\" class=\"p-8\">\n                        Opis                        <span id=\"description-length\">750<\/span> \/ 750\n                    <\/label>\n                    <div id=\"description\">\n                        <div id=\"description-placeholder\" class=\"ql-container\">\n                            <div class=\"ql-editor ql-blank\"\n                                 data-gramm=\"false\"\n                                 contenteditable=\"true\"\n                                 data-placeholder=\"Tutaj wprowad\u017a opis ...\">\n                                <p><br><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                            \n                                    <label for=\"description\" class=\"p-8\">\n                        OIpis2                        <span id=\"description-length\">750<\/span> \/ 750\n                    <\/label>\n                    <div id=\"description\">\n                        <div id=\"description-placeholder\" class=\"ql-container\">\n                            <div class=\"ql-editor ql-blank\"\n                                 data-gramm=\"false\"\n                                 contenteditable=\"true\"\n                                 data-placeholder=\"Tutaj wprowad\u017a opis ...\">\n                                <p><br><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                    <\/div>\n\n        <!-- KROK 2 -->\n        <div class=\"step\">\n            <div class=\"step-description text--body\">Krok 2<\/div>\n\n            <label for=\"image\">Wybierz obrazek<\/label>\n            <fieldset class=\"radio-container\">\n\n                                    <label for=\"image1\"\n                           class=\"active\"\n                           onclick=\"toggleRadioButton(event)\">\n                        <input type=\"radio\"\n                               id=\"image1\"\n                               name=\"image\"\n                               value=\"image1\"\n                            checked>\n                        <img decoding=\"async\" class=\"image-option\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/img1a.jpg\" alt=\"\">\n                    <\/label>\n                                    <label for=\"image2\"\n                           class=\"\"\n                           onclick=\"toggleRadioButton(event)\">\n                        <input type=\"radio\"\n                               id=\"image2\"\n                               name=\"image\"\n                               value=\"image2\"\n                            >\n                        <img decoding=\"async\" class=\"image-option\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/img2a.jpg\" alt=\"\">\n                    <\/label>\n                                    <label for=\"image3\"\n                           class=\"\"\n                           onclick=\"toggleRadioButton(event)\">\n                        <input type=\"radio\"\n                               id=\"image3\"\n                               name=\"image\"\n                               value=\"image3\"\n                            >\n                        <img decoding=\"async\" class=\"image-option\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/img3a.jpg\" alt=\"\">\n                    <\/label>\n                \n            <\/fieldset>\n        <\/div>\n\n        <!-- KROK 3 -->\n        <div class=\"step\">\n            <div class=\"step-description text--body\">Krok 3<\/div>\n\n            <label for=\"image-upload\">Za\u0142aduj w\u0142asne zdj\u0119cie<\/label>\n            <input type=\"file\" id=\"image-upload\" name=\"image-upload\" accept=\"image\/*\" onchange=\"loadFile(event)\">\n        <\/div>\n\n        <div class=\"separator-w-icons\">\n            <div class=\"separator-w-iconsline separator-w-iconsline--left\"><\/div>\n            <div class=\"separator-w-iconsbuttons-wrapper\">\n                <button id=\"submitOnce\" type=\"submit\"\n                        class=\"button button--arrowed button--arrowed--white button--dark button--dark-border\">\n                    Wygeneruj Ulotk\u0119\n                <\/button>\n            <\/div>\n            <div class=\"separator-w-iconsline separator-w-iconsline--right\"><\/div>\n        <\/div>\n\n    <\/form>\n\n    <!-- MODAL + PREVIEW -->\n    <div id=\"modal-wrapper\" class=\"modal-wrapper hidden\">\n        <div class=\"modal-container\">\n            <div id=\"option-menu\" class=\"option-menu\">\n                <div class=\"option-buttons\">\n                    <button class=\"active\">A4<\/button>\n                    <button>A5<\/button>\n                    <button>DLE<\/button>\n                <\/div>\n                <div class=\"options-links\">\n                    <a class=\"button button--arrowed button--arrowed--file button--dark-border\" onclick=\"capture()\">\n                        <span>Pobierz<\/span> PNG\n                    <\/a>\n                    <a id=\"download-pdf\" class=\"button button--arrowed button--arrowed--file button--dark-border\">\n                        <span>Pobierz<\/span> PDF\n                    <\/a>\n                <\/div>\n                <div class=\"close-button\">\n                    <img decoding=\"async\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/close-btn.svg\" alt=\"Zamknij\">\n                <\/div>\n            <\/div>\n\n            <div id=\"preview-container\" class=\"A4\">\n                <div id=\"screen\">\n                    <div class=\"header-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/header.png\" alt=\"\">\n                    <\/div>\n\n                    <div id=\"main-image-box\" class=\"main-image-box body-image\">\n                        <img decoding=\"async\" class=\"main-image\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/img1a.jpg\" alt=\"\">\n                    <\/div>\n\n                    <div class=\"bar-image\">\n                        <img decoding=\"async\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/bar.svg\" alt=\"\">\n                    <\/div>\n\n                    <div class=\"info-image p-8\">\n                        <img decoding=\"async\" src=\"https:\/\/developer.dev.zaprojektujemy.com\/wp-content\/plugins\/flyer-generator\/assets\/img\/krs.svg\" alt=\"\">\n                    <\/div>\n\n                    <div class=\"text-container\">\n                        <p class=\"text-02 text-color-01 p-8\">\n                            Fundacja Na Ratunek Dzieciom z Chorob\u0105 Nowotworow\u0105\n                        <\/p>\n                        <div class=\"about\">\n                            <p class=\"text-03 text-color-02\">\n                                cel szczeg\u00f3\u0142owy\n                            <\/p>\n                            <p class=\"text-04 text-color-01 name-box\">\n                                Imi\u0119 Nazwisko\n                            <\/p>\n                        <\/div>\n                        <div class=\"container-decription\">\n                            <p class=\"text-02\" id=\"description-box\">Opis tutaj\u2026<\/p>\n                        <\/div>\n                        <p class=\"text-02 text-color-01 p-8\">\n                            Przeka\u017c 1,5% podatku w rocznym rozliczeniu PIT wpisz KRS\n                            <strong>0000086210<\/strong>,\n                            w celu szczeg\u00f3\u0142owym podaj\u0105c\n                            <strong class=\"name-box\">Imi\u0119 Nazwisko<\/strong>.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n","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-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":3,"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/developer.dev.zaprojektujemy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}