Install tailwind, add xinwei, photo borders

website/package.json

@@ -29,12 +29,15 @@
  "@angular/cli": "^16.2.8",
  "@angular/compiler-cli": "^16.2.0",
  "@types/jasmine": "~4.3.0",
+ "autoprefixer": "^10.4.19",
  "jasmine-core": "~4.6.0",
  "karma": "~6.4.0",
  "karma-chrome-launcher": "~3.2.0",
  "karma-coverage": "~2.2.0",
  "karma-jasmine": "~5.1.0",
  "karma-jasmine-html-reporter": "~2.1.0",
+ "postcss": "^8.4.38",
+ "tailwindcss": "^3.4.3",
  "typescript": "~5.1.3"
  }
-}
+}

website/src/app/components/bio-card/bio-card.component.css

@@ -32,8 +32,8 @@
 }
 
 .headshot-image {
- padding-inline: 30px;
- width: 240px;
+ /* padding-inline: 30px;
+ width: 240px; */
  /* How to get image a bit smaller */
 }
 

website/src/app/components/bio-card/bio-card.component.html

@@ -11,8 +11,7 @@
  </mat-card-header>
  <mat-card-content>
  <img mat-card-image
- class="headshot-image"
- mat-card-image
+ class="w-48 h-48 ph-4 m-auto border-gray-300 border"
  src="{{ person.image }}"
  alt="Professional headshot of {{ person.name }}"
  (error)="handleImageError($event)"

website/src/app/consts/bios.const.ts

@@ -53,4 +53,5 @@ export const people: Person[] =[
 {'name': 'Alireza Yazdiani', type: "phd",'bio': "Alireza is a Ph.D. candidate at Cornell University, deeply engaged in exploring the intersection of transportation engineering and climate action. He earned his bachelor's degree in Civil Engineering from the University of Tehran (2015-2019) and completed his master’s degree in Transportation Engineering and Planning at Sharif University of Technology (2019-2022). His master's thesis focused on the time-dependent electric vehicle routing problem in shared travel. His current research interests are centered on developing frameworks to analyze and optimize transportation systems, aiming to enhance climate resilience and minimize environmental impacts.", 'title': 'PhD Student', 'image': imageDir + 'Alireza Yazdiani.jpeg', 'team': 'CAT', 'yearIfPastMember': 2023, 'linkedinUrl': 'https://www.linkedin.com/in/alireza-yazdiani/', 'email': 'ay373@cornell.edu'},
 {'name': 'Qingyuan Guo', type: "masters",'bio': "Qingyuan is an MEng student graduating in 2024. He works on the project 'Air Quality Machine Learning (AQML) - Predictive Analysis for Transportation Pollution' with Postdoc Mohammad and Dr. Alireza. He is also a member of the project 'CAT Cred/Quality Checker' with Dr. Fraser.", 'title': 'MEng Student', 'image': imageDir + '微信图片_20240425030117 - Qingyuan Guo.jpg', 'team': 'CAT', 'yearIfPastMember': 2024},
 {'name': 'Linpei Huang', type: "masters",'bio': 'Linpei Huang is a master student in the systems engineering program at Cornell University. His research field focused on how to build low-carbon cities and optimize emissions in transportation systems. His bachelor graduated from Sichuan University and the University of Pittsburgh in industrial engineering from 2019 to 2023.', 'title': 'Master Student', 'image': "../../../assets/headshots/Weixin Image_20240503014141 - Linpei Huang.jpg", 'role': 'Contributor', 'team': 'CAT', 'yearIfPastMember': 2023, 'linkedinUrl': 'https://www.linkedin.com/in/linpei-huang-573554261/', 'email': 'lh699@cornell.edu'},
+{'name': 'Xinwei Li', type: "postdoc",'bio': "Dr. Xinwei Li is a postdoctoral associate in the School of Civil & Environmental Engineering at Cornell University. Since joining Gao's lab in January 2023, she has been responsible for architecting the CAT systems. Prior to this, she earned a PhD in Transportation Technology and Policy, along with a MS in Statistics, from the University of California, Davis. Her research focuses on the intersection of environment, transportation, and energy systems, particularly on reducing the environmental, health and energy impacts of transportation systems through innovative mobility techniques.", 'title': 'Research Associate', 'image': "../../../assets/headshots/李欣蔚证件照2 - Xinwei Li.png", 'role': 'CAT Systems Architect', 'team': 'CAT', 'email': 'xinweili734@gmail.com'},
 ]

website/src/styles.css

@@ -1,4 +1,6 @@
-/* You can add global styles to this file, and also import other style files */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 html, body { height: 100%; }
 body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

website/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./src/**/*.{html,ts}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+};