Skip to content

C
COM6009M
Commit 17c450f6 authored by bailey.barber-scar's avatar bailey.barber-scar
Browse files
Options

Upload New File

parent 4ce5eefd
Hide whitespace changes
Inline Side-by-side
Showing with 123 additions and 0 deletions
Front End/index.html 0 → 100644
View file @ 17c450f6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/resources/favicon.ico">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="script.js"></script>
<title>YSJ Gaming & Esports</title>
</head>
<body>
<div id="loading">
<span class="loader"></span>
</div>
<header>
<div class="wrapper">
<div class="logo">
<a href="#"><img src="resources/logo.png" alt="YSJGE Logo"></a>
</div>
<div class="navbar">
<div class="close-nav"><button>×</button></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="players.html">Players</a></li>
<li><a href="account.html" id="accountNavLink" style="display: none">Account</a></li>
<li><button id ="btnLogin" class="btnLogin" role="button" onclick="openLoginForm()"><span class="text">Login</span></button></li>
</ul>
</nav>
</div>
<div class="menu-bar">
<button><i></i></button>
</div>
</div>
</header>
<!--#region LOGIN FORM -->
<div class="container">
<div class="form-popup" id="loginForm">
<form class="form-container">
<div class="form-header">
<h1 class="form-title">Login</h1>
<button type="button" class="btn cancel" onclick="closeLoginForm()">×</button>
</div>
<div class="form-body">
<label for="username"><b>Username</b> <a class="fieldRequired">*</a></label>
<input type="text" name="username" required id="loginUsername" oninput="this.value = this.value.toLowerCase().replace(/[^a-z0-9\-.]/g, '')">
<label for="psw"><b>Password</b> <a class="fieldRequired">*</a></label>
<input type="password" name="password" required id="loginPassword">
<div class="loginFormResponse" id="loginResponse">
<p>Login Reponse</p>
</div>
<div class="form-footer">
<button type="button" class="btn btnFormSignUp" onclick="openSignUpForm()">Sign Up</button>
<button type="button" class="btn btnFormLogin" id="btnLogin" onclick="login()">Login</button>
</div>
</div>
</form>
</div>
<div class="form-popup" id="signupForm">
<form class="form-container">
<div class="form-header">
<h1 class="form-title">Sign Up</h1>
<button type="button" class="btn cancel" onclick="closeSignUpForm()">×</button>
</div>
<div class="form-body">
<label for="username">
<b>Username</b>
<a class="fieldRequired">*</a>
<span class="info-icon" title="Usernames are lowercase with numbers, '-' or '.' allowed ">
<i class="fa fa-info-circle"></i>
</span>
</label>
<input type="text" required pattern="^[a-z0-9]+([-\.]{1}[a-z0-9]+)*$" id="registerUsername" oninput="this.value = this.value.toLowerCase().replace(/[^a-z0-9\-.]/g, '')">
<label for="psw">
<b>Password</b>
<a class="fieldRequired">*</a>
<span class="info-icon" title="Password must be at least 8 characters long. Special symbols allowed: @ $ ! % * # ? &">
<i class="fa fa-info-circle"></i>
</span>
</label>
<input type="password" pattern="^(?=.*[@$!%*#?&]?)[A-Za-z\d@$!%*#?&]{8,}$" required id="registerPassword">
<label for="psw"><b>Confirm Password</b> <a class="fieldRequired">*</a></label>
<input type="password" pattern="^(?=.*[@$!%*#?&]?)[A-Za-z\d@$!%*#?&]{8,}$" required id="registerPasswordConfirm">
<div class="loginFormResponse" id="registerResponse">
<p>Login Reponse</p>
</div>
<div class="form-footer form-signup">
<p>Already have an account? <br><a onclick="openLoginForm()"><b>Click here to login</b></a></p>
<button type="button" class="btn btnFormLogin" onclick="registerUser()">Create Account</button>
</div>
</div>
</form>
</div>
</div>
<!--#endregion -->
<div id="homeInfo" class="homeInfo">
<div id="homeUserNotLoggedIn">
<p id="homeWelcomeText" class="welcomeText">Please <button class="btnHomeLogin" onclick="openLoginForm()">Sign In</button> to view your details</p>
</div>
<div id="homeUserGameTags" class="homeUserGameTag">
<div id="homeBattleNet">
<p>Battle.Net Status: <span id="homeBattleNetIdStatus"></span></p>
</div>
<div id="homeRiotId">
<p>RiotID Status: <span id="homeRiotIdStatus"></span></p>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment