75 lines
2.5 KiB
HTML
75 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Home</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>
|
|
<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>
|
|
|
|
</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>
|
|
</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>
|