feat: add landing page, Improved key rating page UI

2026-03-08 21:17:50 +00:00
parent 4893f3deee
commit 289c45e233
7 changed files with 490 additions and 28 deletions
--- a/templates/landing.html
+++ b/templates/landing.html
@@ -0,0 +1,120 @@
+<!doctype html>
+<html>
+<head>
+  <title>OnlyScavs</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+    :root {
+      --bg: #121212;
+      --panel: #1a1a1a;
+      --text: #eee;
+      --muted: #888;
+      --border: #2a2a2a;
+      --accent: #9ccfff;
+      --accent2: #ffd580;
+    }
+    * { box-sizing: border-box; }
+    body {
+      font-family: sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      margin: 0;
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 32px 16px;
+    }
+    .hero {
+      text-align: center;
+      margin-bottom: 48px;
+    }
+    .hero h1 {
+      font-size: 2.4rem;
+      letter-spacing: 0.04em;
+      color: var(--accent);
+      margin: 0 0 8px;
+    }
+    .hero p {
+      color: var(--muted);
+      font-size: 1rem;
+      margin: 0;
+    }
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 16px;
+      width: 100%;
+      max-width: 860px;
+    }
+    .card {
+      background: var(--panel);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 24px 20px;
+      text-decoration: none;
+      color: var(--text);
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      transition: border-color 0.15s, background 0.15s, transform 0.1s;
+    }
+    .card:hover {
+      border-color: #444;
+      background: #1e1e1e;
+      transform: translateY(-2px);
+    }
+    .card-icon {
+      font-size: 1.8rem;
+      line-height: 1;
+    }
+    .card-title {
+      font-size: 1.05rem;
+      font-weight: 700;
+      color: var(--accent);
+    }
+    .card-desc {
+      font-size: 0.85rem;
+      color: var(--muted);
+      line-height: 1.5;
+    }
+  </style>
+</head>
+<body>
+
+  <div class="hero">
+    <h1>OnlyScavs</h1>
+    <p>Escape from Tarkov reference tools</p>
+  </div>
+
+  <div class="cards">
+    <a class="card" href="/keys">
+      <div class="card-icon">🗝</div>
+      <div class="card-title">Key Ratings</div>
+      <div class="card-desc">Rate and filter keys by map, priority, and quest use.</div>
+    </a>
+    <a class="card" href="/collector">
+      <div class="card-icon">★</div>
+      <div class="card-title">Collector</div>
+      <div class="card-desc">Track your progress toward the Kappa container.</div>
+    </a>
+    <a class="card" href="/quests">
+      <div class="card-icon">📋</div>
+      <div class="card-title">Quest Trees</div>
+      <div class="card-desc">Visualize quest chains and trader dependencies.</div>
+    </a>
+    <a class="card" href="/loadout">
+      <div class="card-icon">🎽</div>
+      <div class="card-title">Loadout Planner</div>
+      <div class="card-desc">Browse and compare guns, armor, rigs, and more.</div>
+    </a>
+    <a class="card" href="/meds">
+      <div class="card-icon">💉</div>
+      <div class="card-title">Injectors</div>
+      <div class="card-desc">Compare stim effects, skills, and side effects.</div>
+    </a>
+  </div>
+
+</body>
+</html>