-
Notifications
You must be signed in to change notification settings - Fork 8
Expand file tree
/
Copy pathprofile.html
More file actions
2 lines (2 loc) · 2.81 KB
/
Copy pathprofile.html
File metadata and controls
2 lines (2 loc) · 2.81 KB
1
2
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#101827"><title>Profile · JavaScript Playground</title><script src="theme-init.js"></script><link rel="icon" href="icon.svg" type="image/svg+xml"><link rel="stylesheet" href="arcade.css"><link rel="stylesheet" href="profile.css"></head><body><main class="shell"><section class="hero"><p class="eyebrow">Your arcade</p><span class="hero-spark" aria-hidden="true">✦</span><h1 id="profile-title">Scores & profile</h1><p class="muted" id="profile-note">Sign in to see your play history. Leaderboards are open to everyone.</p></section><section class="panel" id="account-panel" hidden><h2>Profile management</h2><form id="profile-form"><input name="gamertag" aria-label="Gamertag" minlength="3" maxlength="24" required><input name="passcode" aria-label="New passcode" type="password" minlength="4" maxlength="128" placeholder="New passcode (optional)"><button>Save profile</button></form><p id="profile-message" role="status"></p></section><section class="panel" id="stats-panel" hidden><h2>Your games</h2><div class="grid" id="stats"></div><h3>Recent games</h3><div class="table-wrap"><table><thead><tr><th>Game</th><th>Result</th><th>Score</th><th>Time</th><th>Played</th></tr></thead><tbody id="history"></tbody></table></div><nav class="pagination" id="history-pagination" aria-label="Game history pages" hidden><button type="button" data-page-action="previous">Previous</button><span id="history-page" aria-live="polite"></span><button type="button" data-page-action="next">Next</button></nav></section><section class="panel" id="achievements" hidden><div class="achievement-summary"><h2>Achievement cabinet</h2><strong id="achievement-count">0 / 0</strong></div><p class="muted">Every glorious badge, including the ones still plotting against you.</p><div class="profile-achievements" id="profile-achievements"></div></section><section class="panel" id="leaderboards"><h2>Top scores</h2><div class="tabs" id="game-tabs"><button data-game="pong" aria-pressed="true">Pong</button><button data-game="sudoku" aria-pressed="false">Sudoku</button><button data-game="minesweeper" aria-pressed="false">Minesweeper</button><button data-game="tictactoe" aria-pressed="false">Tic-tac-toe</button><button data-game="battletanks" aria-pressed="false">Battle Tanks</button><button data-game="tetris" aria-pressed="false">Tetris</button></div><div class="table-wrap"><table><thead><tr><th>Rank</th><th>Gamertag</th><th>Score</th><th>Time</th><th>Details</th></tr></thead><tbody id="leaders"></tbody></table></div></section></main><script src="scripts/game-events.js"></script><script src="arcade.js"></script><script src="scripts/share-result.js"></script><script src="profile.js"></script></body></html>