feat: adds efficiency calculation for rigs and back pack (WIP). UX cleaned up, graphic added to landing page.
This commit is contained in:
@@ -15,11 +15,40 @@
|
||||
--key-border: #5a7a3a;
|
||||
--key-bg: #141e10;
|
||||
}
|
||||
body { font-family: sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 16px; }
|
||||
.page { max-width: 900px; margin: 0 auto; }
|
||||
nav { margin-bottom: 20px; }
|
||||
nav a { color: var(--accent); font-size: 0.9rem; }
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
margin: 0;
|
||||
padding-top: 52px;
|
||||
background-image: url('/assets/onlyscavs.png');
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-position: center 65%;
|
||||
}
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(14,14,14,0.88);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.page { max-width: 900px; margin: 0 auto; padding: 24px 16px; position: relative; z-index: 1; }
|
||||
a { color: var(--accent); }
|
||||
.site-nav {
|
||||
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 0 24px; height: 52px;
|
||||
background: rgba(14,14,14,0.92);
|
||||
backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
|
||||
border-bottom: 1px solid rgba(255,255,255,0.06);
|
||||
}
|
||||
.nav-brand { font-size: 0.85rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); text-decoration: none; flex-shrink: 0; }
|
||||
.nav-links { display: flex; gap: 2px; flex-wrap: wrap; }
|
||||
.nav-links a { color: #666; text-decoration: none; font-size: 0.8rem; padding: 5px 10px; border-radius: 5px; transition: color 0.15s, background 0.15s; }
|
||||
.nav-links a:hover { color: var(--text); background: rgba(255,255,255,0.06); }
|
||||
.nav-links a.active { color: var(--accent); background: rgba(156,207,255,0.08); }
|
||||
h1 { margin: 0 0 2px; font-size: 1.4rem; }
|
||||
.subtitle { color: var(--muted); font-size: 0.9rem; margin: 0 0 20px; }
|
||||
|
||||
@@ -153,8 +182,16 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
<nav>
|
||||
<a href="/loadout?tab=guns">← Back to Guns</a>
|
||||
<nav class="site-nav">
|
||||
<a class="nav-brand" href="/">OnlyScavs</a>
|
||||
<div class="nav-links">
|
||||
<a href="/keys">Keys</a>
|
||||
<a href="/collector">Collector</a>
|
||||
<a href="/quests">Quests</a>
|
||||
<a href="/loadout" class="active">Loadout</a>
|
||||
<a href="/meds">Injectors</a>
|
||||
<a href="/barters">Barters</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="gun-card">
|
||||
|
||||
Reference in New Issue
Block a user