public/lab8/index.html - main - Coderdev/web-nodejs-labs

public/lab8/index.html
1 строка3 KB
Coderdev
13 апр 2026, 21:35
13 апр 2026, 21:35d23c89a
<!doctype html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Лабораторная работа №8</title><style>body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0}.wrapper{max-width:1100px;margin:0 auto;padding:24px}.card,.panel,.task{background:#111c34;border:1px solid #25314d;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px}.logo{display:flex;gap:16px;align-items:center}.mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#4f8cff,#8b5cf6);display:grid;place-items:center;font-weight:700;font-size:22px}.nav a,.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:#1d4ed8;color:#fff;text-decoration:none;margin-left:10px}.panel{padding:24px;margin:18px 0}.tasks{display:grid;gap:16px}.task{padding:18px;display:flex;justify-content:space-between;align-items:center}.muted{color:#94a3b8}.back{color:#94a3b8;text-decoration:none}</style></head><body><div class="wrapper"><a class="back" href="/">← Назад</a><div class="card header"><div class="logo"><div class="mark">L8</div><div><h1 style="margin:0">Лабораторная работа №8</h1><div class="muted">Файлы Node.js и валидация Fastify</div></div></div><div class="nav"><a href="/lab8/task1/">Task 1</a><a href="/lab8/task2/">Task 2</a><a href="/lab8/task3/">Task 3</a></div></div><div class="panel"><h2 style="margin-top:0">Задания</h2><p class="muted">Task 1 — форма с сохранением в файл и GET API. Task 2 — обработка Qatar 2022 и вывод JSON по группам и стадионам. Task 3 — таблица матчей в хронологическом порядке с цветовой индикацией результата.</p></div><div class="tasks"><div class="task"><div><strong>Task 1</strong><div class="muted">ФИО, проект, валидация, сохранение в task1.txt</div></div><a class="btn" href="/lab8/task1/">Открыть</a></div><div class="task"><div><strong>Task 2</strong><div class="muted">groups.json и stadium.json по данным чемпионата мира 2022</div></div><a class="btn" href="/lab8/task2/">Открыть</a></div><div class="task"><div><strong>Task 3</strong><div class="muted">resultsQatar22.json и таблица матчей</div></div><a class="btn" href="/lab8/task3/">Открыть</a></div></div></div></body></html>