Refactor web UI: CSS classes only, no inline styles; fix footer; add full lab1.zip

- Replace all inline style= with reusable CSS classes
- Add layout classes: page, page-header, page-main, page-footer
- Fix footer at bottom via flex column + flex:1 on main
- Remove jsessionid from static resource URLs
- Create lab1-full.zip with 30 variants from PDF metodichka
- All templates use CSS var classes for light/dark theme
This commit is contained in:
2026-09-10 21:29:10 +03:00
parent 9b7748571e
commit b4c801853a
10 changed files with 230 additions and 275 deletions

View File

@@ -1,32 +1,16 @@
<!DOCTYPE html>
<html lang="ru" xmlns:th="http://www.thymeleaf.org"
th:replace="~{fragments/base :: layout(~{::title}, ~{::#content})}">
<html lang="ru" xmlns:th="http://www.thymeleaf.org" th:replace="~{fragments/base :: layout(~{::title}, ~{::#content})}">
<head><title>Первый запуск — LMS</title></head>
<body>
<div id="content">
<div style="max-width:28rem;margin:0 auto;">
<h1 style="margin:0 0 0.5rem;font-size:1.5rem;font-weight:600;">Создание администратора</h1>
<p style="margin:0 0 1.5rem;font-size:0.875rem;color:var(--c-text-muted);">
Это разовая настройка. Аккаунт преподавателя создаётся один раз.
</p>
<div th:if="${error}" style="margin-bottom:1rem;padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem;background:#fef2f2;color:#991b1b;"
th:text="${error}"></div>
<form class="card" style="padding:1.5rem;display:flex;flex-direction:column;gap:1rem;" th:action="@{/setup}" method="post">
<div>
<label class="label" for="login">Логин</label>
<input class="input" id="login" name="login" th:value="${login}" autofocus required>
</div>
<div>
<label class="label" for="password">Пароль</label>
<input class="input" id="password" name="password" type="password" required>
<p style="margin-top:0.25rem;font-size:0.75rem;color:var(--c-text-muted);">Минимум 8 символов.</p>
</div>
<div>
<label class="label" for="password2">Повторите пароль</label>
<input class="input" id="password2" name="password2" type="password" required>
</div>
<div class="container-sm">
<h1 class="page-title">Создание администратора</h1>
<p class="text-sm text-muted mb-4">Это разовая настройка. Аккаунт преподавателя создаётся один раз.</p>
<div th:if="${error}" class="alert alert-error" th:text="${error}"></div>
<form class="card form-card form-stack" th:action="@{/setup}" method="post">
<div><label class="label" for="login">Логин</label><input class="input" id="login" name="login" th:value="${login}" autofocus required></div>
<div><label class="label" for="password">Пароль</label><input class="input" id="password" name="password" type="password" required><p class="hint">Минимум 8 символов.</p></div>
<div><label class="label" for="password2">Повторите пароль</label><input class="input" id="password2" name="password2" type="password" required></div>
<button class="btn btn-primary" type="submit">Создать и войти</button>
</form>
</div>