обновил инфо для Кубка России
This commit is contained in:
@@ -225,6 +225,163 @@
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
|
||||
.download-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 18px;
|
||||
margin: 18px 0 22px;
|
||||
}
|
||||
|
||||
.download-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 18px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(0, 255, 136, 0.14), transparent 14rem),
|
||||
linear-gradient(145deg, rgba(0, 255, 136, 0.085), rgba(0, 0, 0, 0.48));
|
||||
box-shadow: 0 0 24px rgba(0, 255, 136, 0.12);
|
||||
}
|
||||
|
||||
.download-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0 auto 0 0;
|
||||
width: 3px;
|
||||
background: var(--green);
|
||||
box-shadow: 0 0 16px var(--green);
|
||||
}
|
||||
|
||||
.download-card.cup {
|
||||
border-color: rgba(255, 209, 102, 0.48);
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(255, 209, 102, 0.14), transparent 14rem),
|
||||
linear-gradient(145deg, rgba(255, 209, 102, 0.08), rgba(0, 0, 0, 0.48));
|
||||
}
|
||||
|
||||
.download-card.cup::before {
|
||||
background: var(--yellow);
|
||||
box-shadow: 0 0 16px var(--yellow);
|
||||
}
|
||||
|
||||
.download-card-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.download-card-title {
|
||||
margin: 0;
|
||||
color: var(--green);
|
||||
font-size: 18px;
|
||||
line-height: 1.25;
|
||||
text-shadow: 0 0 10px rgba(0, 255, 136, 0.32);
|
||||
}
|
||||
|
||||
.download-card.cup .download-card-title {
|
||||
color: var(--yellow);
|
||||
text-shadow: 0 0 10px rgba(255, 209, 102, 0.28);
|
||||
}
|
||||
|
||||
.download-badge {
|
||||
flex: 0 0 auto;
|
||||
padding: 5px 9px;
|
||||
color: var(--green-soft);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
border: 1px solid currentColor;
|
||||
border-radius: 999px;
|
||||
background: rgba(0, 255, 136, 0.07);
|
||||
}
|
||||
|
||||
.download-card.cup .download-badge {
|
||||
color: var(--yellow);
|
||||
background: rgba(255, 209, 102, 0.07);
|
||||
}
|
||||
|
||||
.download-card-text {
|
||||
margin: 0 0 14px;
|
||||
color: var(--text-soft);
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.download-links {
|
||||
display: grid;
|
||||
gap: 9px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.download-links a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
padding: 11px 13px;
|
||||
color: var(--green);
|
||||
text-decoration: none;
|
||||
border: 1px solid var(--border-soft);
|
||||
border-radius: var(--radius-sm);
|
||||
background: rgba(0, 255, 136, 0.045);
|
||||
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.download-card.cup .download-links a {
|
||||
color: var(--yellow);
|
||||
border-color: rgba(255, 209, 102, 0.25);
|
||||
background: rgba(255, 209, 102, 0.045);
|
||||
}
|
||||
|
||||
.download-links a::after {
|
||||
content: "↗";
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.download-links a:hover,
|
||||
.download-links a:focus-visible {
|
||||
border-color: var(--border);
|
||||
background: rgba(0, 255, 136, 0.12);
|
||||
box-shadow: var(--shadow);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.download-card.cup .download-links a:hover,
|
||||
.download-card.cup .download-links a:focus-visible {
|
||||
border-color: rgba(255, 209, 102, 0.58);
|
||||
background: rgba(255, 209, 102, 0.11);
|
||||
box-shadow: 0 0 20px rgba(255, 209, 102, 0.14);
|
||||
}
|
||||
|
||||
.path-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin: 12px 0 18px;
|
||||
}
|
||||
|
||||
.path-card {
|
||||
padding: 14px;
|
||||
border: 1px solid var(--border-soft);
|
||||
border-radius: var(--radius-sm);
|
||||
background: rgba(0, 255, 136, 0.035);
|
||||
}
|
||||
|
||||
.path-title {
|
||||
margin-bottom: 8px;
|
||||
color: var(--green-soft);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.link-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
@@ -679,6 +836,11 @@
|
||||
width: 100%;
|
||||
padding: 24px 18px 60px;
|
||||
}
|
||||
|
||||
.download-grid,
|
||||
.path-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@@ -764,27 +926,81 @@
|
||||
|
||||
<section class="section" id="intro">
|
||||
<h2>Введение</h2>
|
||||
<p>Ссылки на скачивание необходимых файлов:</p>
|
||||
<p>
|
||||
В самом верху лучше разделить файлы по турнирам. Так оператор сразу выбирает нужный пакет
|
||||
и не путает проект vMix, фотографии и шторку для разных соревнований.
|
||||
</p>
|
||||
|
||||
<ul class="link-list">
|
||||
<div class="download-grid">
|
||||
<div class="download-card">
|
||||
<div class="download-card-header">
|
||||
<h3 class="download-card-title">Женская Суперлига 2026</h3>
|
||||
<span class="download-badge">основной пакет</span>
|
||||
</div>
|
||||
|
||||
<p class="download-card-text">
|
||||
Использовать для матчей чемпионата ЖФЛ.
|
||||
</p>
|
||||
|
||||
<ul class="download-links">
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/OzrArKD7H" target="_blank">Проект vMix</a></li>
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/2SbJfVTIV" target="_blank">Фотографии игроков</a></li>
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/4wqeGhkIR" target="_blank">Шторка</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Проект должен лежать по следующему пути:</p>
|
||||
<div class="download-card cup">
|
||||
<div class="download-card-header">
|
||||
<h3 class="download-card-title">Кубок России 2026</h3>
|
||||
<span class="download-badge">отдельный пакет</span>
|
||||
</div>
|
||||
|
||||
<p class="download-card-text">
|
||||
Использовать для матчей Кубка России. Ссылки ниже замени на актуальные ссылки из облака.
|
||||
</p>
|
||||
|
||||
<ul class="download-links">
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/bn9ZFETIf" target="_blank">Проект vMix — Кубок России</a></li>
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/2SbJfVTIV" target="_blank">Фотографии игроков — Кубок России</a></li>
|
||||
<li><a href="https://piglet.tvstart.ru/sharing/WAx1pAHkd" target="_blank">Шторка — Кубок России</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Проекты должны лежать по следующим путям:</p>
|
||||
|
||||
<div class="path-grid">
|
||||
<div class="path-card">
|
||||
<div class="path-title">Женская Суперлига</div>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Женская Суперлига 2026</div>
|
||||
</div>
|
||||
|
||||
<div class="path-card">
|
||||
<div class="path-title">Кубок России</div>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Кубок России 2026</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="/static/docs/path vmix.png" alt="Скриншот пути к проекту">
|
||||
<p>Нужно установить шрифты в папке:</p>
|
||||
|
||||
<p>Нужно установить шрифты из папки проекта:</p>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Женская Суперлига 2026\Fonts</div>
|
||||
<p>Фотографии игроков нужно распаковать в папку:</p>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Кубок России 2026\Fonts</div>
|
||||
|
||||
<p>Фотографии игроков нужно распаковать в папку Photo внутри нужного турнира:</p>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Женская Суперлига 2026\Photo</div>
|
||||
<div class="code">D:\Графика\ФУТБОЛ\Кубок России 2026\Photo</div>
|
||||
|
||||
<img src="/static/docs/path photo.png" alt="Скриншот пути к фотографиям">
|
||||
|
||||
<div class="note">
|
||||
<div class="note-title">ВАЖНО</div>
|
||||
<p>Обновлять проект vMix и фотографии игроков нужно перед каждым туром, чтобы в трансляции были актуальные данные. Ссылки ведут на облако, откуда можно скачать свежие версии файлов.</p>
|
||||
<p>
|
||||
Перед каждым туром скачивайте актуальные файлы именно для того турнира, который идёт в эфир:
|
||||
ЖФЛ и Кубок России лучше хранить отдельными папками, чтобы случайно не открыть старый или чужой проект.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<a class="top-link" href="#top">↑ Наверх</a>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user