diff --git a/table.html b/table.html
index 70b7cc2..469fcb6 100644
--- a/table.html
+++ b/table.html
@@ -85,19 +85,21 @@
}
/* ==================================================================
- Pages — up to 3 pages with smooth slide transition
+ Pages — up to 4 pages with smooth slide transition
================================================================== */
.pages-track {
display: flex;
- width: 300%;
+ width: 400%;
transition: transform 0.7s cubic-bezier(0.45, 0, 0.15, 1);
}
- .pages-track.page-2 { transform: translateX(-33.333%); }
- .pages-track.page-3 { transform: translateX(-66.666%); }
+ .pages-track.page-1 { transform: translateX(0); }
+ .pages-track.page-2 { transform: translateX(-25%); }
+ .pages-track.page-3 { transform: translateX(-50%); }
+ .pages-track.page-4 { transform: translateX(-75%); }
.page {
- width: 33.333%;
+ width: 25%;
flex-shrink: 0;
}
@@ -113,7 +115,7 @@
display: grid;
grid-template-columns: 1fr 2px 1fr 2px 1fr;
align-items: center;
- height: 78px;
+ height: 72px;
transition: background 0.2s;
}
@@ -246,6 +248,9 @@
+
@@ -263,38 +268,40 @@
* If a player is not listed here, both default to "neutral".
*/
var OPINIONS = {
- // ── Page 1 ──────────────────────────────────────────────
"Морган Роджерс": { vadim: "neutral", nikita: "neutral" },
"Эллиот Андерсон": { vadim: "neutral", nikita: "neutral" },
- "Сандро Тонали": { vadim: "neutral", nikita: "neutral" },
- "Матеус Фернандес": { vadim: "neutral", nikita: "neutral" },
+ "Сандро Тонали": { vadim: "neutral", nikita: "neutral" },
+ "Матеус Фернандес": { vadim: "neutral", nikita: "neutral" },
"Энтони Гордон": { vadim: "neutral", nikita: "neutral" },
- "Гонсало Рамуш": { vadim: "neutral", nikita: "neutral" },
- "Самервилл": { vadim: "neutral", nikita: "neutral" },
+ "Гонсало Рамуш": { vadim: "neutral", nikita: "neutral" },
+ "Самервилл": { vadim: "neutral", nikita: "neutral" },
"Жереми Жаке": { vadim: "neutral", nikita: "neutral" },
"Ван Хекке": { vadim: "neutral", nikita: "neutral" },
- "Йохан Манзамби": { vadim: "neutral", nikita: "neutral" },
- "Лука Вушкович": { vadim: "neutral", nikita: "neutral" },
+ "Йохан Манзамби": { vadim: "neutral", nikita: "neutral" },
+ "Лука Вушкович": { vadim: "neutral", nikita: "neutral" },
"Марко Палестра": { vadim: "neutral", nikita: "neutral" },
"Андре Сантос": { vadim: "neutral", nikita: "neutral" },
"Марк Кукурелья": { vadim: "neutral", nikita: "neutral" },
- // ── Page 2 ──────────────────────────────────────────────
- "Натаниэль Браун": { vadim: "neutral", nikita: "neutral" },
+ "Натаниэль Браун": { vadim: "neutral", nikita: "neutral" },
"Исмаэль Сайбари": { vadim: "neutral", nikita: "neutral" },
"Ибрагим Конате": { vadim: "neutral", nikita: "neutral" },
- "Опенда": { vadim: "neutral", nikita: "neutral" },
- "Тилеманс": { vadim: "neutral", nikita: "neutral" },
+ "Опенда": { vadim: "neutral", nikita: "neutral" },
+ "Тилеманс": { vadim: "neutral", nikita: "neutral" },
"Христос Цолис": { vadim: "neutral", nikita: "neutral" },
- "Кан Ли": { vadim: "neutral", nikita: "neutral" },
+ "Кан Ли": { vadim: "neutral", nikita: "neutral" },
"Карим Адейеми": { vadim: "neutral", nikita: "neutral" },
"Гарначо": { vadim: "neutral", nikita: "neutral" },
"Александар Станкович": { vadim: "neutral", nikita: "neutral" },
"Думфрис": { vadim: "neutral", nikita: "neutral" },
- "Гримальдо": { vadim: "neutral", nikita: "neutral" },
+ "Гримальдо": { vadim: "neutral", nikita: "neutral" },
+ "Троссард": { vadim: "neutral", nikita: "neutral" },
+ "Аканжи": { vadim: "neutral", nikita: "neutral" },
+ "Альваро Мората": { vadim: "neutral", nikita: "neutral" },
+ "Нюбель": { vadim: "neutral", nikita: "neutral" },
+ "Уэлбэк": { vadim: "neutral", nikita: "neutral" },
"Бернардо Силва": { vadim: "neutral", nikita: "neutral" },
"Оскар Мингеза": { vadim: "neutral", nikita: "neutral" },
- "Аканжи": { vadim: "upvote", nikita: "neutral" },
- "Альваро Мората": { vadim: "neutral", nikita: "neutral" },
+ "Стоунз": { vadim: "neutral", nikita: "neutral" },
};
// ── Icons ────────────────────────────────────────────────
@@ -305,7 +312,7 @@
};
// ── Config ───────────────────────────────────────────────
- var ROWS_PER_PAGE = 10;
+ var ROWS_PER_PAGE = 9;
var CSV_URL = "assets/transfers-list.csv";
var players = [];
@@ -375,10 +382,11 @@
document.getElementById("rows1"),
document.getElementById("rows2"),
document.getElementById("rows3"),
+ document.getElementById("rows4"),
];
var count = 0;
- for (var p = 0; p < 3; p++) {
+ for (var p = 0; p < 4; p++) {
var slice = players.slice(p * ROWS_PER_PAGE, (p + 1) * ROWS_PER_PAGE);
if (slice.length > 0) {
pages[p].innerHTML = slice.map(buildRow).join("");
@@ -400,8 +408,8 @@
if (n < 1 || n > totalPages) return;
currentPage = n;
var track = document.getElementById("pagesTrack");
- track.classList.toggle("page-2", currentPage === 2);
- track.classList.toggle("page-3", currentPage === 3);
+ track.classList.remove("page-1", "page-2", "page-3", "page-4");
+ track.classList.add("page-" + currentPage);
updateCounter();
}
diff --git a/top10.html b/top10.html
index 6b69b64..6b7d863 100644
--- a/top10.html
+++ b/top10.html
@@ -47,12 +47,12 @@
}
.table-title {
- font-size: 48px;
+ font-size: 40px;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
text-align: center;
- margin-bottom: 28px;
+ margin-bottom: 20px;
letter-spacing: 3px;
}
@@ -81,7 +81,7 @@
display: grid;
grid-template-columns: 80px auto 80px 160px 160px 160px;
align-items: center;
- height: 72px;
+ height: 50px;
transition: background 0.2s;
}
@@ -90,14 +90,14 @@
}
.col-rank {
- font-size: 32px;
+ font-size: 26px;
font-weight: 700;
color: var(--neutral);
text-align: center;
}
.col-team {
- font-size: 32px;
+ font-size: 26px;
font-weight: 500;
color: var(--white);
padding-left: 24px;
@@ -107,7 +107,7 @@
}
.col-val {
- font-size: 28px;
+ font-size: 24px;
font-weight: 500;
color: var(--white);
text-align: right;
@@ -116,7 +116,7 @@
}
.col-diff {
- font-size: 28px;
+ font-size: 24px;
font-weight: 700;
text-align: right;
padding-right: 24px;
@@ -131,7 +131,7 @@
-
Топ-10 команд по доходам
+
Топ-15 команд по доходам