Vladimir Zagainov
008d9a129e
- Redesigned base.html: dark Minecraft theme, sticky header, responsive grid, cards, server cards with status indicators, profile styles - index.html: hero section, server list grid, how-to-start steps, features section - login.html: centered card layout, client-side validation, fetch API - registration.html: password confirmation, pattern validation, error alerts - profile.html: new page — skin/cape upload & delete, launcher download links, auth-gated via localStorage token - templates.go: added /profile route, extended pageData with Username/UUID
74 lines
3.5 KiB
HTML
74 lines
3.5 KiB
HTML
{{define "content"}}
|
||
<!-- Hero -->
|
||
<div class="hero">
|
||
<h1>⛏ MrixsCraft</h1>
|
||
<p>Приватный Minecraft-сервер с модпаками. Зарегистрируйся, скачай лаунчер и играй с друзьями.</p>
|
||
<div class="actions">
|
||
<a href="/register" class="btn btn-lg">Начать играть</a>
|
||
<a href="#servers" class="btn btn-outline btn-lg">Список серверов</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Servers -->
|
||
<h2 class="section-title" id="servers">🖥 Наши серверы</h2>
|
||
<div class="grid-2" id="serversGrid">
|
||
<div class="server-card">
|
||
<span class="version-badge">1.21</span>
|
||
<h3>HiTech</h3>
|
||
<p class="meta">Технический модпак · Java 21</p>
|
||
<p class="muted text-sm">Индустриальная автоматизация, технологии и прогресс. Строй фабрики, автоматизируй производство, покоряй энергию.</p>
|
||
<div class="status mt-2">Онлайн</div>
|
||
</div>
|
||
<div class="server-card">
|
||
<span class="version-badge">1.20</span>
|
||
<h3>Vanilla</h3>
|
||
<p class="meta">Ванильный сервер · Java 17</p>
|
||
<p class="muted text-sm">Классический Minecraft без модов. Строи, исследуй, выживай — всё как в старые добрые времена.</p>
|
||
<div class="status mt-2">Онлайн</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- How to start -->
|
||
<h2 class="section-title mt-2">🚀 Как начать</h2>
|
||
<div class="grid-3">
|
||
<div class="card text-center">
|
||
<div style="font-size:2rem;margin-bottom:0.5rem">📝</div>
|
||
<h3>1. Регистрация</h3>
|
||
<p>Создай аккаунт на сайте. Придумай никнейм и пароль.</p>
|
||
</div>
|
||
<div class="card text-center">
|
||
<div style="font-size:2rem;margin-bottom:0.5rem">💾</div>
|
||
<h3>2. Скачай лаунчер</h3>
|
||
<p>Скачай лаунчер для своей ОС. Он сам скачает все нужные файлы.</p>
|
||
</div>
|
||
<div class="card text-center">
|
||
<div style="font-size:2rem;margin-bottom:0.5rem">🎮</div>
|
||
<h3>3. Играй</h3>
|
||
<p>Авторизуйся в лаунчере, выбери сервер и нажимай PLAY.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Features -->
|
||
<h2 class="section-title mt-2">✨ Возможности</h2>
|
||
<div class="card">
|
||
<div class="grid-2" style="gap:1.5rem">
|
||
<div>
|
||
<h3>🔐 Своя авторизация</h3>
|
||
<p>Полноценная Yggdrasil-совместимая система. Скины, плащи, профили — всё работает.</p>
|
||
</div>
|
||
<div>
|
||
<h3>📦 Модпаки</h3>
|
||
<p>Готовые наборы модов с автообновлением. Лаунчер сам скачает и проверит все файлы.</p>
|
||
</div>
|
||
<div>
|
||
<h3>🌐 Веб-профиль</h3>
|
||
<p>Управляй скином и плащом прямо на сайте. Загружай PNG и они сразу в игре.</p>
|
||
</div>
|
||
<div>
|
||
<h3>🔄 Автообновление</h3>
|
||
<p>Лаунчер обновляется сам. Серверные модпаки тоже подтягиваются автоматически.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|