First working prototype
This commit is contained in:
@@ -1,74 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Home</title>
|
||||
<title>"Password Manager"</title>
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<div class="header">
|
||||
<div class="header-left">
|
||||
<div class="logo-container">
|
||||
<h2 class="logo">PayDirt</h2>
|
||||
<p class="subtitle">NFL Stats</p>
|
||||
</div>
|
||||
<a class="button" href="/search">Search Players</a>
|
||||
<br>
|
||||
<div class="center">
|
||||
<form id="infoForm">
|
||||
<h2>Personal Information</h2>
|
||||
<hr>
|
||||
<div class="inputGroup">
|
||||
<p>Password Name</p>
|
||||
<input type="text" id="name" placeholder="">
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<a class="user-FirstName button" href="/info">Welcome, %</a>
|
||||
<button id="logoutButton">Log Out</button>
|
||||
<button id="deleteButton" style="display: none;">Delete Account</button>
|
||||
<div class="inputGroup">
|
||||
<p>Password:</p>
|
||||
<input type="text" id="password" placeholder="">
|
||||
</div>
|
||||
<div class="inputGroup">
|
||||
<p>Set password?</p>
|
||||
<input type="checkbox" id="set" name="Set?">
|
||||
</div>
|
||||
<button type="submit">Submit</button>
|
||||
<a href="/login">Log Out</a>
|
||||
</form>
|
||||
|
||||
<div class="error">
|
||||
<p>Error Message</p>
|
||||
</div>
|
||||
<div class="box nw">
|
||||
<p><b>Watched Players</b></p>
|
||||
<table class="body" id="favorites">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="box ne">
|
||||
<p><b>Highest Contracts</b></p>
|
||||
<table class="body" id="highest">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="box sw">
|
||||
<div class="cursor-question">
|
||||
<p><b>Highest PayDirt Score</b></p>
|
||||
<span class="tooltip-text">A player's <b>PayDirt score</b> is calculated by weighting their offense score by their annual salary. It is used to evaluate the worth of their contract.</span>
|
||||
</div>
|
||||
<table class="body" id="paydirt">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="box se">
|
||||
<div class="cursor-question">
|
||||
<p><b>Highest Offense Score</b></p>
|
||||
<span class="tooltip-text">A player's <b>offense score</b> is calculated by combining several of their offense stats into a weighted score. It is indicative of their overall performance.</span>
|
||||
</div>
|
||||
<table class="body" id="offense">
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="success">
|
||||
<p>Password successfully retrieved</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="variables.js"></script>
|
||||
<script type="module" src="home.js"></script>
|
||||
<script type="module" src="logout.js"></script>
|
||||
<script type="module" src="delete.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user