126 lines
3.2 KiB
HTML
126 lines
3.2 KiB
HTML
<!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>
|
|
<a class="card" href="/barters">
|
|
<div class="card-icon">🔄</div>
|
|
<div class="card-title">Barter Calculator</div>
|
|
<div class="card-desc">Calculate the true rouble cost of any barter by entering flea market prices.</div>
|
|
</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|