{"status":0,"userProfileImage":"","userHandle":"","loginModalHtmlTemplate":"<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.5.0\/css\/font-awesome.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/authcdn.geeksforgeeks.org\/css\/bootstrap-social.css\">\n<script src='https:\/\/www.google.com\/recaptcha\/api.js?onload=onloadCallback&render=explicit' async defer><\/script>\n<script src=\"https:\/\/apis.google.com\/js\/platform.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\">\n<style>\n  *,\n  *:after,\n  *:before{\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .login-modal-div form{\n    margin-bottom: 14px;\n  }\n\n  .login-modal-div input[type=checkbox]{\n    display: inline-block !important;\n  }\n\n  \/* The Modal (background) *\/\n  .login-modal-div{\n    font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;\n    display: none;\n    position: fixed; \/* Stay in place *\/\n    z-index: 1000; \/* Sit on top *\/\n    padding-top: 70px; \/* Location of the box *\/\n    left: 0;\n    top: 0;\n    width: 100%; \/* Full width *\/\n    height: 100%; \/* Full height *\/\n    overflow: auto; \/* Enable scroll if needed *\/\n    background-color: rgb(0,0,0); \/* Fallback color *\/\n    background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n  }\n\n  \/* Modal Content *\/\n  .login-modal-div .modal-content{\n    background-color: #eff1f3;\n    margin: auto;\n    padding-top: 20px;\n    border: 1px solid #888;\n    width: 550px;\n    border-radius: 5px;\n  }\n\n  \/* The Close Button *\/\n  .login-modal-div .close {\n    color: #aaaaaa;\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n  }\n\n  .login-modal-div .close:hover,\n  .login-modal-div .close:focus {\n      color: #000;\n      text-decoration: none;\n      cursor: pointer;\n  }\n\n  .login-modal-div img.logo{\n    width: 250px;\n  }\n\n  .login-modal-div .white-bg{\n    background-color: #fff;\n  }\n\n  .login-modal-div .close-div{\n    height: 30px;\n    padding: 0 20px;\n  }\n\n  .login-modal-div .modal-header{\n    padding: 20px;\n    border-radius: 5px;\n  }\n\n  .login-modal-div .center{\n    text-align: center;\n  }\n\n  .login-modal-div .alert{\n    padding: 15px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n  }\n\n  .login-modal-div #extra .alert-danger, .login-modal-div .extra .alert-danger{\n    color: #f1270b;\n    background-color: transparent; \n    border-color: #f65039;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.3;\n  }\n\n  .login-modal-div #extra .alert-info, .login-modal-div .extra .alert-info{\n    color: #1583ed;\n    background-color: transparent;\n    border-color: #418bf9;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.3;\n  }\n\n  .login-modal-div input[type=text],\n  .login-modal-div input[type=email],\n  .login-modal-div input[type=password]{\n    border: 1px solid #C2C7D0;\n    border-top-color: rgb(194, 199, 208);\n    border-right-color: rgb(194, 199, 208);\n    border-bottom-color: rgb(194, 199, 208);\n    border-left-color: rgb(194, 199, 208);\n    border-radius: 5px;\n    box-shadow: inset 0 1px 2px rgba(151,159,175,0.1),inset 0 1px 15px rgba(151,159,175,0.05);\n    box-sizing: border-box;\n    color: #39424e;\n    display: inline-block;\n    line-height: 1.5em;\n    margin-left: 0;\n    margin-right: 0;\n    margin-top: 0;\n    margin-bottom: 10px;\n    padding: 7px 10px;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    font-weight: 500;\n    width: 100%;\n  }\n\n  .modal-form-group{\n    margin-top: 15px;\n    margin-bottom: 15px;\n    position: relative;\n  }\n\n  .modal-form-group .input-icon{\n    position: absolute;\n    z-index: 1;\n    left: 8px;\n    top: 10px;\n    color: #979faf;\n    font-size: 26px;\n  }\n\n  .modal-form-group .modal-form-input{\n    display: block !important;\n    padding: 15px 8px 8px 45px !important;\n    height: auto !important;\n    width: 450px;\n  }\n\n  .modal-form-group .modal-form-input:focus{\n    border-color: #0f9d58 !important;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(78, 236, 141, 0.6) !important;\n    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(78, 236, 141, 0.6) !important;\n  }\n\n  .modal-form-group .modal-form-input.error-focus, .modal-form-group .modal-form-input.error-focus:focus{\n    border-color: #ef1313 !important;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(177, 74, 71, 0.6) !important;\n    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(177, 74, 71, 0.6) !important;\n  }\n\n  .modal-form-group .modal-form-input::placeholder{\n    color: #999;\n    font-weight: 400;\n    font-size: 16px;\n  }\n\n  @media(max-width: 768px){\n    .login-modal-div{\n      padding-top: 30px;\n    }\n\n    .login-modal-div .modal-content{\n      width: 90%;\n    }\n\n    .modal-form-group .modal-form-input{\n      width: 100%;\n    }\n  }\n\n  .login-modal-div .modal-header section{\n    display: none;\n    padding: 20px 30px 30px 30px;\n    border: 1px solid #ddd;\n    border-bottom: none;\n  }\n\n  .login-modal-div .modal-header input[type=radio]{\n    display: none;\n  }\n\n  .login-modal-div .modal-header label.tab-label{\n    display: inline-block;\n    margin: 0 0 -1px;\n    padding: 15px 25px;\n    font-weight: 600;\n    text-align: center;\n    color: #888;\n    border: 1px solid transparent;\n    width: 50%;\n    padding-bottom: 12px;\n    font-size: 20px;\n    border-bottom-width: 4px;\n    background-color: #e9ebee;\n  }\n\n  .login-modal-div .modal-header label.tab-label:first-of-type{\n    float: left;\n  }\n\n  .login-modal-div .modal-header label.tab-label:before{\n    font-weight: normal;\n    margin-right: 10px;\n  }\n\n  .login-modal-div .modal-header label:hover{\n    color: #888;\n    cursor: pointer;\n  }\n\n  .login-modal-div .modal-header input:checked + label.tab-label{\n    color: #555;\n    border: 1px solid #ddd;\n    border-top: 2px solid #0f9d58;\n    border-bottom: 3px solid #fff;\n    background-color: #fff;\n  }\n\n  .login-modal-div .modal-header #tab1:checked ~ #content1,\n  .login-modal-div .modal-header #tab2:checked ~ #content2{\n    display: block;\n  }\n\n  @media screen and (max-width: 650px) {\n    .login-modal-div .modal-header label.tab-label:before{\n      margin: 0;\n      font-size: 18px;\n    }\n  }\n\n  @media screen and (max-width: 400px) {\n    .login-modal-div .modal-header label.tab-label{\n      padding: 15px;\n    }\n  }\n\n  \/* css for overlay loading spinner *\/\n\n  \/* Absolute Center Spinner *\/\n  .spinner-loading-overlay {\n    position: fixed;\n    display: none;\n    z-index: 1001;\n    height: 2em;\n    width: 2em;\n    overflow: show;\n    margin: auto;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  \/* Transparent Overlay *\/\n  .spinner-loading-overlay:before {\n    content: '';\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(239,236,233,0.7);\n  }\n\n  .spinner-loading-overlay:not(:required):after {\n    content: '';\n    display: block;\n    font-size: 20px;\n    width: 0.6em;\n    height: 0.6em;\n    margin-top: -0.5em;\n    -webkit-animation: spinner 1500ms infinite linear;\n    -moz-animation: spinner 1500ms infinite linear;\n    -ms-animation: spinner 1500ms infinite linear;\n    -o-animation: spinner 1500ms infinite linear;\n    animation: spinner 1500ms infinite linear;\n    border-radius: 0.5em;\n    -webkit-box-shadow: rgba(15, 157, 88, 0.75) 1.5em 0 0 0, rgba(15, 157, 88, 0.75) 1.1em 1.1em 0 0, rgba(15, 157, 88, 0.75) 0 1.5em 0 0, rgba(15, 157, 88, 0.75) -1.1em 1.1em 0 0, rgba(15, 157, 88, 0.75) -1.5em 0 0 0, rgba(15, 157, 88, 0.75) -1.1em -1.1em 0 0, rgba(15, 157, 88, 0.75) 0 -1.5em 0 0, rgba(15, 157, 88, 0.75) 1.1em -1.1em 0 0;\n    box-shadow: rgba(15, 157, 88, 0.75) 1.5em 0 0 0, rgba(15, 157, 88, 0.75) 1.1em 1.1em 0 0, rgba(15, 157, 88, 0.75) 0 1.5em 0 0, rgba(15, 157, 88, 0.75) -1.1em 1.1em 0 0, rgba(15, 157, 88, 0.75) -1.5em 0 0 0, rgba(15, 157, 88, 0.75) -1.1em -1.1em 0 0, rgba(15, 157, 88, 0.75) 0 -1.5em 0 0, rgba(15, 157, 88, 0.75) 1.1em -1.1em 0 0;\n  }\n\n  \/* Animation *\/\n\n  @-webkit-keyframes spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      -ms-transform: rotate(0deg);\n      -o-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      -ms-transform: rotate(360deg);\n      -o-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @-moz-keyframes spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      -ms-transform: rotate(0deg);\n      -o-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      -ms-transform: rotate(360deg);\n      -o-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @-o-keyframes spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      -ms-transform: rotate(0deg);\n      -o-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      -ms-transform: rotate(360deg);\n      -o-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      -ms-transform: rotate(0deg);\n      -o-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      -ms-transform: rotate(360deg);\n      -o-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n  \/* css end for spinner loading *\/\n\n  .login-modal-div .left{\n    text-align: left;\n  }\n\n  .login-modal-div .right{\n    text-align: right;\n  }\n\n  .login-modal-div .pull-right{\n    float: right;\n  }\n\n  .login-modal-div .pull-left{\n    float: left;\n  }\n\n  .modal-form-label{\n    vertical-align: middle;\n    font-weight: 500;\n    color: #404040;\n    font-size: 12px;\n    position: relative;\n    \/*top: -5px;*\/\n  }\n\n  .login-modal-div a{\n    color: #979faf;\n  }\n\n  .login-modal-div a:hover{\n    color: #0f9d58;\n    text-decoration: underline;\n  }\n\n  .login-modal-div .btn{\n    background-color: whitesmoke;\n    background-image: -webkit-gradient(linear, top left, bottom left, color-stop(0, #2bbe60), color-stop(1, #0f9d58));\n    background-image: -webkit-linear-gradient(top, #2bbe60, #0f9d58);\n    background-image: linear-gradient(to bottom, #2bbe60, #0f9d58);\n    border: 1px solid #0f9d58;\n    border-radius: 3px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.08),inset 0 -1px 4px rgba(151,159,175,0.2);\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    padding: 10px 20px;\n    margin-bottom: 0;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 18px;\n    position: relative;\n    color: #39424e;\n    text-align: center;\n    text-decoration: none !important;\n    vertical-align: middle;\n  }\n\n  .login-modal-div .btn-green{\n    color: #fff;\n    background-color: #0f9d58;\n    width: 100%;\n    text-shadow: none;\n  }\n\n  .login-modal-div .forgot-link, .login-modal-div .login-link{\n    cursor: pointer;\n    font-weight: 500;\n    font-size: 12px;\n    position: relative;\n    bottom: -5px;\n  }\n\n  @media(max-width: 768px){\n    .login-modal-div .forgot-link, .login-modal-div .login-link{\n      padding: 10px 0px;    \n    }\n  }\n\n  .login-modal-div .social-signin-div{\n    border: 1px solid #ddd;\n    border-top: none;\n    padding-bottom: 20px;\n  }\n\n  .login-modal-div .social-signin-div .social-div{\n    width: 50%;\n    display: inline-block;\n    padding: 5px 30px;\n  }\n\n  .login-modal-div .social-signin-div .tnc-div{\n    font-size: 10px;\n    padding: 0 15px;\n    color: #999;\n    margin-top: 10px;\n    margin-bottom: 0;\n  }\n\n  .login-modal-div .social-signin-div .tnc-div a{\n    color: #0f9d58;\n  }\n\n  .login-modal-div .social-signin-div .social-divider{\n    width: 80%;\n    text-align: center;\n    border-bottom: 1px solid #979faf;\n    line-height: 0.1em;\n    margin: -20px 0 20px;\n    margin-left: 10%;\n  }\n\n  .login-modal-div .social-signin-div .social-divider span{\n    background: #fff;\n    padding: 0 10px;\n  }\n\n  .login-modal-div .social-signin-div .btn-social{\n    padding-left: 40px;\n    color: #fff;\n  }\n\n  .login-modal-div .social-signin-div .btn-social span.fa{\n    padding-top: 2px;\n  }\n\n  .login-modal-div .social-signin-div .btn-google{\n    background-image: -webkit-gradient(linear, top left, bottom left, color-stop(0, #dd4e41), color-stop(1, #c9453a));\n    background-image: -webkit-linear-gradient(top, #dd4e41, #c9453a);\n    background-image: linear-gradient(to bottom, #dd4e41, #c9453a);\n    color: #fff;\n    border: 1px solid #c9453a;\n    padding-left: 60px;\n  }\n\n  .login-modal-div .social-signin-div .btn-facebook{\n    background-image: -webkit-gradient(linear, top left, bottom left, color-stop(0, #4b66a0), color-stop(1, #3b5998));\n    background-image: -webkit-linear-gradient(top, #4b66a0, #eb5998);\n    background-image: linear-gradient(to bottom, #4b66a0, #3b5998);\n    color: #fff;\n    border: 1px solid #3b5998;\n  }\n\n  .login-modal-div .social-signin-div .btn-linkedin{\n    background-image: -webkit-gradient(linear, top left, bottom left, color-stop(0, #0073b1), color-stop(1, #075b8c));\n    background-image: -webkit-linear-gradient(top, #0073b1, #075b8c);\n    background-image: linear-gradient(to bottom, #0073b1, #075b8c);\n    color: #fff;\n    border: 1px solid #075b8c;\n    padding-left: 60px;\n  }\n\n  .login-modal-div .social-signin-div .btn-github{\n    background-image: -webkit-gradient(linear, top left, bottom left, color-stop(0, #4a4646), color-stop(1, #191717));\n    background-image: -webkit-linear-gradient(top, #4a4646, #191717);\n    background-image: linear-gradient(to bottom, #4a4646, #191717);\n    color: #fff;\n    border: 1px solid #191717;\n    padding-left: 60px;\n  }\n\n  .login-modal-div .forgot-div{\n    padding: 20px 30px 30px 30px;\n    border: 1px solid #ddd;\n    display: none;\n  }\n\n  .login-modal-div .forgot-div p:first-of-type{\n    font-weight: 400;\n    color: #404040;\n  }\n\n  .login-modal-div div.input-error{\n    font-size: 12px;\n    color: #b71c1c;\n    letter-spacing: 0.83;\n    text-align: left;\n    position: relative;\n    bottom: 10px;\n    font-weight: 500;\n  }\n\n  #glogin, #fblogin, #inlogin, #gitlogin{\n    display: block;\n  }\n\n  @media(max-width:468px){\n    .login-modal-div .social-signin-div .social-div{\n      padding: 0;\n    }\n\n    #glogin, #fblogin, #inlogin, #gitlogin{\n      font-size: 14px !important;\n      display: inline-block;\n    }\n\n    #glogin{\n      padding-left: 50px !important;\n    }\n\n    #inlogin{\n      padding-left: 43px !important;\n    }\n  }\n\n  \/* CSS fixes in existing login modal done by Ankit Kushwaha *\/ \n\n  .login-modal-div .twitter-typeahead{\n    display: block !important;\n  }\n  .login-modal-div .tt-dropdown-menu, .login-modal-div .tt-menu {\n    width: 100%;\n    margin-top: 2px;\n    padding: 8px 0;\n    background-color: #F9F9F9;\n    border: 1px solid #ccc;\n    border: 1px solid rgba(0,0,0,.2);\n    border-radius: 8px;\n    box-shadow: 0 5px 10px rgb(0 0 0 \/ 20%);\n    overflow-y: auto;\n    max-height: 17em;\n  }\n  .login-modal-div .tt-suggestion {\n    padding: 10px 5px;\n    font-size: 15px;\n    line-height: 1.42857143;\n    cursor: pointer;\n  }\n\n  .login-modal-div .left{\n    float:none !important;\n  }\n\n  .login-modal-div input[type=\"checkbox\"]:not(:checked), .login-modal-div input[type=\"checkbox\"]:checked{\n    position: initial;\n    opacity: unset;\n    pointer-events: all;\n  }\n\n<\/style>\n\n<div class=\"spinner-loading-overlay\"><\/div>\n<div class=\"login-modal-div\">\n  <div class=\"modal-content\">\n    <div class=\"close-div\"><span class=\"close\">&times;<\/span><\/div>\n    <div class=\"white-bg center modal-header\">\n      <div class=\"login-register-div\">\n        <input id=\"tab1\" type=\"radio\" name=\"tabs\" checked>\n        <label class=\"tab-label\" for=\"tab1\">Sign In<\/label>\n      \n        <input id=\"tab2\" type=\"radio\" name=\"tabs\">\n        <label class=\"tab-label\" for=\"tab2\">Sign Up<\/label>\n\n        <section id=\"content1\">\n          <form method=\"POST\" class=\"login-form\" id=\"Login\">\n            <input type=\"hidden\" name=\"reqType\" value=\"Login\">\n            <div class=\"modal-form-group\">\n              <div class=\"extra\"><\/div>\n            <\/div>\n            <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">account_circle<\/i>\n              <input name=\"user\" id=\"luser\" required=\"required\" type=\"text\" class=\"modal-form-input\" placeholder=\"Username or email\">\n            <\/div>\n            <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">lock<\/i>\n              <input name=\"pass\" id=\"password\" type=\"password\" required=\"required\" class=\"modal-form-input\" placeholder=\"Password\">\n            <\/div>\n            <div class=\"modal-form-group left\">\n              <input name=\"rem\" type=\"hidden\" value=\"false\">\n              <input name=\"to\" type=\"hidden\" value=\"https:\/\/auth.geeksforgeeks.org\/loginModal.php\">\n              <input name=\"rem\" type=\"checkbox\" checked>\n              <label class=\"modal-form-label\" for=\"remember\">Remember me<\/label>\n              <a class=\"pull-right forgot-link\">Forgot Password<\/a>\n            <\/div>\n            <div class=\"modal-form-group left\">\n              <center><div id=\"loginCaptcha\"><\/div><\/center>\n            <\/div>\n            <button class=\"btn btn-green signin-button\" type=\"submit\">Sign In<\/button>\n          <\/form>\n        <\/section>\n        <section id=\"content2\">\n          <form method=\"POST\" class=\"login-form\" id=\"Register\">\n            <input type=\"hidden\" name=\"reqType\" value=\"Register\">\n            <div class=\"modal-form-group\">\n              <div class=\"extra\"><\/div>\n            <\/div>\n            <!-- <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">account_circle<\/i>\n              <input name=\"user\" id=\"reg-user\" type=\"text\" required=\"required\" class=\"modal-form-input\" placeholder=\"Username\">\n            <\/div> -->\n            <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">email<\/i>\n              <input name=\"email\" id=\"email\" type=\"email\" required=\"required\" class=\"modal-form-input\" placeholder=\"E-mail\">\n            <\/div>\n            <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">lock<\/i>\n              <input name=\"pass\" id=\"reg-password\" type=\"password\" required=\"required\" class=\"modal-form-input\" placeholder=\"Password\">\n            <\/div>\n            <div class=\"modal-form-group\">\n              <i class=\"input-icon material-icons\">business<\/i>\n              <input name=\"institute\" id=\"organization\" autocomplete=\"off\" required=\"required\" type=\"text\" class=\"modal-form-input typeahead institute\" placeholder=\"Institution\/Organization\">\n            <\/div>\n            <div class=\"modal-form-group\">\n              <center><div id=\"registerCaptcha\"><\/div><\/center>\n            <\/div>\n            <input name=\"to\" type=\"hidden\" value=\"https:\/\/auth.geeksforgeeks.org\/loginModal.php\">\n            <button class=\"btn btn-green signup-button\" type=\"submit\">Sign Up<\/button>\n          <\/form>\n        <\/section>\n        <div class=\"social-signin-div\">\n          <div class=\"social-divider\">\n            <span>or<\/span>\n          <\/div>\n          <div class=\"google-div social-div pull-left\">\n            <a id=\"glogin\" href=\"javascript:void(0)\" class=\"btn btn-social btn-google\">\n              <span class=\"fa fa-google\"><\/span>Google\n            <\/a>\n          <\/div>\n          <div class=\"facebook-div social-div\">\n            <a id=\"fblogin\" href=\"javascript:void(0)\" class=\"btn btn-social btn-facebook\">\n              <span class=\"fa fa-facebook\"><\/span>Facebook\n            <\/a>  \n          <\/div>\n          <p><\/p>\n          <div class=\"linkedin-div social-div pull-left\">\n            <a id=\"inlogin\" class=\"btn btn-social btn-linkedin\">\n                <span class=\"fa fa-linkedin\"><\/span>LinkedIn\n            <\/a>\n          <\/div>\n          <div class=\"github-div social-div pull-left\">\n            <a id=\"gitlogin\" class=\"btn btn-social btn-github\">\n                <span class=\"fa fa-github\"><\/span>GitHub\n            <\/a>\n          <\/div>\n          <div style=\"padding: 10px 0px;font-size: 14px;font-weight: 500;padding-top: 20px;\"><a href=\"https:\/\/www.geeksforgeeks.org\/why-create-an-account-on-geeksforgeeks\/\" style=\"color: #0f9d58;\" target=\"_blank\">Why Create an Account?<\/a><\/div>\n          <div class=\"tnc-div\">\n              By creating this account, you agree to our <a href=\"https:\/\/www.geeksforgeeks.org\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a> & <a href=\"https:\/\/www.geeksforgeeks.org\/cookie-policy\/\" target=\"_blank\">Cookie Policy<\/a>.\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"forgot-div\">\n        <form class=\"login-form\" id=\"Forgot\">\n          <input type=\"hidden\" name=\"reqType\" value=\"Forgot\">\n          <div class=\"modal-form-group\">\n            <div class=\"extra\"><\/div>\n          <\/div>\n          <div class=\"modal-form-group\">\n            <p class=\"left\">Please enter your email address or userHandle.<\/p>\n          <\/div>\n          <div class=\"modal-form-group\">\n            <i class=\"input-icon material-icons\">account_circle<\/i>\n            <input name=\"user\" id=\"fuser\" type=\"text\" class=\"modal-form-input\" placeholder=\"Username\/Email\">\n          <\/div>\n          <div class=\"modal-form-group\">\n            <center><div id=\"forgotCaptcha\"><\/div><\/center>\n          <\/div>\n          <div class=\"modal-form-group left\">\n            <a class=\"login-link\">Back to Login<\/a>\n          <\/div>\n          <button class=\"btn btn-green center reset-button\" type=\"submit\">Reset Password<\/button>\n        <\/form> \n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\n    \/\/ set csrf token for login\n    (function(){\n        $.ajax({\n            url: 'https:\/\/auth.geeksforgeeks.org\/setLoginToken.php',\n            type: 'POST',\n            xhrFields: {\n                 withCredentials: true\n            },\n            success: function(data){\n            },\n            error: function(data){\n                console.log(data);\n            }\n        });\n    })();\n\n  $('#loginCaptcha').closest('.modal-form-group').hide();\n\n  var redirectUrl = $('#Login').find('input[name=to]').val();\n\n  \/\/ pop up modal when button clicks.\n  $('body').on('click', '.login-modal-btn', function(e){\n    e.preventDefault();\n    var href = window.location.href;\n    if($(this).prop(\"tagName\") == \"A\"){\n        href = $(this).attr('href');\n    }\n    else if($(this).prop(\"tagName\") == \"FORM\"){\n        href = $(this).attr('action');\n    }\n    $('.login-modal-div').find('input[name=to]').val(href);\n    $('.login-modal-div').fadeIn('fast');\n    redirectUrl = href;\n  });\n\n\n  \/\/google captch initialization for register\/forgot section.\n  var captchaSiteKey = '6LexF0sUAAAAADiQjz9BMiSrqplrItl-tWYDSfWa';\n  var forgotWidgetId;\n  var registerWidgetId;\n  var loginWidgetId;\n  var onloadCallback = function() {\n      \/\/ Renders the HTML element with id 'example1' as a reCAPTCHA widget.\n      \/\/ The id of the reCAPTCHA widget is assigned to 'widgetId1'.\n      registerWidgetId = grecaptcha.render('registerCaptcha', {\n        'sitekey' : captchaSiteKey,\n      });\n      loginWidgetId = grecaptcha.render('loginCaptcha', {\n        'sitekey' : captchaSiteKey,\n      });\n      forgotWidgetId = grecaptcha.render('forgotCaptcha', {\n        'sitekey' : captchaSiteKey\n      });\n  };\n\n  \/\/ check required field.\n  $('body').on('blur', 'input[required=required]', function(){\n    var val = $(this).val();\n    $('.error-focus').removeClass('error-focus');\n    $('div.input-error').remove();\n    if(val == \"\" || val == null || val == undefined){\n      $(this).closest('.modal-form-group').append('<div class=\"input-error\">Field can not be empty.<\/div>');\n      $(this).addClass('error-focus');\n      $(this).focus();\n    }\n  });\n\n  \/\/remove error message if input have some words.\n  $('body').on('keydown', 'input[required=required]', function(){\n    var val = $(this).val();\n    if(val != \"\" || val != null || val != undefined){\n      $(this).removeClass('error-focus');\n      $(this).closest('.modal-form-group').find('.input-error').remove();\n    }\n  });\n\n  \/\/ suggest organization.\n  var instituteListBlood = new Bloodhound({\n  initialize: false,\n    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),\n    queryTokenizer: Bloodhound.tokenizers.whitespace,\n    sufficient: 5,\n    prefetch: {  \/\/this endpoint will hit when we will sign up again in the profile page \n      url: 'https:\/\/utilapi.geeksforgeeks.org\/api\/institutes\/all\/'\n    },\n    remote: {\n      url: 'https:\/\/utilapi.geeksforgeeks.org\/api\/institutes\/%QUERY\/all\/',\n      wildcard: '%QUERY',\n      filter: function (data) {\n        instituteListBlood.add(data);\n        return data;\n      }\n    }\n  });\n\n  $(document).ready(function () {\n    instituteListBlood.clearPrefetchCache();\n    instituteListBlood.initialize();\n    $('input.typeahead.institute').typeahead({\n      minLength: 2,\n      dynamic: false,\n      highlight: true,\n      cache: \"sessionStorage\",\n      searchOnfocus: true,\n      offset: true,\n      blurOnTab: true\n    }, {\n      displaykey: 'value',\n      limit: 15,\n      source: instituteListBlood.ttAdapter(),\n      accent: true,\n      templates: {\n      empty: [\n              ''\n              ].join('\\n')\n      }\n    });\n  });\n\n  $(document).ready(function(){\n\n    \/\/ dismiss modal when click on close icon.\n    $('body').on('click', '.close', function(){\n      $(this).closest('.login-modal-div').fadeOut('fast');\n    });\n\n    \/\/dismiss modal when esc key pressed.\n    $(document).keypress(function(e) { \n        if (e.keyCode == 27) { \n            $(\".login-modal-div\").fadeOut('fast');\n        } \n    });\n\n    \/\/dismiss modal when click outside of it.\n    $('body').on('click', '.login-modal-div', function(){\n        $(\".login-modal-div\").fadeOut('fast');\n    });\n\n    $('body').on('click', '.login-modal-div .modal-content', function(e){\n        e.stopPropagation();\n    });\n\n    \/\/toggle between forgot div and login div.\n    $('body').on('click', '.login-link, .forgot-link', function(){\n      if($(this).hasClass('login-link')){\n        $('.forgot-div').slideUp();\n        $('.login-register-div').slideDown();\n      }\n      else{\n        $('.login-register-div').slideUp();\n        $('.forgot-div').slideDown();\n      }\n    });\n\n    \/\/ redirect function.\n    function redirect(where) {\n      if( where == 'to' ) {\n        window.location.href = to;\n      } else if( where == 'reset' ) {\n        q2to3();\n        $(\"#ruser\").val($(\"#fuser\").val());\n      }\n      else{\n        if(window.location.href == where){\n            window.location.reload(true);\n        }\n        else{\n            window.location.href = where;\n        }\n      }\n    }\n\n    \/\/ event on submit either login, register or forgot form.\n    $(\".login-form\").submit( function(e) {\n      e.preventDefault();\n      this1 = $(this);\n      $('.spinner-loading-overlay').show();\n      this1.find(\".extra\").empty();\n      this1.find('input[type=submit]').attr('disabled', true);\n      var browserInfo = fetchBrowserInfo();\n\n      $.ajax({\n        type: \"POST\",\n        url: 'https:\/\/auth.geeksforgeeks.org\/auth.php',\n        data: $(this).serialize()+\"&browserInfo=\"+JSON.stringify(browserInfo),\n        xhrFields: {\n          withCredentials: true\n        },\n        dataType: \"json\",\n        success: function( data ) {\n          this1.find('input[type=submit]').attr('disabled', false);\n          if( data.redirect ) {\n            redirect( data.redirect );\n          } else if( data.extra ) {\n            $('.spinner-loading-overlay').hide();\n            this1.find(\".extra\").append(data.extra);\n            var errorTxt = this1.find(\".extra\").find('div').text().trim();\n            grecaptcha.reset(loginWidgetId);\n            if(errorTxt == \"Captcha validation needed\" && this1.attr('id') == \"Login\"){\n              if(!$('#loginCaptcha').closest('.modal-form-group').find('input[name=recaptchaShow]').length){\n                $('#loginCaptcha').closest('.modal-form-group').append('<input name=\"recaptchaShow\" type=\"hidden\" value=\"1\">');\n              }\n              $('#loginCaptcha').closest('.modal-form-group').show();\n            }\n          }\n        },\n        error: function(jqXHR, exception, errorThrown) {\n          this1.find('input[type=submit]').attr('disabled', false);\n          $('.spinner-loading-overlay').hide();\n          console.log( \"An error occurred\" );\n        },\n        complete: function() {\n          this1.find('input[type=submit]').attr('disabled', false);\n          if(this1.attr('id') == \"Forgot\"){\n            grecaptcha.reset(forgotWidgetId);\n          }\n          else{\n            grecaptcha.reset(registerWidgetId);\n          }\n        }\n      });\n      return false;\n    });\n\n    \/\/prevent to type space bar in register password field.\n    $('body').on('keydown', 'input[name=pass]', function(e){\n        if($(this).closest('form').find('input[name=reqType]').length && $(this).closest('form').find('input[name=reqType]').val() == \"Register\"){\n            return e.which !== 32;\n        }\n    });\n\n\n  \/\/ Facebook login\n    $('#fblogin').click(function(e){\n        e.preventDefault();\n        var w = 600, h = 350, left = screen.width \/ 2 - w \/ 2, top = screen.height \/ 2 - h \/ 2;\n        var remember = $('#Login').find('input[name=rem]').is(\":checked\");\n        var redirect = $('#Login').find('input[name=to]').val();\n        var browserInfo = JSON.stringify(fetchBrowserInfo());\n        window.open('https:\/\/auth.geeksforgeeks.org\/\/fb-login.php?to='+encodeURIComponent(redirect)+'&rem='+remember+'&browserInfo='+browserInfo,'_self','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+',top='+top+', left='+left);\n      }); \n\n    \/\/ linkedin login\n    $('#inlogin').click(function(e){\n        e.preventDefault();\n        var w = 600, h = 350, left = screen.width \/ 2 - w \/ 2, top = screen.height \/ 2 - h \/ 2;\n        var remember = $('#Login').find('input[name=rem]').is(\":checked\");\n        var redirect = $('#Login').find('input[name=to]').val();\n        var browserInfo = JSON.stringify(fetchBrowserInfo());\n        window.open('https:\/\/auth.geeksforgeeks.org\/\/linkedin-login.php?to='+encodeURIComponent(redirect)+'&rem='+remember+'&browserInfo='+browserInfo,'_self','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+',top='+top+', left='+left);\n      });\n\n    \/\/ github login\n    $('#gitlogin').click(function(e){\n        e.preventDefault();\n        var w = 600, h = 350, left = screen.width \/ 2 - w \/ 2, top = screen.height \/ 2 - h \/ 2;\n        var remember = $('#Login').find('input[name=rem]').is(\":checked\");\n        var redirect = $('#Login').find('input[name=to]').val();\n        var browserInfo = JSON.stringify(fetchBrowserInfo());\n        window.open('https:\/\/auth.geeksforgeeks.org\/\/github-login.php?to='+encodeURIComponent(redirect)+'&rem='+remember+'&browserInfo='+browserInfo,'_self','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+',top='+top+', left='+left);\n      });\n\n    $('#glogin').click(function(e){\n        e.preventDefault();\n        var remember = $('#Login').find('input[name=rem]').is(\":checked\");\n        var redirect = $('#Login').find('input[name=to]').val();\n        var browserInfo = JSON.stringify(fetchBrowserInfo());\n        window.location = \"https:\/\/auth.geeksforgeeks.org\/googleLogin.php?redirect=\"+encodeURIComponent(redirect)+\"&remember=\"+remember+\"&browserInfo=\"+browserInfo;  \n      });\n  });\n\n  function fetchBrowserInfo(){\n    var browserInfo = {};\n    browserInfo.appName = navigator.appName;\n    browserInfo.appCodeName = navigator.appCodeName;\n    browserInfo.cookieEnable = navigator.cookieEnabled;\n    browserInfo.prodName = navigator.product;\n    browserInfo.appVersion = navigator.appVersion;\n    browserInfo.appOs = navigator.platform;\n    browserInfo.appLang = navigator.language;\n    browserInfo.vendorName = navigator.vendor;\n    browserInfo.loginDomain = \"auth\";\n\n    return browserInfo;\n  }\n<\/script>\n<script async src=\"https:\/\/practice.geeksforgeeks.org\/js-min\/oneTapLogin.js\"><\/script>"}