<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Information - OAuth Application</title>
  <link rel="stylesheet" href="assets/passiveCallback.css">
  <link rel="stylesheet" href="assets/button.css">
</head>
<body onload="checkHash()">
  <div class="data-container">
    <span class="btn" onclick="logout()">Logout</span>
  </div>

  <div class="card-hover">
    <div class="card-hover__content">
      <h3 class="card-hover__title">
        Hi <span id="username"></span>!
      </h3>
      <p class="card-hover__text">You have authenticated successfully using Access Manager OAuth server.</p>
      <a href="#" class="card-hover__link">
        <span>Details</span>
        <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
        </svg>        
      </a>
    </div>
    <div class="card-hover__extra">
      <h4>Contact at <span id="email"></span> and place at <span id="location"></span> !</h4>
    </div>
    <img src="assets/background.jpg" alt="">
  </div>
  <script src="assets/callback.js"></script>
</body>
</html>
