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 команд по доходам
Команда
diff --git a/top15.html b/top15.html new file mode 100644 index 0000000..dd22923 --- /dev/null +++ b/top15.html @@ -0,0 +1,228 @@ + + + + + + Top 15 — Gossips + + + + +
+
+
Топ-15 слухов
+
+
+
Игрок
+
Команда
+
Вероятность
+
+
+
+
+ + + + \ No newline at end of file diff --git a/top20.html b/top20.html index 0fb43bd..f769931 100644 --- a/top20.html +++ b/top20.html @@ -47,12 +47,12 @@ } .table-title { - font-size: 40px; + font-size: 32px; font-weight: 700; text-transform: uppercase; color: var(--white); text-align: center; - margin-bottom: 20px; + margin-bottom: 14px; letter-spacing: 3px; } @@ -81,7 +81,7 @@ display: grid; grid-template-columns: 70px auto 80px 150px 150px 150px; align-items: center; - height: 40px; + height: 32px; transition: background 0.2s; } @@ -90,14 +90,14 @@ } .col-rank { - font-size: 24px; + font-size: 20px; font-weight: 700; color: var(--neutral); text-align: center; } .col-team { - font-size: 26px; + font-size: 22px; font-weight: 500; color: var(--white); padding-left: 24px; @@ -107,7 +107,7 @@ } .col-val { - font-size: 24px; + font-size: 20px; font-weight: 500; color: var(--white); text-align: right; @@ -116,7 +116,7 @@ } .col-diff { - font-size: 24px; + font-size: 20px; font-weight: 700; text-align: right; padding-right: 24px; @@ -131,7 +131,7 @@
-
Топ-20 команд по затратам
+
Топ-25 команд по затратам
Команда