Skip to content

Commit

Permalink
Merge pull request #134 from ASSETS-Conference/dev
Browse files Browse the repository at this point in the history 
Alt-text updates + committee updates
  • Loading branch information
@surajgoraya
surajgoraya authored May 15, 2024
2 parents 7c22639 + b4b1d49 commit d6a1b1b
Show file tree
Hide file tree
Showing 2 changed files with 79 additions and 12 deletions.
40 changes: 28 additions & 12 deletions src/app/lib/components/Persona.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,38 +2,54 @@ import Image from "./primitives/Image";
import { FaArrowUpRightFromSquare } from "react-icons/fa6";
import Link from "./primitives/Link";

/**
*
* @param {Object} props
* @param {String} props.name Name of the person
* @param {String} props.role What role does the person serve on the organizing committee
* @param {URL} props.picture Partial URL of the image, a head shot of the person.
* @param {String} props.affiliation What institution is the person affiliated with?
* @param {String} props.location The country in-which the persons affiliation is
* @param {String} props.email The organizing (@acm.org) email address.
* @param {String?} props.alt Alt-text for the image provided. If left undefined, the component will default to: `Headshot image of ${Name}`
* @returns {import("react").ReactNode} An Persona element
*/
export default function Persona({
name,
role,
picture,
affiliation,
location,
email,
alt,
}) {
return (
<div
id="persona"
className="bg-theme-dark text-theme-off-white w-64 flex flex-col"
>
<div className={`min-w-fill ${!picture ? 'h-0' : ""}`}>
{picture ?
<Image
src={`${picture}`}
alt={`Headshot image of ${name.split(" ")[0]}`}
className="min-w-full min-h-64 h-64 max-h-64 object-cover object-top"
width={200}
height={200}
/> : null}
<div className={`min-w-fill ${!picture ? "h-0" : ""}`}>
{picture ? (
<Image
src={`${picture}`}
alt={alt ? alt : `Headshot image of ${name.split(" ")[0]}`}
className="min-w-full min-h-64 h-64 max-h-64 object-cover object-top"
width={200}
height={200}
/>
) : null}
</div>
<div className={`p-4 flex flex-col ${picture ? 'mt-auto mb-auto' : ''}`}>
<div className={`p-4 flex flex-col ${picture ? "mt-auto mb-auto" : ""}`}>
{/* <p className="font-light text-xs">{role}</p> */}
<p className="font-bold text-2xl mb-1">{name}</p>
<p className="text-xs mb-1 italic inline-block">{`${affiliation},`}</p>
<p className="text-xs italic inline-block">{`${location}`}</p>

<div className="mt-8 flex gap-2 text-sm items-center flex-grow justify-self-end">
<FaArrowUpRightFromSquare aria-hidden={true}/>
<Link href={`mailto:${email}`} className={"text-theme-off-white"}>{email}</Link>
<FaArrowUpRightFromSquare aria-hidden={true} />
<Link href={`mailto:${email}`} className={"text-theme-off-white"}>
{email}
</Link>
</div>
</div>
</div>
Expand Down
51 changes: 51 additions & 0 deletions src/app/lib/config/committees.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Guelph",
location: "CANADA",
email: "[email protected]",
alt: "A portrait of David Flatla, a smiling white male with brown hair and short brown beard, wearing a blue and grey sweater.",
},
{
name: "Faustina Hwang",
Expand All @@ -17,6 +18,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Reading",
location: "UNITED KINGDOM",
email: "[email protected]",
alt: "Black and white headshot of Faustina Hwang, a Taiwanese woman smiling, wearing glasses and a button-up shirt.",
},
],
},
Expand All @@ -30,6 +32,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Lisbon",
location: "PORTUGAL",
email: "[email protected]",
alt: "Headshot of Tiago Guerreiro, a browned-hair man wearing glasses and a blue and white horizontal stripes polo shirt.",
},
{
name: "Robin Brewer",
Expand All @@ -38,6 +41,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Michigan",
location: "UNITED STATES",
email: "[email protected]",
alt: "Robin Brewer, a black woman smiling with shoulder length curly hair wearing a black lace floral shirt and a patterned orange scarf.",
},
],
},
Expand All @@ -51,6 +55,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Google",
location: "UNITED STATES",
email: "[email protected]",
alt: "Portrait of Cynthia Bennett, a white woman with long, wavy brown hair. She is wearing a teal-colored shirt and has a cheerful expression.",
},
],
},
Expand All @@ -64,6 +69,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Rochester Institute of Technology",
location: "UNITED STATES",
email: "[email protected]",
alt: "A portrait of Garreth Tigwell, a white male with dark brown hair, smiling and wearing a dark blue shirt, while in front of a dark background.",
},
{
name: "Anne Ross",
Expand All @@ -73,6 +79,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Bucknell University",
location: "UNITED STATES",
email: "[email protected]",
alt: "Headshot of Annie smiling at the camera. She is a white woman in her 30's with curly blonde hair pulled into a bun.",
},
],
},
Expand All @@ -86,6 +93,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Guelph",
location: "CANADA",
email: "[email protected]",
alt: "Portrait of Connor Geddes, a white man with short dark hair. He is wearing a grey hoodie and is smiling directly at the camera.",
},
{
name: "André Rodrigues",
Expand All @@ -94,6 +102,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Lisbon",
location: "PORTUGAL",
email: "[email protected]",
alt: "Headshot of André, a white man with short hair, glasses and a full short beard. He is staring directly at the camera with a closed-mouth smile and wearing a black long-sleeve shirt.",
},
],
},
Expand All @@ -107,6 +116,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Guelph",
location: "CANADA",
email: "[email protected]",
alt: "Portrait of Suraj Goraya, a brown man with a beard and glasses, wearing a white turban. He is looking towards the right side of the camera and is dressed in a green jacket over a black t-shirt.",
},
{
name: "Ryan Paul",
Expand All @@ -115,6 +125,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Guelph",
location: "CANADA",
email: "[email protected]",
alt: "Portrait of Ryan Paul, a brown man with short dark hair and glasses. He is wearing a green winter jacket, smiling.",
},
{
name: "Jaipreet Singh",
Expand All @@ -123,6 +134,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Unaffiliated",
location: "CANADA",
email: "[email protected]",
alt: "Portrait of Jaipreet Singh, a brown man with curly dark hair and a beard. He is wearing a burgundy flannel over a white t-shirt and is smiling directly at the camera.",
},
],
},
Expand All @@ -136,6 +148,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Tulane University",
location: "UNITED STATES",
email: "[email protected]",
alt: "Portrait of Saad Hassan, a brown, black-haired male with a beard, wearing a light blue dress shirt and peacock green glasses, smiling.",
},
{
name: "Jonggi Hong",
Expand All @@ -145,6 +158,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Stevens Institute of Technology",
location: "UNITED STATES",
email: "[email protected]",
alt: "Portrait of a smiling Asian man wearing a beige sweater against a dark background.",
},
],
},
Expand All @@ -159,6 +173,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Memorial University of Newfoundland",
location: "CANADA",
email: "[email protected]",
alt: "Headshot of Xianta Jiang, an Asian man smiling and wearing a vertical striped shirt.",
},
{
name: "Taliesin Smith",
Expand All @@ -168,6 +183,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Colorado Boulder",
location: "UNITED STATES",
email: "[email protected]",
alt: "Portrait of a smiling woman with short grey hair and glasses, wearing a blue and black printed jacket, standing outside against a blurred background of trees.",
},
],
},
Expand All @@ -189,6 +205,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Google",
location: "UNITED STATES",
email: "[email protected]",
alt: "Shari Trewin, wearing blue wooly clothes as usual, smiling as usual, and outdoors as she wishes was usual!",
},
],
},
Expand All @@ -202,6 +219,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Google",
location: "UNITED STATES",
email: "[email protected]",
alt: "Mauli Pandey, a brown woman, smiling into the camera and standing against a backdrop of green foliage. She is wearing round black glasses, a blue beanie, and a dark grey jacket.",
},
{
name: "Stephanie Valencia",
Expand All @@ -210,6 +228,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Maryland",
location: "UNITED STATES",
email: "[email protected]",
alt: "Portrait of Stephanie Valencia who is smiling, has blonde hair and is wearing a white knitted sweater.",
},
],
},
Expand All @@ -224,6 +243,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "DePaul University",
location: "UNITED STATES",
email: "[email protected]",
alt: "Black and white studio portrait of Oliver Alonzo with a big smile, short black hair and beard, wearing a white shirt.",
},
{
name: "Jesse Martinez",
Expand All @@ -233,6 +253,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Washington",
location: "UNITED STATES",
email: "[email protected]",
alt: "Jesse Martinez, a fair-skinned masc-presenting person with short, wavy brown hair, mild stubble, and a silver eyebrow piercing. He is wearing a pink t-shirt under a denim jacket-hoodie combo and a twisted silver pendant necklace.",
},
],
},
Expand All @@ -247,6 +268,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Northeastern University",
location: "UNITED STATES",
email: "[email protected]",
alt: "Maitraye, a Brown woman with black shoulder-length straight hair, is smiling at the camera. She is wearing round glasses and a red blazer over a pink shirt.",
},
{
name: "Christopher Power",
Expand All @@ -256,6 +278,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "University of Prince Edward Island",
location: "CANADA",
email: "[email protected]",
alt: "A headshot of Christopher Power wearing a burgundy red jacket and a light blue shirt.",
},
{
name: "Abraham Glasser",
Expand All @@ -265,6 +288,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Gallaudet University",
location: "UNITED STATES",
email: "[email protected]",
alt: "A portrait of Abraham, a white man with curly brown hair, wearing a black dress shirt and hearing aids, and slightly smiling at the camera. The background is blurred.",
},
],
},
Expand All @@ -279,6 +303,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "King's College London",
location: "UNITED KINGDOM",
email: "[email protected]",
alt: "Headshot of Timothy Neate, a white, brown-haired male in glasses, wearing a white shirt with colourful Miami scene in the background.",
},
],
},
Expand All @@ -293,6 +318,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "King's College London",
location: "UNITED KINGDOM",
email: "[email protected]",
alt: "A photograph of Humphrey Curtis, a white male with dark blonde hair, smiling and wearing a grey jumper with dark navy jacket, while in front of a grey and white stone building.",
},
],
},
Expand All @@ -307,6 +333,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Northeastern University",
location: "UNITED STATES",
email: "[email protected]",
alt: "A photo of Megan Hofmann, a White woman with purple hair in a tight bun. Shes wearing a green and black knit dress and bright lipstick. She leans on a lab table in front of a knitting machine.",
},
],
},
Expand All @@ -322,6 +349,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "City University of London",
location: "UNITED KINGDOM",
email: "[email protected]",
alt: "Headshot of Abi, a white woman with long, brown, wavy hair, smiling at the camera. She is wearing a black top and brown tortoiseshell glasses. A colourful painting behind Abi shows landmarks along the Dundee skyline.",
},
],
},
Expand All @@ -337,6 +365,7 @@ export const ORGANIZING_COMMITTEE = [
affiliation: "Chapman University",
location: "UNITED STATES",
email: "[email protected]",
alt: "Black and White closeup headshot of me smiling. I am a white woman, my hair is short and gray.",
},
],
},
Expand Down Expand Up @@ -419,6 +448,11 @@ export const PROGRAM_COMMITTEE = [
location: "USA",
},
{ name: "Christophe Jouffrais", school: "CNRS", location: "France" },
{
name: "Christopher Power",
school: "University of Prince Edward Island",
location: "Canada",
},
{
name: "Clayton Lewis",
school: "University of Colorado",
Expand Down Expand Up @@ -534,6 +568,7 @@ export const PROGRAM_COMMITTEE = [
location: "India",
},
{ name: "Maria Wolters", school: "OFFIS", location: "Germany" },
{ name: "Michele Williams", school: "M.A.W. Consulting", location: "USA" },
{
name: "Masatomo Kobayashi",
school: "IBM Research Tokyo",
Expand Down Expand Up @@ -662,6 +697,22 @@ export const PROGRAM_COMMITTEE = [
},
{ name: "Roberto Manduchi", school: "UC Santa Cruz", location: "USA" },
{ name: "Shari Trewin", school: "Google", location: "USA" },
{
name: "Yuhang Zhao",
school: "University of Wisconsin-Madison",
location: "USA",
},
{ name: "Simon Harper", school: "University of Manchester", location: "UK" },
{
name: "Franklin Mingzhe Li",
school: "Carnegie Mellon University",
location: "USA",
},
{
name: "Matthew Butler",
school: "Monash University",
location: "Australia",
},
{ name: "Vinod Namboodiri", school: "Lehigh University", location: "USA" },
{
name: "Carl Haynes-Magyar",
Expand Down

0 comments on commit d6a1b1b

Please sign in to comment.