85 lines
3.7 KiB
HTML
85 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Eberron Contracts - Quest Board</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Lora:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<!-- Hamburger Menu -->
|
|
<div class="hamburger-menu">
|
|
<button class="hamburger-btn" onclick="toggleHamburgerMenu()" aria-label="Toggle menu">
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
</button>
|
|
<nav class="hamburger-nav" id="hamburger-nav">
|
|
<a href="https://docs.google.com/document/d/1t0VaQaYYcSxK6gbsIvTOs23EQWOY0jLym8xAO5i4m6g/edit?tab=t.0" class="nav-link">Ship's Log</a>
|
|
<a href="https://docs.google.com/spreadsheets/d/1JeZINFLSCipTtd-bOJATNITOQYBdk9tkNgR1s-OEKiw/edit?gid=0#gid=0" class="nav-link">Bastion Log</a>
|
|
<a href="https://docs.google.com/spreadsheets/d/1gHHDJX4su1Ug_VgWc-1jQszNJAsFWZXatLQwdH3cFc0/edit?gid=0#gid=0" class="nav-link">Experience Record</a>
|
|
<a href="https://docs.google.com/document/d/1CG6Rlk9ow2NgRkZY_qgsro1RsHLGgkOROFJQLSKHhD0/edit?tab=t.0" class="nav-link">Campaign Info</a>
|
|
<a href="https://uab.zoom.us/j/2958035310#success" class="nav-link">Zoom</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<h1>📜 Eberron Quest Board 📜</h1>
|
|
<p class="subtitle" id="week-display">Week 0</p>
|
|
<a href="admin.html" class="admin-link">Admin Login</a>
|
|
</div>
|
|
|
|
<div class="faction-reps-public">
|
|
<h3>Faction Reputations</h3>
|
|
<table class="rep-table" id="rep-table">
|
|
<!-- Dynamically populated -->
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Available Contracts (Collapsible) -->
|
|
<h2 class="section-title collapsible-header" onclick="toggleSection('quest-board', 'quest-board-toggle')">
|
|
<span id="quest-board-toggle">▼</span> Available Contracts
|
|
</h2>
|
|
<div class="quest-board collapsible-content" id="quest-board">
|
|
<div class="loading">Loading quests...</div>
|
|
</div>
|
|
|
|
<!-- Completed Contracts (Collapsible) -->
|
|
<h2 class="section-title collapsible-header" onclick="toggleSection('quest-history', 'quest-history-toggle')">
|
|
<span id="quest-history-toggle">▼</span> Completed Contracts
|
|
</h2>
|
|
<div class="quest-history collapsible-content" id="quest-history">
|
|
<div class="loading">Loading history...</div>
|
|
</div>
|
|
|
|
<!-- Magic Item Market (Collapsible) -->
|
|
<div class="market-section">
|
|
<h2 class="section-title collapsible-header" onclick="toggleSection('market-display', 'market-toggle-icon')">
|
|
<span id="market-toggle-icon">▼</span> Magic Item Market
|
|
</h2>
|
|
<div id="market-display" class="collapsible-content">
|
|
<div class="loading">Loading market...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>All contracts subject to availability.</p>
|
|
</div>
|
|
|
|
<!-- Firebase SDK -->
|
|
<script src="https://www.gstatic.com/firebasejs/10.7.1/firebase-app-compat.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/10.7.1/firebase-firestore-compat.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/10.7.1/firebase-auth-compat.js"></script>
|
|
|
|
<!-- Magic Items Data -->
|
|
<script src="magic-items-data.js"></script>
|
|
|
|
<!-- Market Filtering -->
|
|
<script src="filtering.js"></script>
|
|
|
|
<!-- App Logic -->
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|