From 29508ae9f84e17ccbd9b173f444cc341edc5e533 Mon Sep 17 00:00:00 2001 From: RochesterX Date: Sat, 29 Nov 2025 19:02:01 -0500 Subject: [PATCH] Styleeees --- public/assets/css/style.css | 129 +++++++++++++++++++++++++++++++++--- public/info.html | 5 +- public/player.html | 101 ++++++++++++++-------------- public/player.js | 4 +- public/search.html | 14 ++-- public/search.js | 33 ++++----- server.js | 2 +- 7 files changed, 204 insertions(+), 84 deletions(-) diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 7cff4f2..7d1267d 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -152,16 +152,125 @@ body { white-space: nowrap; } -.box table thead td { - font-weight: bold; -} - .box table td:nth-child(2), .box table th:nth-child(2) { width: 58px; white-space: nowrap; } +.box table thead td { + font-weight: bold; +} + +#table tbody, +#stats tbody, +.box tbody { + scrollbar-gutter: stable overlay; +} + +#table thead td { + font-weight: bold; + white-space: nowrap; +} + +#table tbody { + display: block; + overflow-y: auto; + overflow-x: hidden; + max-height: 500px; +} + +#table thead, +#table tbody tr { + display: table; + width: 100%; + table-layout: fixed; +} + +#table td:first-child, +#table th:first-child { + width: 58px; + white-space: nowrap; +} + +#table thead td { + font-weight: bold; +} + +#table td:nth-child(5), +#table th:nth-child(5) { + width: 30px; + white-space: nowrap; +} + +#table { + width: 800px; +} + +#stats thead td { + font-weight: bold; + writing-mode: vertical-lr; + transform: rotate(180deg); + text-orientation: mixed; + white-space: nowrap; +} + +#stats tbody { + display: block; + overflow-y: auto; + overflow-x: hidden; + max-height: 500px; +} + +#stats thead, +#stats tbody tr { + display: table; + width: 100%; + table-layout: fixed; +} + +#stats td:first-child, +#stats th:first-child { + width: 30px; + white-space: nowrap; +} + +#stats thead td { + font-weight: bold; +} + +#stats td:nth-child(2), +#stats th:nth-child(2) { + width: 45px; + white-space: nowrap; +} + +#stats td:nth-child(3), +#stats th:nth-child(3) { + width: 20px; + white-space: nowrap; +} + +#stats { + width: 800px; +} + +.player-box { + border: 2px solid #AAAAAA; + background-color: white; + border-radius: 16px; + margin: 4px; + min-height: auto; + box-shadow: 5px 5px 5px #00000055; + display: block; + flex-direction: column; + justify-content: flex-start; + text-justify: center; + text-align: left; + gap: 5px; + overflow: hidden; +} + .grid-container { display: grid; grid-template-columns: 1fr 1fr; @@ -197,7 +306,7 @@ body { } hr { - min-width: 125%; + min-width: 110%; margin: auto 0; } @@ -261,8 +370,6 @@ a { max-height: 20px; border-radius: 5px; color: var(--royal-blue); - padding-left: 5px; - padding-right: 5px; text-align: center; align-items: center; justify-content: center; @@ -473,9 +580,9 @@ p { .mark { width: 32px; height: 24px; - border: 2px solid #606060; + border: 2px solid #FFFFFF; border-radius: 4px; - color: #888888; + color: #CCCCCC; font: 16px tahoma, sans-serif; font-weight: bold; text-align: center; @@ -490,8 +597,8 @@ p { } .checkbox input:checked + .mark { - border: 2px solid #FFFFFF; - color: #CCCCCC; + border: 2px solid #606060; + color: #888888; } .days { diff --git a/public/info.html b/public/info.html index 301958b..e0ad05e 100644 --- a/public/info.html +++ b/public/info.html @@ -6,8 +6,9 @@
-

Personal Information

+

Personal Information

+

Username:

[username]

@@ -25,6 +26,7 @@
+ Return Home
@@ -34,7 +36,6 @@

Information updated successfully

- Return Home
diff --git a/public/player.html b/public/player.html index 6af70f6..6e65f7d 100644 --- a/public/player.html +++ b/public/player.html @@ -7,62 +7,67 @@
-

[Player Name]

+
+

[Player Name]

+
-
-
-

Position:

-

-
-
-

Team:

-

-
-
-

Height:

-

-
-
-

Weight:

-

-
-
-
-
-
-

PayDirt Score:

- A player's PayDirt score is calculated by weighting their offense score by their annual salary. It is used to evaluate the worth of their contract. +
+
+

Position:

+

-

-
-
-
-

Offense Score:

- A player's offense score is calculated by combining several of their offense stats into a weighted score. It is indicative of their overall performance. +
+

Team:

+

+
+
+

Height:

+

+
+
+

Weight:

+

-

-
- - - -
+
+
+
+

PayDirt Score:

+ A player's PayDirt score is calculated by weighting their offense score by their annual salary. It is used to evaluate the worth of their contract. +
+

+
+
+
+

Offense Score:

+ A player's offense score is calculated by combining several of their offense stats into a weighted score. It is indicative of their overall performance. +
+

+
+
+ + + +
- + - Back + Back + + + + + +
+ - - - - - - - - -
- +
diff --git a/public/player.js b/public/player.js index 31b409b..d7c7562 100644 --- a/public/player.js +++ b/public/player.js @@ -38,8 +38,8 @@ watchButton.onclick = async e => { showStatsButton.onclick = async e => { e.preventDefault(); - statsTable.style.display = statsTable.style.display == "" ? "none" : ""; - showStatsButton.innerHTML = statsTable.style.display == "" ? "Hide Full Stats" : "Show Full Stats"; + statsTable.closest("div").style.display = statsTable.closest("div").style.display == "" ? "none" : ""; + showStatsButton.innerHTML = statsTable.closest("div").style.display == "" ? "Hide Full Stats" : "Show Full Stats"; } async function updateIsWatched() { diff --git a/public/search.html b/public/search.html index 4c9af8c..140addb 100644 --- a/public/search.html +++ b/public/search.html @@ -7,8 +7,9 @@
-

Search Players

+

Search Players

+