78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Emberfall — Hero Profile</title>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
</head>
|
|
<body>
|
|
<div class="game-container">
|
|
<!-- Top bar -->
|
|
<header class="top-bar">
|
|
<div class="logo">Emberfall</div>
|
|
<div class="user-info">
|
|
<a href="/login.html">Login</a>
|
|
<a href="/leaderboard.html">Leaderboard</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main-content">
|
|
<!-- Hero profile panel -->
|
|
<section class="panel profile-panel" style="grid-column: 1 / -1;">
|
|
<div id="profile-loading" class="loading">Loading hero profile...</div>
|
|
<div id="profile-content" style="display:none;">
|
|
<div class="profile-header">
|
|
<h2 id="profile-name"></h2>
|
|
<span id="profile-class" class="profile-class-badge"></span>
|
|
<span id="profile-level" class="profile-level-badge"></span>
|
|
</div>
|
|
|
|
<div class="profile-summary">
|
|
<div class="summary-item">
|
|
<span class="summary-label">Gold</span>
|
|
<span id="profile-gold" class="summary-value gold-value"></span>
|
|
</div>
|
|
<div class="summary-item">
|
|
<span class="summary-label">Kills</span>
|
|
<span id="profile-kills" class="summary-value"></span>
|
|
</div>
|
|
<div class="summary-item">
|
|
<span class="summary-label">Deaths</span>
|
|
<span id="profile-deaths" class="summary-value"></span>
|
|
</div>
|
|
<div class="summary-item">
|
|
<span class="summary-label">Kill/Death</span>
|
|
<span id="profile-kd" class="summary-value"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="profile-body">
|
|
<!-- Stats column -->
|
|
<div class="profile-stats">
|
|
<h3>Attributes</h3>
|
|
<div id="profile-stats-list"></div>
|
|
</div>
|
|
|
|
<!-- Equipment column -->
|
|
<div class="profile-equipment">
|
|
<h3>Equipment</h3>
|
|
<div id="profile-equipment-list" class="profile-equip-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="profile-error" style="display:none;" class="error"></div>
|
|
<div id="profile-notfound" style="display:none;" class="placeholder">
|
|
Hero not found. Check the name and try again.
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/js/toast.js"></script>
|
|
<script src="/js/auth.js"></script>
|
|
<script src="/js/profile.js"></script>
|
|
</body>
|
|
</html>
|