diff --git a/src/assets/data/currentBoard.json b/src/assets/data/currentBoard.json index fb839c81..297db1c8 100644 --- a/src/assets/data/currentBoard.json +++ b/src/assets/data/currentBoard.json @@ -8,7 +8,7 @@ { "name": "Janie Seong", "position": "Co-President", - "photo": "Janie_Seong.jpeg" + "photo": "Janie_Seong.jpg" }, { "name": "Jamie Kuang", @@ -34,7 +34,7 @@ { "name": "Emma Choi", "position": "Marketing Coordinator", - "photo": "Emma_Choi.jpeg", + "photo": "Emma_Choi.jpg", "links": [ { "type": "instagram", @@ -60,7 +60,7 @@ { "name": "John Daniel Norombaba", "position": "Industry Outreach Coordinator", - "photo": "John_Daniel.jpeg", + "photo": "John_Daniel.jpg", "links": [ { "type": "instagram", @@ -142,12 +142,12 @@ { "name": "Winston Lee", "position": "Project Teams Coordinator", - "photo": "Winston_Lee.jpeg" + "photo": "Winston_Lee.jpg" }, { "name": "Megan Rhee", "position": "Project Teams Coordinator", - "photo": "Megan_Rhee.png", + "photo": "Megan_Rhee.jpg", "links": [ { "type": "instagram", @@ -164,7 +164,7 @@ { "name": "Daniela Herrera", "position": "Creative Director", - "photo": "Daniela_Herrera.jpeg", + "photo": "Daniela_Herrera.jpg", "links": [ { "type": "linkedin", @@ -234,7 +234,7 @@ { "name": "Kevin Wu", "position": "Webmaster", - "photo": "Kevin_Wu.png", + "photo": "Kevin_Wu.jpg", "links": [ { "type": "linkedin", diff --git a/src/assets/images/README.md b/src/assets/images/README.md new file mode 100644 index 00000000..2989fd06 --- /dev/null +++ b/src/assets/images/README.md @@ -0,0 +1,38 @@ +# Optimizing Images with Squoosh + +Squoosh is a fantastic [open-source](https://github.com/GoogleChromeLabs/squoosh) image compression tool by Google usable both as a [web app ](https://squoosh.app/) and as a [CLI tool](https://www.npmjs.com/package/@squoosh/cli). Although the CLI is no longer maintained, it still is useful for bulk compressing images (such as every year's new board members). + +## Using the Squoosh CLI + +> [!IMPORTANT] +> The Squoosh CLI does not support Node versions 18 and above. **Node 16 is recommended (`nvm use 16`).** + +For our directory structure (as of Aug. 2024): + +``` +DUCI-website + └─ src + └─ assets + └─ images + ├─ board + │ ├─ current + │ └─ alumni + └─ merch + ├─ ... +``` + +If you wanted to optimize all images within `current/`, you'd run (at the root): + +``` +npx @squoosh/cli --mozjpeg '{quality:75}' \ +-d src/assets/images/output \ +src/assets/images/board/alumni +``` + +Breaking it down: + +1. `npx @squoosh/cli` — calls the Squoosh CLI +2. `--mozjpeg` — a flag converting images to `mozjpeg` +3. `'{quality:75}'` — options +4. `-d src/assets/images/output` — creates a directory with the outputted images at the specified location +5. `src/assets/images/board/alumni` — what file(s) to compress diff --git a/src/assets/images/board/current/Aven_Chew.jpg b/src/assets/images/board/current/Aven_Chew.jpg index 63bd821d..4b2b0908 100644 Binary files a/src/assets/images/board/current/Aven_Chew.jpg and b/src/assets/images/board/current/Aven_Chew.jpg differ diff --git a/src/assets/images/board/current/Brandon_Kahn.jpg b/src/assets/images/board/current/Brandon_Kahn.jpg index e98682f1..915f6531 100644 Binary files a/src/assets/images/board/current/Brandon_Kahn.jpg and b/src/assets/images/board/current/Brandon_Kahn.jpg differ diff --git a/src/assets/images/board/current/Caroline_David.jpg b/src/assets/images/board/current/Caroline_David.jpg index 57e2511f..d5e30f82 100644 Binary files a/src/assets/images/board/current/Caroline_David.jpg and b/src/assets/images/board/current/Caroline_David.jpg differ diff --git a/src/assets/images/board/current/Christina_Tran.jpg b/src/assets/images/board/current/Christina_Tran.jpg index 105167a1..0c0dd67f 100644 Binary files a/src/assets/images/board/current/Christina_Tran.jpg and b/src/assets/images/board/current/Christina_Tran.jpg differ diff --git a/src/assets/images/board/current/Daniela_Herrera.jpeg b/src/assets/images/board/current/Daniela_Herrera.jpeg deleted file mode 100644 index 5e314e76..00000000 Binary files a/src/assets/images/board/current/Daniela_Herrera.jpeg and /dev/null differ diff --git a/src/assets/images/board/current/Daniela_Herrera.jpg b/src/assets/images/board/current/Daniela_Herrera.jpg new file mode 100644 index 00000000..2ed176f1 Binary files /dev/null and b/src/assets/images/board/current/Daniela_Herrera.jpg differ diff --git a/src/assets/images/board/current/Elisa_Fuji.jpg b/src/assets/images/board/current/Elisa_Fuji.jpg index f5acf5e6..2635c8e9 100644 Binary files a/src/assets/images/board/current/Elisa_Fuji.jpg and b/src/assets/images/board/current/Elisa_Fuji.jpg differ diff --git a/src/assets/images/board/current/Elise_Alinsug.jpg b/src/assets/images/board/current/Elise_Alinsug.jpg index ff9978ad..530e4f4d 100644 Binary files a/src/assets/images/board/current/Elise_Alinsug.jpg and b/src/assets/images/board/current/Elise_Alinsug.jpg differ diff --git a/src/assets/images/board/current/Emma_Choi.jpeg b/src/assets/images/board/current/Emma_Choi.jpeg deleted file mode 100644 index a2edc4ca..00000000 Binary files a/src/assets/images/board/current/Emma_Choi.jpeg and /dev/null differ diff --git a/src/assets/images/board/current/Emma_Choi.jpg b/src/assets/images/board/current/Emma_Choi.jpg new file mode 100644 index 00000000..44e98efc Binary files /dev/null and b/src/assets/images/board/current/Emma_Choi.jpg differ diff --git a/src/assets/images/board/current/Grace_Jong.jpg b/src/assets/images/board/current/Grace_Jong.jpg index 0183aac7..14c22582 100644 Binary files a/src/assets/images/board/current/Grace_Jong.jpg and b/src/assets/images/board/current/Grace_Jong.jpg differ diff --git a/src/assets/images/board/current/Jamie_Kuang.jpg b/src/assets/images/board/current/Jamie_Kuang.jpg index abb35ec8..d6313af7 100644 Binary files a/src/assets/images/board/current/Jamie_Kuang.jpg and b/src/assets/images/board/current/Jamie_Kuang.jpg differ diff --git a/src/assets/images/board/current/Janie_Seong.jpeg b/src/assets/images/board/current/Janie_Seong.jpeg deleted file mode 100644 index ee1b7c08..00000000 Binary files a/src/assets/images/board/current/Janie_Seong.jpeg and /dev/null differ diff --git a/src/assets/images/board/current/Janie_Seong.jpg b/src/assets/images/board/current/Janie_Seong.jpg new file mode 100644 index 00000000..236c7dbb Binary files /dev/null and b/src/assets/images/board/current/Janie_Seong.jpg differ diff --git a/src/assets/images/board/current/Jasmine_Wu.jpg b/src/assets/images/board/current/Jasmine_Wu.jpg index c1ba275d..242ade23 100644 Binary files a/src/assets/images/board/current/Jasmine_Wu.jpg and b/src/assets/images/board/current/Jasmine_Wu.jpg differ diff --git a/src/assets/images/board/current/Jessica_Jahja.jpg b/src/assets/images/board/current/Jessica_Jahja.jpg index 073dd998..c93581b9 100644 Binary files a/src/assets/images/board/current/Jessica_Jahja.jpg and b/src/assets/images/board/current/Jessica_Jahja.jpg differ diff --git a/src/assets/images/board/current/John_Daniel.jpeg b/src/assets/images/board/current/John_Daniel.jpeg deleted file mode 100644 index 604cc96e..00000000 Binary files a/src/assets/images/board/current/John_Daniel.jpeg and /dev/null differ diff --git a/src/assets/images/board/current/John_Daniel.jpg b/src/assets/images/board/current/John_Daniel.jpg new file mode 100644 index 00000000..43acb199 Binary files /dev/null and b/src/assets/images/board/current/John_Daniel.jpg differ diff --git a/src/assets/images/board/current/Kaitlyn_Tran.jpg b/src/assets/images/board/current/Kaitlyn_Tran.jpg index 72de7138..3f0e418b 100644 Binary files a/src/assets/images/board/current/Kaitlyn_Tran.jpg and b/src/assets/images/board/current/Kaitlyn_Tran.jpg differ diff --git a/src/assets/images/board/current/Kevin_Wu.jpg b/src/assets/images/board/current/Kevin_Wu.jpg new file mode 100644 index 00000000..0434f914 Binary files /dev/null and b/src/assets/images/board/current/Kevin_Wu.jpg differ diff --git a/src/assets/images/board/current/Kevin_Wu.png b/src/assets/images/board/current/Kevin_Wu.png deleted file mode 100644 index f4469e97..00000000 Binary files a/src/assets/images/board/current/Kevin_Wu.png and /dev/null differ diff --git a/src/assets/images/board/current/Krey_Daniel.jpg b/src/assets/images/board/current/Krey_Daniel.jpg index bece2521..90b00b91 100644 Binary files a/src/assets/images/board/current/Krey_Daniel.jpg and b/src/assets/images/board/current/Krey_Daniel.jpg differ diff --git a/src/assets/images/board/current/Malina_Miura.jpg b/src/assets/images/board/current/Malina_Miura.jpg index 1ce336c1..21582fca 100644 Binary files a/src/assets/images/board/current/Malina_Miura.jpg and b/src/assets/images/board/current/Malina_Miura.jpg differ diff --git a/src/assets/images/board/current/Megan_Rhee.jpg b/src/assets/images/board/current/Megan_Rhee.jpg new file mode 100644 index 00000000..475bfd94 Binary files /dev/null and b/src/assets/images/board/current/Megan_Rhee.jpg differ diff --git a/src/assets/images/board/current/Megan_Rhee.png b/src/assets/images/board/current/Megan_Rhee.png deleted file mode 100644 index 3da78ad6..00000000 Binary files a/src/assets/images/board/current/Megan_Rhee.png and /dev/null differ diff --git a/src/assets/images/board/current/Thanusree_Ammisetti.jpg b/src/assets/images/board/current/Thanusree_Ammisetti.jpg index 07429b0a..02dfa365 100644 Binary files a/src/assets/images/board/current/Thanusree_Ammisetti.jpg and b/src/assets/images/board/current/Thanusree_Ammisetti.jpg differ diff --git a/src/assets/images/board/current/Vimala_Machiraju.JPG b/src/assets/images/board/current/Vimala_Machiraju.JPG index 686144d9..640dce02 100644 Binary files a/src/assets/images/board/current/Vimala_Machiraju.JPG and b/src/assets/images/board/current/Vimala_Machiraju.JPG differ diff --git a/src/assets/images/board/current/Winston_Lee.jpeg b/src/assets/images/board/current/Winston_Lee.jpeg deleted file mode 100644 index e7daa753..00000000 Binary files a/src/assets/images/board/current/Winston_Lee.jpeg and /dev/null differ diff --git a/src/assets/images/board/current/Winston_Lee.jpg b/src/assets/images/board/current/Winston_Lee.jpg new file mode 100644 index 00000000..a6ba4088 Binary files /dev/null and b/src/assets/images/board/current/Winston_Lee.jpg differ