1. добавлена кнопка ? (переход на info)

2. добавлен пункт Обновления в Инфо
This commit is contained in:
2026-05-25 15:13:14 +03:00
parent 2de22915cf
commit 96b257cff1
2 changed files with 260 additions and 1 deletions

View File

@@ -276,6 +276,167 @@
margin-top: -5px; margin-top: -5px;
} }
/* ===== Обновления ===== */
.updates-intro {
margin-bottom: 22px;
color: var(--green-soft);
}
.updates-timeline {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 22px;
}
.update-card {
position: relative;
padding: 22px;
border: 1px solid rgba(0, 255, 136, 0.30);
background:
linear-gradient(180deg, rgba(0, 255, 136, 0.08), rgba(0, 0, 0, 0.38));
box-shadow: 0 0 22px rgba(0, 255, 136, 0.14);
overflow: hidden;
}
.update-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--green);
box-shadow: 0 0 16px var(--green);
}
.update-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.update-date {
color: var(--green);
font-size: 20px;
font-weight: bold;
text-shadow: 0 0 8px rgba(0, 255, 136, 0.5);
}
.update-version {
padding: 6px 12px;
border: 1px solid rgba(0, 255, 136, 0.42);
color: var(--green-soft);
background: rgba(0, 255, 136, 0.07);
font-size: 12px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.update-items {
display: flex;
flex-direction: column;
gap: 14px;
}
.update-item {
display: grid;
grid-template-columns: 105px minmax(0, 1fr);
gap: 14px;
align-items: start;
padding: 14px;
border: 1px solid rgba(0, 255, 136, 0.12);
background: rgba(0, 255, 136, 0.035);
}
.update-content {
min-width: 0;
}
.update-title {
margin-bottom: 6px;
color: var(--green);
font-weight: bold;
font-size: 16px;
}
.update-text {
color: var(--text);
line-height: 1.65;
}
.update-text p {
margin: 0 0 8px;
}
.update-text p:last-child {
margin-bottom: 0;
}
.update-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 92px;
padding: 5px 9px;
border: 1px solid currentColor;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
}
.update-badge.new {
color: #00ff88;
background: rgba(0, 255, 136, 0.09);
}
.update-badge.fix {
color: #ff5c5c;
background: rgba(255, 92, 92, 0.08);
}
.update-badge.improve {
color: #57b2ff;
background: rgba(87, 178, 255, 0.08);
}
.update-badge.important,
.update-badge.note-badge {
color: #ffd166;
background: rgba(255, 209, 102, 0.08);
}
.update-template {
margin-top: 18px;
padding: 14px;
border: 1px dashed rgba(0, 255, 136, 0.35);
background: rgba(0, 255, 136, 0.04);
color: var(--green-soft);
}
@media (max-width: 640px) {
.update-header {
flex-direction: column;
align-items: flex-start;
}
.update-item {
grid-template-columns: 1fr;
}
.update-badge {
width: fit-content;
}
}
@media (max-width: 980px) { @media (max-width: 980px) {
.page { .page {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@@ -321,6 +482,7 @@
<a href="#auto">Загрузка данных с сайта</a> <a href="#auto">Загрузка данных с сайта</a>
<a href="#manual">Ручная загрузка данных</a> <a href="#manual">Ручная загрузка данных</a>
<a href="#formation">Расстановка команд</a> <a href="#formation">Расстановка команд</a>
<a href="#changes">Обновления</a>
<!-- <a href="#standings">Турнирная таблица</a> <!-- <a href="#standings">Турнирная таблица</a>
<a href="#vmix">vMix</a> <a href="#vmix">vMix</a>
<a href="#faq">FAQ</a> --> <a href="#faq">FAQ</a> -->
@@ -436,6 +598,103 @@
<a class="top-link" href="#top">↑ Наверх</a> <a class="top-link" href="#top">↑ Наверх</a>
</section> </section>
<section class="section" id="changes">
<h2>Обновления</h2>
<p class="updates-intro">
Здесь публикуются изменения в системе: новые функции, исправления ошибок
и важные улучшения для работы с матчем и vMix.
</p>
<div class="updates-timeline">
<article class="update-card">
<div class="update-header">
<div class="update-date">25.05.2026</div>
<div class="update-version">Версия 1.1</div>
</div>
<div class="update-items">
<div class="update-item">
<span class="update-badge new">Новое</span>
<div class="update-content">
<div class="update-title">Каналы в расписании тура</div>
<div class="update-text">
<p>
В расписании тура появилось отображение каналов.
Их трогать не нужно — они уже будут подтягиваться в системе.
</p>
<p>
Нужно обязательно скачать новый проект vMix и заменить все файлы (ссылка на проект есть в самом вверху).
</p>
</div>
</div>
</div>
<div class="update-item">
<span class="update-badge new">Новое</span>
<div class="update-content">
<div class="update-title">Редактирование времени матча</div>
<div class="update-text">
Теперь можно кликнуть прямо по таймеру на вкладке «Игра».
После этого откроется всплывающее окно, где можно изменить текущее время матча.
</div>
</div>
</div>
<div class="update-item">
<span class="update-badge improve">Улучшено</span>
<div class="update-content">
<div class="update-title">Синхронизация между браузерами</div>
<div class="update-text">
Время, события, счёт, очистка матча и сброс данных теперь синхронизируются
между всеми открытыми браузерами, подключёнными к одному матчу.
</div>
</div>
</div>
<div class="update-item">
<span class="update-badge fix">Исправлено</span>
<div class="update-content">
<div class="update-title">Очистка матча</div>
<div class="update-text">
Кнопка очистки теперь вызывает отдельное окно для подтверждения сброса данных матча во всех открытых браузерах.
</div>
</div>
</div>
<div class="update-item">
<span class="update-badge important">Важно</span>
<div class="update-content">
<div class="update-title">Перед туром обновить файлы</div>
<div class="update-text">
Перед работой с матчем скачайте актуальный проект vMix и свежие фотографии игроков,
чтобы в эфире отображались правильные данные.
</div>
</div>
</div>
</div>
</article>
</div>
<!-- <div class="update-template">
<strong>Шаблон для новых записей:</strong><br>
Дата → версия → список изменений с метками: Новое, Исправлено, Улучшено, Важно.
</div> -->
<a class="top-link" href="#top">↑ Наверх</a>
</section>
<!-- <section class="section" id="standings"> <!-- <section class="section" id="standings">
<h2>Турнирная таблица</h2> <h2>Турнирная таблица</h2>
<p> <p>

View File

@@ -151,7 +151,7 @@
<a href="/admin/session/{{ session[3] }}/download-vmix-page" class="vmix-btn"> <a href="/admin/session/{{ session[3] }}/download-vmix-page" class="vmix-btn">
<img src="/static/images/vmix_icon.png" class="vmix-icon" alt="vMix"> <img src="/static/images/vmix_icon.png" class="vmix-icon" alt="vMix">
<a <a
href="https://wfl.tvstart.ru/info" href="/info"
target="_blank" target="_blank"
class="icon-btn header-icon" class="icon-btn header-icon"
title="Информация" title="Информация"