diff --git a/2023/index.html b/2023/index.html index 1dcad3c..0a26059 100644 --- a/2023/index.html +++ b/2023/index.html @@ -1,295 +1,250 @@ - - - - - - - - - Hoeveel vrouwen spelen er komende editie op Jera on Air - - - - - - - - - - - - - - - - - - - - - -

- Hoeveel vrouwen spelen er komende editie op + } + + + + +

+ Hoeveel vrouwen spelen er komende editie op + Jera on Air +

+
+

+ Er spelen + 12 vrouwen op Jera on Air -

-
-

- Er spelen - 12 vrouwen op - Jera on Air - in 2023. -

-

- En 0 gender - non-conforming artiesten. -

-

- En 389 mannen. -

+ in 2023. + +

+ En 0 gender + non-conforming artiesten. +

+

+ En 389 mannen. +

+
+ Line up. + + + + + + \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..0c0e3f7 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +### Running this project locally + +1. Clone the repository +2. Run the project using `php -S localhost:3000` +3. Open the browser and go to `http://localhost:3000/` diff --git a/index.html b/index.html index e53bd73..96dfb8a 100644 --- a/index.html +++ b/index.html @@ -149,6 +149,17 @@ color: var(--supportcolor); } + .u-monospace { + display: inline-flex; + justify-content: center; + } + + .u-monospace span { + display: inline-block; + width: 1ch; + text-align: center; + } + .u-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); @@ -191,17 +202,26 @@

Er spelen - 00 vrouwen + + 0 + 0 + vrouwen op Jera on Air in 2024.

- En 0 non-binaire artiesten. + En + 0 + non-binaire artiesten.

- En 000 mannen. + En + 0 + 0 + 0 + mannen.

Line up. @@ -212,7 +232,19 @@

| Laatst - geupdatet: 00-00-0000 + geupdatet: + 0 + 0 + - + 0 + 0 + - + 0 + 0 + 0 + 0 + + | Contact @@ -234,22 +266,24 @@

LAST_UPDATED: "Last updated", }; - const getTotals = async () => { + const getValues = async () => { const sheetUrl = `https://sheets.googleapis.com/v4/spreadsheets/${SPREADSHEET_ID}/values/${TAB_NAME}?alt=json&key=${API_KEY}`; const sheetData = await fetch(sheetUrl).then((result) => result.json()); return sheetData?.values; }; - const setTotals = async () => { - const totals = await getTotals(); + const setValues = async () => { + const values = await getValues(); Object.keys(FIELDS).forEach((key) => { - const value = totals.find(total => total.includes(FIELDS[key]))[1]; - document.getElementById(key).innerHTML = value; + const value = values.find(total => total.includes(FIELDS[key]))[1]; + const stringValue = value.toString(); + const htmlValue = stringValue.split("").map((char) => `${char}`).join(""); + document.getElementById(key).innerHTML = htmlValue; }); }; - setTotals(); + setValues(); \ No newline at end of file