{"id":861,"date":"2025-02-21T21:55:30","date_gmt":"2025-02-21T20:55:30","guid":{"rendered":"https:\/\/enigma.swallnet.com\/?page_id=861"},"modified":"2025-04-16T20:33:01","modified_gmt":"2025-04-16T18:33:01","slug":"login-cs","status":"publish","type":"page","link":"https:\/\/enigma.swallnet.com\/index.php\/login-cs\/","title":{"rendered":"Login"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">  <style>\n    body {\n        display: block !important;\n    justify-content: center !important;\n    align-items: center !important;\n \n    }\n   \n    .container {\n  \n    background: #f3f3f3;\n    padding: 20px;\n    border-radius: 15px;\n    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);\n    text-align: center;\n    width: 40%;\n    margin: auto;\n    max-width: 400px; \/* Prevents it from getting too large *\/\n    display: flex !important;\n    flex-direction: column;\n    justify-content: center !important;\n    align-items: center !important;\n    position: relative !important;\n    }\n        label{\n            color: black; \n            text-align: left;\n        }\n        h2 {\n            color: #333;\n        }\n        .form-group {\n            margin: 15px 0;\n        }\n        input.login_input, input.code_input {\n            width: 100%;\n            padding: 10px;\n            border: 1px solid #cbcbcb !important;\n            border-radius: 5px;\n            color: #22445d;\n        }\n\n        input.login_input:focus {\n            border: 1px solid #22445d !important;\n            outline: none;}\n\n    \n        .btn {\n            display: block;\n            width: 100%;\n            padding: 10px;\n            border: none;\n            border-radius: 5px;\n            background: #22445d;\n            color: white;\n            font-size: 16px;\n            cursor: pointer;\n            transition: background 0.3s;\n        }\n        .btn:hover, .google:hover, .apple:hover {\n          \n            transform: scale(1.04);\n        }\n        .social-login button {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            padding: 10px;\n            margin-top: 10px;\n            border: none;\n            border-radius: 5px;\n            font-size: 16px;\n            cursor: pointer;\n        }\n        .google {\n            background: #db4437;\n            color: white;\n        }\n        .apple {\n            background: #000;\n            color: white;\n        }\n        .social-login i {\n            margin-right: 10px;\n        }\n        .register-link a {\n            margin-top: 15px;\n            color: #22445d;\n            font-weight: 600;\n            text-align: center;\n\n        }\n        .normal_p{\n            color: black;\n        }\n        @media (max-width: 768px) {\n           \n            .container{\n                width: 80%;\n            }\n            \n            \n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h2>Login<\/h2>\n        <form method=\"post\" action=\"\">\n            <div class=\"form-group\">\n                <label>Login Email:<\/label>\n                <input type=\"text\" class=\"login_input\" name=\"username\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label>Heslo:<\/label>\n                <input type=\"password\"  class=\"login_input\" name=\"password\" required>\n            <\/div>\n            <button type=\"submit\" name=\"login\" class=\"btn\">Log In<\/button>\n        <\/form>\n\n\n        \n        <p class=\"register-link\" style=\"margin-top: 10px;\">\n            <a href=\"https:\/\/enigma.swallnet.com\/index.php\/password-reset-en\">\n                Zapomn\u011bli jste heslo?            <\/a>\n        <\/p>\n\n        <p class=\"normal_p\">Nebo se p\u0159ihlaste pomoc\u00ed:<\/p>\n        <div class=\"social-login\">\n            <button onclick=\"openGoogleLoginPopup()\" class=\"google\"><i class=\"fab fa-google\"><\/i> Log in with Google<\/button>\n            <button onclick=\"openAppleLoginPopup()\" class=\"apple\"><i class=\"fab fa-apple\"><\/i> Log in with Apple<\/button>\n        <\/div>\n                    <p class=\"register-link\">\n                <a href=\"https:\/\/enigma.swallnet.com\/index.php\/register-en\">\n                    Vytvo\u0159it \u00fa\u010det                <\/a>\n            <\/p>\n    <\/div>\n\n\n    <script data-jetpack-boost=\"ignore\">\n\n        function openGoogleLoginPopup() {\n            const width = 500;\n            const height = 600;\n            const left = (screen.width \/ 2) - (width \/ 2);\n            const top = (screen.height \/ 2) - (height \/ 2);\n\n            \/\/ Z\u00edsk\u00e1n\u00ed aktu\u00e1ln\u00edho jazyka z <html lang=\"...\">\n            const langAttr = document.documentElement.lang;\n            const locale = langAttr && langAttr.startsWith(\"cs\") ? \"cz\" : \"en\";\n\n            const popupUrl = \"https:\/\/enigma.swallnet.com\/wp-content\/plugins\/enigma-account-management\/google.php\" + \"?locale=\" + locale;\n\n            const popup = window.open(popupUrl, \"GoogleLogin\", `width=${width},height=${height},top=${top},left=${left}`);\n\n            \/\/ Sledov\u00e1n\u00ed, zda u\u017eivatel popup zav\u0159el \u2013 pokud ano, refreshni str\u00e1nku\n            const popupTick = setInterval(() => {\n                if (popup.closed) {\n                    clearInterval(popupTick);\n                    window.location.reload();\n                }\n            }, 1000);\n        }\n        \n        function openAppleLoginPopup() {\n            const width = 500;\n            const height = 600;\n            const left = (screen.width \/ 2) - (width \/ 2);\n            const top = (screen.height \/ 2) - (height \/ 2);\n\n            const langAttr = document.documentElement.lang;\n            const locale = langAttr && langAttr.startsWith(\"cs\") ? \"cz\" : \"en\";\n\n            const popup = window.open(\"https:\/\/enigma.swallnet.com\/wp-content\/plugins\/enigma-account-management\/\" + 'apple.php?locale=' + locale, \n                                    \"AppleLogin\", `width=${width},height=${height},top=${top},left=${left}`);\n\n            const popupTick = setInterval(() => {\n                if (popup.closed) {\n                    clearInterval(popupTick);\n                    window.location.reload();\n                }\n            }, 1000);\n        }\n    <\/script>\n    <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-861","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/comments?post=861"}],"version-history":[{"count":1,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/861\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/pages\/861\/revisions\/862"}],"wp:attachment":[{"href":"https:\/\/enigma.swallnet.com\/index.php\/wp-json\/wp\/v2\/media?parent=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}