From c0c4897f2ef9eb9ae444bc05407c3cdf420c3461 Mon Sep 17 00:00:00 2001 From: Karan Jayachandra Date: Sat, 15 Nov 2025 15:48:50 +0100 Subject: Trying cards instead of a table --- src/data.js | 29 ++++++++++++++++++++--------- 1 file changed, 20 insertions(+), 9 deletions(-) (limited to 'src/data.js') diff --git a/src/data.js b/src/data.js index 589b5a3..1d4576d 100644 --- a/src/data.js +++ b/src/data.js @@ -15,7 +15,7 @@ class Switch { } render() { let color = this.status ? "is-success" : "is-danger"; - let type = `class="button is-medium ${color}"`; + let type = `class="button ${color}"`; let id = this.description + "_" + this.id; return ``; } @@ -69,9 +69,15 @@ export class Team { this.playerTwo.print(); } render() { - let p1 = `${this.playerOne}`; - let p2 = `${this.playerTwo}`; - return p1 + p2; + + return `
+
+
+

${this.playerOne}

+

${this.playerTwo}

+
+
+
`; } } @@ -90,10 +96,15 @@ export class Game extends Switch { } render() { let blockedState = this.teamOne.playerOne === "RESERVED"; - let type = blockedState ? `class="is-dark"` : ``; - let court = `${ - this.id + 1 - }`; - return `${court}${this.teamOne.render()}${this.teamTwo.render()}`; + let placeHolder = `

Reserved

` + let type = blockedState ? placeHolder : this.teamOne.render() + this.teamTwo.render(); + return `
+
+

Court ${this.id + 1}

+
+
+ ${type} +
+
`; } } -- cgit v1.3.1 From 7cec8794b6616d294b6a0e8aab3b9d8b1dcdb6db Mon Sep 17 00:00:00 2001 From: Karan Jayachandra Date: Sat, 15 Nov 2025 19:12:25 +0100 Subject: Added the change to Pico CSS --- .gitignore | 3 ++ index.html | 141 +++++++++++++++++++++++++----------------------------- package-lock.json | 7 +++ package.json | 1 + public/icon.png | Bin 1453 -> 0 bytes public/icon.svg | 5 ++ src/data.js | 58 +++++++++++----------- src/main.js | 25 ++++------ src/manage.js | 50 ++++++++++++------- src/style.css | 10 ++-- src/timer.js | 9 +++- 11 files changed, 163 insertions(+), 146 deletions(-) delete mode 100644 public/icon.png create mode 100644 public/icon.svg (limited to 'src/data.js') diff --git a/.gitignore b/.gitignore index bb4dc45..79c70fd 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,6 @@ +# Mac files +.DS_Store + # Data files *.csv diff --git a/index.html b/index.html index 5c31576..0b0e641 100644 --- a/index.html +++ b/index.html @@ -6,82 +6,73 @@ Match Up! -
-