{"id":2012,"date":"2025-10-05T17:08:52","date_gmt":"2025-10-05T20:08:52","guid":{"rendered":"http:\/\/192.168.110.11\/index.php\/log-in\/"},"modified":"2026-05-23T19:58:22","modified_gmt":"2026-05-23T22:58:22","slug":"log-in","status":"publish","type":"page","link":"https:\/\/yupacademy.com.br\/index.php\/log-in\/","title":{"rendered":"Log In"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nLogin<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* ===== ISOLAMENTO ===== *\/\r\n.yup-login-wrapper,\r\n.yup-login-wrapper *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\/* ===== WRAPPER ===== *\/\r\n.yup-login-wrapper{\r\n width:100%;\r\n min-height:100vh;\r\n background:#1f1f1f;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:30px 20px;\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* ===== CARD ===== *\/\r\n.yup-login-wrapper .login-card{\r\n width:100%;\r\n max-width:1100px;\r\n min-height:620px;\r\n background:#111114;\r\n border-radius:32px;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,0.06);\r\n display:grid;\r\n grid-template-columns:1fr 0.95fr;\r\n box-shadow:0 20px 70px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* ===== LEFT ===== *\/\r\n.yup-login-wrapper .left-side{\r\n padding:60px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n\r\n.yup-login-wrapper .logo{\r\n width:100%;\r\n max-width:100px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.yup-login-wrapper .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n width:max-content;\r\n padding:10px 18px;\r\n border-radius:999px;\r\n background:rgba(187,40,233,0.12);\r\n border:1px solid rgba(187,40,233,0.20);\r\n color:#BB28E9;\r\n font-size:13px;\r\n font-weight:700;\r\n margin-bottom:24px;\r\n}\r\n\r\n.yup-login-wrapper .title{\r\n color:#fff;\r\n font-size:clamp(2.3rem,4vw,4rem);\r\n line-height:1.05;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n}\r\n\r\n.yup-login-wrapper .title span{\r\n color:#BB28E9;\r\n}\r\n\r\n.yup-login-wrapper .description{\r\n color:#a1a1aa;\r\n font-size:16px;\r\n line-height:1.7;\r\n max-width:470px;\r\n margin-bottom:36px;\r\n}\r\n\r\n.yup-login-wrapper .input{\r\n width:100%;\r\n height:58px;\r\n background:#1a1a1f;\r\n border:1px solid rgba(255,255,255,0.06);\r\n border-radius:16px;\r\n padding:0 18px;\r\n color:#fff;\r\n font-size:15px;\r\n outline:none;\r\n transition:0.3s ease;\r\n margin-bottom:18px;\r\n}\r\n\r\n.yup-login-wrapper .input:focus{\r\n border-color:#BB28E9;\r\n box-shadow:0 0 0 4px rgba(187,40,233,0.10);\r\n}\r\n\r\n.yup-login-wrapper .login-btn{\r\n width:100%;\r\n height:58px;\r\n border:none;\r\n border-radius:16px;\r\n background:#BB28E9;\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:0.35s ease;\r\n margin-top:8px;\r\n box-shadow:0 10px 30px rgba(187,40,233,0.25);\r\n}\r\n\r\n.yup-login-wrapper .login-btn:hover{\r\n background:#a81fce;\r\n transform:translateY(-3px);\r\n}\r\n\r\n.yup-login-wrapper .forgot-password{\r\n display:block;\r\n margin-top:18px;\r\n color:#9ca3af;\r\n text-decoration:none;\r\n font-size:14px;\r\n}\r\n\r\n.yup-login-wrapper .forgot-password:hover{\r\n color:#BB28E9;\r\n}\r\n\r\n.yup-login-wrapper .error-message{\r\n display:none;\r\n background:rgba(255,59,59,0.12);\r\n border:1px solid rgba(255,59,59,0.20);\r\n color:#ff6b6b;\r\n padding:16px;\r\n border-radius:14px;\r\n margin-bottom:22px;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n\/* ===== RIGHT ===== *\/\r\n.yup-login-wrapper .right-side{\r\n background:radial-gradient(circle at top,#2a1035 0%,#18181b 55%);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:35px;\r\n}\r\n\r\n\/* ===== \u00cdCONE (AVATAR CINZA APAGADO) ===== *\/\r\n.yup-login-wrapper .login-icon{\r\n width:260px;\r\n height:260px;\r\n opacity:0.55; \/* <- aqui est\u00e1 o efeito de \u201capagado\u201d *\/\r\n animation:float 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float{\r\n 0%{transform:translateY(0px);}\r\n 50%{transform:translateY(-10px);}\r\n 100%{transform:translateY(0px);}\r\n}\r\n\r\n\/* ===== RESPONSIVO ===== *\/\r\n@media(max-width:980px){\r\n .yup-login-wrapper .login-card{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .yup-login-wrapper .left-side{\r\n padding:40px 28px;\r\n }\r\n\r\n .yup-login-wrapper .right-side{\r\n padding:30px;\r\n }\r\n\r\n .yup-login-wrapper .login-icon{\r\n width:200px;\r\n height:200px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"yup-login-wrapper\">\r\n\r\n<div class=\"login-card\">\r\n\r\n<!-- LEFT -->\r\n<div class=\"left-side\">\r\n\r\n<img decoding=\"async\" class=\"logo\" src=\"https:\/\/yupacademy.com.br\/wp-content\/uploads\/2023\/05\/LOGO-SITE-CURSO.png\">\r\n\r\n<div class=\"badge\">\ud83d\udd10 \u00c1rea de Login<\/div>\r\n\r\n<h1 class=\"title\">Entre na sua <span>conta<\/span><\/h1>\r\n\r\n<p class=\"description\">\r\nFa\u00e7a login para acessar seus cursos e conte\u00fados exclusivos.\r\n<\/p>\r\n\r\n<div class=\"error-message\" id=\"errorMessage\"><\/div>\r\n\r\n<div id=\"loginBox\">\r\n\r\n<input type=\"text\" id=\"username\" class=\"input\" placeholder=\"Seu usu\u00e1rio\">\r\n<input type=\"password\" id=\"password\" class=\"input\" placeholder=\"Sua senha\">\r\n\r\n<button class=\"login-btn\" onclick=\"doLogin()\">Fazer Login<\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"loggedBox\" style=\"display:none;\">\r\n<p style=\"color:#fff;margin-bottom:20px;\">\u2714 Voc\u00ea j\u00e1 est\u00e1 logado<\/p>\r\n<button class=\"login-btn\" style=\"background:#ff3b3b;\" onclick=\"doLogout()\">Sair<\/button>\r\n<\/div>\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- RIGHT -->\r\n<div class=\"right-side\">\r\n\r\n<svg class=\"login-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n <!-- c\u00edrculo externo -->\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#9a9a9a\" stroke-width=\"1.5\"\/>\r\n\r\n <!-- cabe\u00e7a -->\r\n <circle cx=\"12\" cy=\"10\" r=\"3.2\" stroke=\"#9a9a9a\" stroke-width=\"1.5\"\/>\r\n\r\n <!-- corpo -->\r\n <path d=\"M6.5 19c1.6-2.8 9.4-2.8 11 0\"\r\n stroke=\"#9a9a9a\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\/>\r\n\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nfunction checkLogin(){\r\n const formData=new FormData();\r\n formData.append('action','check_login_status');\r\n\r\n fetch(\"https:\/\/yupacademy.com.br\/wp-admin\/admin-ajax.php\",{\r\n method:\"POST\",\r\n body:formData\r\n })\r\n .then(res=>res.json())\r\n .then(data=>{\r\n if(data.success && data.data===true){\r\n document.getElementById('loginBox').style.display=\"none\";\r\n document.getElementById('loggedBox').style.display=\"block\";\r\n }\r\n });\r\n}\r\n\r\nfunction doLogin(){\r\n const username=document.getElementById('username').value;\r\n const password=document.getElementById('password').value;\r\n\r\n const formData=new FormData();\r\n formData.append('action','custom_login');\r\n formData.append('username',username);\r\n formData.append('password',password);\r\n\r\n fetch(\"https:\/\/yupacademy.com.br\/wp-admin\/admin-ajax.php\",{\r\n method:\"POST\",\r\n body:formData\r\n })\r\n .then(res=>res.json())\r\n .then(data=>{\r\n if(data.success){\r\n window.location.href=\"https:\/\/yupacademy.com.br\/\";\r\n }else{\r\n document.getElementById('errorMessage').innerText=data.data;\r\n document.getElementById('errorMessage').style.display=\"block\";\r\n }\r\n });\r\n}\r\n\r\nfunction doLogout(){\r\n const formData=new FormData();\r\n formData.append('action','custom_logout');\r\n\r\n fetch(\"https:\/\/yupacademy.com.br\/wp-admin\/admin-ajax.php\",{\r\n method:\"POST\",\r\n body:formData\r\n })\r\n .then(()=>{\r\n window.location.href=\"https:\/\/yupacademy.com.br\/\";\r\n });\r\n}\r\n\r\ncheckLogin();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Login \ud83d\udd10 \u00c1rea de Login Entre na sua conta Fa\u00e7a login para acessar seus cursos e conte\u00fados exclusivos. Fazer Login \u2714 Voc\u00ea j\u00e1 est\u00e1 logado Sair<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2012","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=2012"}],"version-history":[{"count":102,"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2012\/revisions"}],"predecessor-version":[{"id":4371,"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/pages\/2012\/revisions\/4371"}],"wp:attachment":[{"href":"https:\/\/yupacademy.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=2012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}