root
104 lines
5.2 KiB
HTML
104 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Кейсы — CS2 Simulator</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<a href="/" class="logo">CS2 <span>Simulator</span></a>
|
|
<button class="mobile-toggle" id="mobileToggle">☰</button>
|
|
<div class="nav-links" id="navLinks">
|
|
{% if user %}
|
|
<a href="/cases" class="nav-link active">Кейсы</a>
|
|
<a href="/contracts" class="nav-link">Контракты</a>
|
|
<a href="/upgrade" class="nav-link">Апгрейд</a>
|
|
<a href="/crash" class="nav-link">Crash</a>
|
|
<a href="/inventory" class="nav-link">Инвентарь</a>
|
|
<a href="/activity" class="nav-link">Лента</a>
|
|
<a href="/achievements" class="nav-link">Достижения</a>
|
|
<a href="/profile" class="nav-link">Профиль</a>
|
|
<span class="user-balance">{{ "%.2f"|format(user.balance) }} ₽</span>
|
|
<button onclick="toggleSafeMode()" class="btn btn-ghost" id="safeModeToggle" title="Режим записи">🎙️</button>
|
|
<button onclick="logout()" class="btn btn-ghost">Выйти</button>
|
|
{% else %}
|
|
<a href="/cases" class="nav-link active">Кейсы</a>
|
|
<a href="/contracts" class="nav-link">Контракты</a>
|
|
<a href="/upgrade" class="nav-link">Апгрейд</a>
|
|
<a href="/activity" class="nav-link">Лента</a>
|
|
<button onclick="toggleSafeMode()" class="btn btn-ghost" id="safeModeToggle" title="Режим записи">🎙️</button>
|
|
<a href="/login" class="btn btn-outline">Войти</a>
|
|
<a href="/register" class="btn btn-primary">Регистрация</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h1 class="section-title">📦 Кейсы</h1>
|
|
<p class="section-subtitle">Выберите кейс для открытия</p>
|
|
</div>
|
|
|
|
{% for section in sections %}
|
|
<div style="margin-bottom:2rem;">
|
|
<div class="display-font" style="font-size:0.9rem;margin-bottom:0.75rem;color:var(--primary);letter-spacing:0.04em;">{{ section.tab }}</div>
|
|
<div class="grid grid-auto">
|
|
{% for case in section.cases %}
|
|
<a href="/case/{{ case.name|urlencode }}" class="case-card">
|
|
<div class="case-card-image">
|
|
{% if case.image_url %}
|
|
<img src="{{ case.image_url }}" alt="{{ case.display_name }}" onerror="this.src='/static/placeholder.png'">
|
|
{% else %}
|
|
<span style="font-size:2.5rem;opacity:0.6;">📦</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="case-card-body">
|
|
<div class="case-card-name">{{ case.display_name }}</div>
|
|
{% if case.description %}
|
|
<div class="case-card-desc">{{ case.description }}</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="case-card-footer">
|
|
<div class="case-card-price">
|
|
{{ "%.0f"|format(case.price) }} ₽
|
|
<span>шт.</span>
|
|
</div>
|
|
<div class="case-card-rarity">
|
|
{% for rarity in case.rarities[:4] %}
|
|
<span class="case-card-rarity-dot" style="background:var(--rarity-{{ rarity|lower|replace(' ', '-')|replace(' grade', '') }});"></span>
|
|
{% endfor %}
|
|
{% if case.rarities|length > 4 %}
|
|
<span class="text-xs text-dim">+{{ case.rarities|length - 4 }}</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</main>
|
|
|
|
<script src="/static/js/sounds.js"></script>
|
|
<script src="/static/js/websocket.js"></script>
|
|
<script src="/static/js/safemode.js"></script>
|
|
<script>
|
|
function toggleSound() {
|
|
const enabled = SoundManager.toggle();
|
|
document.getElementById('soundToggle').textContent = enabled ? '🔊' : '🔇';
|
|
}
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const btn = document.getElementById('soundToggle');
|
|
if (btn) btn.textContent = localStorage.getItem('sound_enabled') !== 'false' ? '🔊' : '🔇';
|
|
});
|
|
</script>
|
|
{% if user %}{% include '_activity_sidebar.html' %}{% endif %}
|
|
</body>
|
|
</html>
|