init test commit

trade-hub/frontend/src/index.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Star Citizen Inventory</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header class="site-header">
+    <div class="header-inner">
+      <div class="brand">
+        <h1>STAR CITIZEN <span>INVENTORY</span></h1>
+        <p class="subtitle">Item catalog from scunpacked game data</p>
+      </div>
+      <div class="header-status">
+        <div id="api-status" class="status-pill checking">CHECKING API…</div>
+        <div id="stats-line" class="stats-line">Loading counts…</div>
+      </div>
+    </div>
+  </header>
+
+  <nav class="tabs" id="category-tabs">
+    <button class="tab active" data-category="">All Items</button>
+    <button class="tab" data-category="ships">Ships</button>
+    <button class="tab" data-category="ship-items">Ship Equipment</button>
+    <button class="tab" data-category="fps-items">FPS Items</button>
+  </nav>
+
+  <section class="controls">
+    <input type="search" id="search-input" placeholder="Search name or class name…" autocomplete="off">
+    <select id="manufacturer-select">
+      <option value="">All manufacturers</option>
+    </select>
+    <input type="text" id="type-input" placeholder="Type (e.g. WeaponPersonal)">
+    <input type="number" id="size-input" placeholder="Size" min="0" max="12">
+    <button id="reset-filters" class="btn-secondary">Reset</button>
+  </section>
+
+  <main>
+    <div id="error-banner" class="error-banner hidden"></div>
+    <div id="loading" class="loading">Loading inventory…</div>
+    <div id="empty-state" class="empty-state hidden">
+      <p>No items match your filters.</p>
+      <p class="hint">Try clearing the search or resetting the filters.</p>
+    </div>
+    <div id="results-grid" class="results-grid"></div>
+
+    <div class="pagination" id="pagination">
+      <button id="prev-page" class="btn-secondary">&larr; Prev</button>
+      <span id="page-info">Page 1 of 1</span>
+      <button id="next-page" class="btn-secondary">Next &rarr;</button>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <p>Data source:
+      <a href="https://github.com/richardthombs/scunpacked" target="_blank" rel="noopener noreferrer">scunpacked</a>
+      — unofficial Star Citizen fansite content, not affiliated with Cloud Imperium Games.
+    </p>
+  </footer>
+
+  <div id="modal-backdrop" class="modal-backdrop hidden">
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title">
+      <button class="modal-close" id="modal-close" aria-label="Close">&times;</button>
+      <h2 id="modal-title">Item</h2>
+      <div id="modal-body"></div>
+    </div>
+  </div>
+
+  <script src="app.js" defer></script>
+</body>
+</html>