faceit-visa
Version:
A lightweight OAuth2 authentication library for FACEIT integration
56 lines (52 loc) • 2.14 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FACEIT OAuth2 Demo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<div class="navbar-brand">
<h1>FACEIT App</h1>
</div>
<div class="navbar-menu">
<a href="#" class="nav-link">Home</a>
<a href="#" class="nav-link">Profile</a>
</div>
<div class="navbar-auth">
<div id="loading" class="loading hidden">Loading...</div>
<div id="login-section" class="hidden">
<button id="login-btn" class="btn btn-primary">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9V7L15 1H5C3.9 1 3 1.9 3 3V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V9M19 21H5V3H13V9H19Z"/>
</svg>
Login with FACEIT
</button>
</div>
<div id="user-section" class="hidden">
<div class="user-info">
<img id="user-avatar" class="user-avatar" alt="User Avatar">
<div class="user-details">
<span id="user-nickname" class="user-nickname"></span>
<span id="user-level" class="user-level"></span>
</div>
</div>
<button id="logout-btn" class="btn btn-danger">Logout</button>
</div>
</div>
</nav>
<main class="main-content">
<div class="container">
<h2>Welcome to FACEIT Integration</h2>
<div id="user-profile" class="user-profile hidden">
<h3>Your Profile</h3>
<pre id="user-data"></pre>
</div>
<div id="error-message" class="error-message hidden"></div>
</div>
</main>
<script src="faceit-auth.js"></script>
</body>
</html>