Addressed #685 "Feature request: Automate updating the people section on dev page"
By using the officer-parser.mjs script in scripts, it fetches the officer's data from this spreadsheet and populate it in the dev team's page under dev.js automatically. OfficerCard.js was edited to update the input fields compared to the old data/dev.js
Changed image size from 300x300 to 220x220 due to new photo requirements and centralize photo vertically and horizontally as shown below
Changes
components/OfficerCard.js
Updated fields based on offput.json output generated from 'scripts/officer-parser.mjs'
styles/components/OfficerCard.module.scss
Changed CSS styles in .officer-image-container from max-width : 300px to 220px
Added justify-content: center to centralize the image
pages/dev.js
Updated Dev Team Director details
Added devTeamOfficers variable which filters out based on officers who are in the Dev Team
Overview
Addressed #685 "Feature request: Automate updating the people section on dev page"
By using the
officer-parser.mjsscript inscripts, it fetches the officer's data from this spreadsheet and populate it in the dev team's page underdev.jsautomatically.OfficerCard.jswas edited to update the input fields compared to the olddata/dev.jsChanged image size from 300x300 to 220x220 due to new photo requirements and centralize photo vertically and horizontally as shown below
Changes
components/OfficerCard.jsstyles/components/OfficerCard.module.scsspages/dev.js