{"id":3520,"date":"2026-10-09T08:42:43","date_gmt":"2026-10-09T00:42:43","guid":{"rendered":"https:\/\/www.ukm.my\/wadahdigital\/?page_id=3520"},"modified":"2026-10-09T08:42:43","modified_gmt":"2026-10-09T00:42:43","slug":"masuk-i-gem","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/wadahdigital\/masuk-i-gem\/","title":{"rendered":"Masuk i-GEM"},"content":{"rendered":"        <div class=\"wd-login\" data-active=\"masuk\">\n            <div class=\"wd-login-left\">\n                <h2>WADAH DIGITAL i-GEM<\/h2>\n                <p class=\"wd-login-sub\">Pembelajaran Digital yang Imersif, Interaktif &amp; Gamifikasi<span class=\"wd-en\">Immersive, Interactive &amp; Gamified Digital Learning<\/span><\/p>\n                <p class=\"wd-login-desc\">Terokai ilmu Wadah Digital melalui pembelajaran mikro, gamifikasi dan pengalaman interaktif.<span class=\"wd-en\">Explore Wadah Digital knowledge through microlearning, gamification and interactive experiences.<\/span><\/p>\n            <\/div>\n\n            <div class=\"wd-login-right\">\n                <div class=\"wd-login-box\">\n\n                    <div class=\"wd-view\" data-view=\"masuk\" >\n                        <h1>Selamat Datang<span class=\"wd-en\">Welcome<\/span><\/h1>\n                        <p class=\"wd-login-lead\">Log masuk untuk meneruskan pembelajaran anda<span class=\"wd-en\">Log in to continue your learning<\/span><\/p>\n\n                                                    <div class=\"wd-google\"><div class=\"nsl-container nsl-container-block\" data-align=\"left\"><div class=\"nsl-container-buttons\"><a href=\"https:\/\/www.ukm.my\/wadahdigital\/red\/?loginSocial=google&#038;redirect=https%3A%2F%2Fwww.ukm.my%2Fwadahdigital%2Fi-gem-trek-pembelajaran%2F\" rel=\"nofollow\" aria-label=\"Continue with &lt;b&gt;Google&lt;\/b&gt;\" data-plugin=\"nsl\" data-action=\"connect\" data-provider=\"google\" data-popupwidth=\"600\" data-popupheight=\"600\"><div class=\"nsl-button nsl-button-default nsl-button-google\" data-skin=\"light\" style=\"background-color:#fff;\"><div class=\"nsl-button-svg-container\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M20.64 12.2045c0-.6381-.0573-1.2518-.1636-1.8409H12v3.4814h4.8436c-.2086 1.125-.8427 2.0782-1.7959 2.7164v2.2581h2.9087c1.7018-1.5668 2.6836-3.874 2.6836-6.615z\"><\/path><path fill=\"#34A853\" d=\"M12 21c2.43 0 4.4673-.806 5.9564-2.1805l-2.9087-2.2581c-.8059.54-1.8368.859-3.0477.859-2.344 0-4.3282-1.5831-5.036-3.7104H3.9574v2.3318C5.4382 18.9832 8.4818 21 12 21z\"><\/path><path fill=\"#FBBC05\" d=\"M6.964 13.71c-.18-.54-.2822-1.1168-.2822-1.71s.1023-1.17.2823-1.71V7.9582H3.9573A8.9965 8.9965 0 0 0 3 12c0 1.4523.3477 2.8268.9573 4.0418L6.964 13.71z\"><\/path><path fill=\"#EA4335\" d=\"M12 6.5795c1.3214 0 2.5077.4541 3.4405 1.346l2.5813-2.5814C16.4632 3.8918 14.426 3 12 3 8.4818 3 5.4382 5.0168 3.9573 7.9582L6.964 10.29C7.6718 8.1627 9.6559 6.5795 12 6.5795z\"><\/path><\/svg><\/div><div class=\"nsl-button-label-container\">Continue with <b>Google<\/b><\/div><\/div><\/a><\/div><\/div><\/div>\n                            <div class=\"wd-or\"><span>ATAU \/ OR<\/span><\/div>\n                        \n                        \n                        <form method=\"post\">\n                            <label for=\"wd_log\">Emel<span class=\"wd-en\">Email<\/span><\/label>\n                            <span class=\"wd-field\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg>                                <input type=\"text\" id=\"wd_log\" name=\"wd_log\" placeholder=\"nama@ukm.edu.my\" required autocomplete=\"username\">\n                            <\/span>\n\n                            <div class=\"wd-label-row\">\n                                <label for=\"wd_pwd\">Kata Laluan<span class=\"wd-en\">Password<\/span><\/label>\n                                <a href=\"#\" data-forgot>Lupa kata laluan?<span class=\"wd-en\">Forgot password?<\/span><\/a>\n                            <\/div>\n                            <span class=\"wd-field\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"\/><\/svg>                                <input type=\"password\" id=\"wd_pwd\" name=\"wd_pwd\" required autocomplete=\"current-password\">\n                            <\/span>\n                            <p class=\"wd-forgot-note\" hidden>Sila hubungi admin laman untuk menetapkan semula kata laluan anda.<span class=\"wd-en\">Please contact the site admin to reset your password.<\/span><\/p>\n\n                            <label class=\"wd-reg-check\">\n                                <input type=\"checkbox\" name=\"wd_remember\" value=\"1\">\n                                <span>Ingat saya (jangan tanda di komputer kongsi)<span class=\"wd-en\">Remember me (do not tick on a shared computer)<\/span><\/span>\n                            <\/label>\n                            <input type=\"hidden\" id=\"wd_login_nonce\" name=\"wd_login_nonce\" value=\"293e970707\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wadahdigital\/wp-json\/wp\/v2\/pages\/3520\" \/>                            <input type=\"hidden\" name=\"wd_redirect\" value=\"https:\/\/www.ukm.my\/wadahdigital\/i-gem-trek-pembelajaran\/\">\n                            <button type=\"submit\" name=\"wd_login_submit\" value=\"1\">Log Masuk<span class=\"wd-en\">Log In<\/span><\/button>\n                        <\/form>\n                        <p class=\"wd-switch\">Belum mempunyai akaun? <a href=\"#\" data-go=\"daftar\">Daftar sekarang<\/a><span class=\"wd-en\">Don't have an account? <a href=\"#\" data-go=\"daftar\">Sign up now<\/a><\/span><\/p>\n                    <\/div>\n\n                    <div class=\"wd-view\" data-view=\"daftar\" hidden>\n                        <h1>Daftar Akaun<span class=\"wd-en\">Create Account<\/span><\/h1>\n                        <p class=\"wd-login-lead\">Sertai i-GEM dan mula mengumpul mata<span class=\"wd-en\">Join i-GEM and start earning points<\/span><\/p>\n\n                                                    <div class=\"wd-google\"><div class=\"nsl-container nsl-container-block\" data-align=\"left\"><div class=\"nsl-container-buttons\"><a href=\"https:\/\/www.ukm.my\/wadahdigital\/red\/?loginSocial=google&#038;redirect=https%3A%2F%2Fwww.ukm.my%2Fwadahdigital%2Fi-gem-trek-pembelajaran%2F\" rel=\"nofollow\" aria-label=\"Continue with &lt;b&gt;Google&lt;\/b&gt;\" data-plugin=\"nsl\" data-action=\"connect\" data-provider=\"google\" data-popupwidth=\"600\" data-popupheight=\"600\"><div class=\"nsl-button nsl-button-default nsl-button-google\" data-skin=\"light\" style=\"background-color:#fff;\"><div class=\"nsl-button-svg-container\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M20.64 12.2045c0-.6381-.0573-1.2518-.1636-1.8409H12v3.4814h4.8436c-.2086 1.125-.8427 2.0782-1.7959 2.7164v2.2581h2.9087c1.7018-1.5668 2.6836-3.874 2.6836-6.615z\"><\/path><path fill=\"#34A853\" d=\"M12 21c2.43 0 4.4673-.806 5.9564-2.1805l-2.9087-2.2581c-.8059.54-1.8368.859-3.0477.859-2.344 0-4.3282-1.5831-5.036-3.7104H3.9574v2.3318C5.4382 18.9832 8.4818 21 12 21z\"><\/path><path fill=\"#FBBC05\" d=\"M6.964 13.71c-.18-.54-.2822-1.1168-.2822-1.71s.1023-1.17.2823-1.71V7.9582H3.9573A8.9965 8.9965 0 0 0 3 12c0 1.4523.3477 2.8268.9573 4.0418L6.964 13.71z\"><\/path><path fill=\"#EA4335\" d=\"M12 6.5795c1.3214 0 2.5077.4541 3.4405 1.346l2.5813-2.5814C16.4632 3.8918 14.426 3 12 3 8.4818 3 5.4382 5.0168 3.9573 7.9582L6.964 10.29C7.6718 8.1627 9.6559 6.5795 12 6.5795z\"><\/path><\/svg><\/div><div class=\"nsl-button-label-container\">Continue with <b>Google<\/b><\/div><\/div><\/a><\/div><\/div><\/div>\n                            <div class=\"wd-or\"><span>ATAU \/ OR<\/span><\/div>\n                        \n                                                <form method=\"post\">\n                <label>Nama<span class=\"wd-en\">Name<\/span>                    <input type=\"text\" name=\"wd_name\" value=\"\" required maxlength=\"60\" autocomplete=\"name\">\n                <\/label>\n                <label>Emel<span class=\"wd-en\">Email<\/span>                    <input type=\"email\" name=\"wd_email\" value=\"\" required maxlength=\"100\" autocomplete=\"email\">\n                <\/label>\n                <label>Kata laluan (sekurang-kurangnya 8 aksara)<span class=\"wd-en\">Password (at least 8 characters)<\/span>                    <input type=\"password\" name=\"wd_pass\" required minlength=\"8\" maxlength=\"72\" autocomplete=\"new-password\">\n                <\/label>\n                <label>Kategori pengguna (pilihan)<span class=\"wd-en\">User category (optional)<\/span>                    <select name=\"wd_category\">\n                        <option value=\"\">Pilih kategori \/ Select a category<\/option>\n                                                    <option value=\"Pelajar Sekolah\" >Pelajar Sekolah \/ School Student<\/option>\n                                                    <option value=\"Pelajar IPT\" >Pelajar IPT \/ University Student<\/option>\n                                                    <option value=\"Warga UKM\" >Warga UKM \/ UKM Community<\/option>\n                                                    <option value=\"Orang Awam\" >Orang Awam \/ General Public<\/option>\n                                            <\/select>\n                <\/label>\n                <label class=\"wd-reg-check\">\n                    <input type=\"checkbox\" name=\"wd_consent\" value=\"1\" >\n                    <span>Saya bersetuju Wadah Digital menghubungi saya melalui emel (cth maklumat program dan kemas kini). Anda boleh daftar tanpa menanda kotak ini.<span class=\"wd-en\">I agree that Wadah Digital may contact me by email (e.g. programme information and updates). You can register without ticking this box.<\/span><\/span>\n                <\/label>\n                <div class=\"wd-reg-hp\" aria-hidden=\"true\">\n                    <label>Laman web <input type=\"text\" name=\"wd_website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n                <\/div>\n                <input type=\"hidden\" id=\"wd_reg_nonce\" name=\"wd_reg_nonce\" value=\"755f2dad0a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wadahdigital\/wp-json\/wp\/v2\/pages\/3520\" \/>                <input type=\"hidden\" name=\"wd_redirect\" value=\"https:\/\/www.ukm.my\/wadahdigital\/i-gem-trek-pembelajaran\/\">\n                <button type=\"submit\" name=\"wd_register_submit\" value=\"1\">Daftar<span class=\"wd-en\">Sign Up<\/span><\/button>\n            <\/form>\n                                <p class=\"wd-switch\">Sudah mempunyai akaun? <a href=\"#\" data-go=\"masuk\">Log masuk<\/a><span class=\"wd-en\">Already have an account? <a href=\"#\" data-go=\"masuk\">Log in<\/a><\/span><\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <script>\n            (function () {\n                var root = document.currentScript.parentNode;\n                var views = root.querySelectorAll('.wd-view');\n                function show(name) {\n                    views.forEach(function (v) { v.hidden = v.getAttribute('data-view') !== name; });\n                }\n                root.querySelectorAll('[data-go]').forEach(function (a) {\n                    a.addEventListener('click', function (e) { e.preventDefault(); show(a.getAttribute('data-go')); });\n                });\n                var forgot = root.querySelector('[data-forgot]');\n                var note = root.querySelector('.wd-forgot-note');\n                if (forgot && note) {\n                    forgot.addEventListener('click', function (e) { e.preventDefault(); note.hidden = !note.hidden; });\n                }\n                show(root.getAttribute('data-active') || 'masuk');\n            })();\n            <\/script>\n        <\/div>\n        <style>\n.wd-en{display:block;font-size:.78em;font-weight:400;opacity:.78;line-height:1.35;margin-top:1px}\n.wd-login h1 .wd-en,.wd-login h2 .wd-en,.wd-reg h3 .wd-en{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}\n.wd-login-sub .wd-en,.wd-login-desc .wd-en{font-size:.82em}\n.wd-reg{max-width:420px;margin:24px auto;padding:22px;background:#132844;color:#EAF1FA;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-family:Inter,-apple-system,\"Segoe UI\",sans-serif;font-size:14px;line-height:1.5}\n.wd-reg h3{margin:0 0 14px;color:#fff;font-family:Sora,system-ui,sans-serif}\n.wd-reg label{display:block;margin-bottom:12px;font-weight:500}\n.wd-reg small{color:#9FB3CC;font-weight:400}\n.wd-reg input[type=text],.wd-reg input[type=email],.wd-reg input[type=password],.wd-reg select{display:block;width:100%;margin-top:5px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0B1A2C;color:#EAF1FA;font:inherit;box-sizing:border-box}\n.wd-reg .wd-reg-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;color:#9FB3CC}\n.wd-reg .wd-reg-check input{margin-top:4px}\n.wd-reg button[type=submit]{width:100%;padding:11px;border:0;border-radius:10px;background:#FFC72C;color:#241800;font:inherit;font-weight:700;cursor:pointer}\n.wd-reg-errors{background:rgba(225,69,69,.15);border:1px solid #E14545;border-radius:10px;padding:8px 12px;margin-bottom:14px}\n.wd-reg-errors p{margin:2px 0}\n.wd-reg-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n.wd-reg-or{text-align:center;margin:14px 0 8px;color:#9FB3CC}\n.wd-reg-login{margin:14px 0 0;text-align:center;color:#9FB3CC}\n.wd-reg-login a{color:#8FC2FF}\n.wd-reg-note p{margin:0}\n<\/style><style>\n.wd-gate{max-width:440px}\n.wd-gate-sub{margin:-6px 0 14px;color:#9FB3CC}\n.wd-tabs{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:#0B1A2C;border-radius:12px}\n.wd-tabs .wd-tab{flex:1;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#9FB3CC;font:inherit;font-weight:600;cursor:pointer}\n.wd-tabs .wd-tab.active{background:#FFC72C;color:#241800}\n.wd-panel[hidden]{display:none}\n.wd-gate-go{display:inline-block;padding:10px 16px;border-radius:10px;background:#FFC72C;color:#241800!important;font-weight:700;text-decoration:none}\n<\/style><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\"><style>\nbody.wd-masuk-page{overflow-x:hidden}\nbody.wd-masuk-page .entry-header,body.wd-masuk-page .page-header,body.wd-masuk-page h1.entry-title,body.wd-masuk-page .post-title{display:none!important}\n.wd-login{display:flex;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:calc(100vh - 160px);background:#fff;color:#0F172A;font-family:\"Plus Jakarta Sans\",Inter,-apple-system,\"Segoe UI\",sans-serif;font-size:15px;line-height:1.5}\n.wd-login *{box-sizing:border-box}\n.wd-login a{text-decoration:none}\n.wd-login-left{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px;background:linear-gradient(135deg,#fff 0%,#F1F5FA 100%)}\n.wd-login-left h2{margin:0 0 14px;font-size:40px;line-height:1.1;font-weight:800;color:#0B1D6B;letter-spacing:-.02em}\n.wd-login-sub{margin:0 0 10px;max-width:420px;font-size:19px;font-weight:600;color:#334155}\n.wd-login-desc{margin:0;max-width:400px;color:#64748B}\n.wd-login-right{flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:48px 24px}\n.wd-login-box{width:100%;max-width:450px}\n.wd-login-box h1{margin:0 0 6px;font-size:30px;font-weight:800;color:#0F172A}\n.wd-login-lead{margin:0 0 24px;color:#64748B}\n.wd-view[hidden]{display:none}\n.wd-login .wd-google{text-align:center}\n.wd-login .wd-google .nsl-container,.wd-login .wd-google .nsl-container-buttons{width:100%}\n.wd-login .wd-google a{display:block!important;width:100%}\n.wd-login .wd-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#94A3B8;font-size:12px;letter-spacing:.06em}\n.wd-login .wd-or:before,.wd-login .wd-or:after{content:\"\";flex:1;height:1px;background:#E2E8F0}\n.wd-login label{display:block;margin:14px 0 0;font-weight:600;font-size:14px;color:#0F172A}\n.wd-login .wd-field{position:relative;display:block;margin-top:6px}\n.wd-login .wd-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748B;pointer-events:none}\n.wd-login input[type=text],.wd-login input[type=email],.wd-login input[type=password],.wd-login select{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;color:#0F172A;font:inherit;outline:none}\n.wd-login .wd-field input{margin-top:0;padding-left:42px}\n.wd-login input:focus,.wd-login select:focus{border-color:#0B1D6B;box-shadow:0 0 0 2px rgba(11,29,107,.12)}\n.wd-login .wd-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}\n.wd-login .wd-label-row label{margin:0}\n.wd-login .wd-label-row a{font-size:12px;font-weight:600;color:#0B1D6B}\n.wd-login .wd-forgot-note{margin:8px 0 0;padding:8px 12px;border-radius:8px;background:#EEF2FF;color:#1E3A8A;font-size:13px}\n.wd-login .wd-forgot-note[hidden]{display:none}\n.wd-login .wd-reg-check{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-weight:400;color:#64748B;font-size:13.5px}\n.wd-login .wd-reg-check input{margin-top:4px;width:auto}\n.wd-login small{color:#94A3B8;font-weight:400}\n.wd-login button[type=submit]{display:block;width:100%;margin-top:18px;padding:14px;border:0;border-radius:10px;background:#0B1D6B;color:#fff;font:inherit;font-weight:700;cursor:pointer}\n.wd-login button[type=submit]:hover{background:#13298A}\n.wd-login .wd-reg-errors{margin:0 0 14px;padding:8px 12px;border:1px solid #FCA5A5;border-radius:10px;background:#FEE2E2;color:#991B1B}\n.wd-login .wd-reg-errors p{margin:2px 0}\n.wd-login .wd-switch{margin:22px 0 0;text-align:center;color:#64748B}\n.wd-login .wd-switch a{font-weight:700;color:#0B1D6B}\n@media (max-width:900px){\n  .wd-login{flex-direction:column;min-height:0}\n  .wd-login-left{padding:32px 20px}\n  .wd-login-left h2{font-size:30px}\n  .wd-login-right{padding:28px 18px 44px}\n}\n<\/style>\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":{"sky_video_link_meta":"","footnotes":""},"class_list":["post-3520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/pages\/3520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/comments?post=3520"}],"version-history":[{"count":1,"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/pages\/3520\/revisions"}],"predecessor-version":[{"id":3521,"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/pages\/3520\/revisions\/3521"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/wadahdigital\/wp-json\/wp\/v2\/media?parent=3520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}