updated staff list to current list

missing avatars from several people

src/public/Config.ts

@@ -88,94 +88,52 @@ export const OFFICERS = [
     },
     {
         name: "Brigette Hacia",
-        position: "Vice Chair Internal",
+        position: "VC Internal",
         photo: "/assets/img/officers/brigette.jpg",
         email: "",
     },
     {
         name: "Jason Liang",
-        position: "Vice Chair Events",
+        position: "VC Events",
         photo: "/assets/img/officers/jason.jpg",
         email: "",
     },
-    {
-        name: "Marc Reta",
-        position: "Social Chair",
-        photo: "/assets/img/officers/marc.jpg",
-        email: "",
-    },
-    {
-        name: "Shipra Gudekar",
-        position: "Social Chair",
-        photo: "/assets/img/officers/shipra.jpg",
-        email: "",
-    },
-    {
-        name: "Lisa Liu",
-        position: "President",
-        photo: "/assets/img/officers/tasnia.jpg",
-        email: "",
-    },
-    {
-        name: "Shuan Garcia",
-        position: "Technical Chairs",
-        photo: "/assets/img/officers/shaun.jpg",
-        email: "",
-    },
-    {
-        name: "Girish Krishnan",
-        position: "Technical Chair",
-        photo: "/assets/img/officers/girish.jpg",
-        email: "",
-    },
-    {
-        name: "Rafaella Gomes",
-        position: "Professional Chair",
-        photo: "/assets/img/officers/rafaella.jpg",
-        email: "",
-    },
-    {
-        name: "Sankalp Kaushik",
-        position: "Professional Chair",
-        photo: "/assets/img/officers/sankalp.jpg",
-        email: "",
-    },
-    {
-        name: "Ashlee Young",
-        position: "Outreach Chair",
-        photo: "/assets/img/officers/ashlee.jpg",
-        email: "",
-    },
-    {
-        name: "Joshua Choi",
-        position: "Outreach Chair",
-        photo: "/assets/img/officers/joshua.jpg",
-        email: "",
-    },
     {
         name: "Yash Puneet",
-        position: "Vice Chair Projects",
+        position: "VC Projects",
         photo: "/assets/img/officers/yash.jpg",
         email: "",
     },
+    {
+        name: "Matthew Yik",
+        position: "VC Finance",
+        photo: "/assets/img/officers/matthew.jpg",
+        email: "",
+    },
+    {
+        name: "Georolyn Ngo",
+        position: "Events Coordinator",
+        photo: "/assets/img/officers/georolyn.jpg",
+        email: "",
+    },
+    {
+        name: "Sukanya Krishna",
+        position: "Events Coordinator",
+        photo: "/assets/img/officers/sukanya.jpg",
+        email: "",
+    },
+    {
+        name: "Daniel Chen",
+        position: "VC External",
+        photo: "/assets/img/officers/daniel.jpg",
+        email: "",
+    },
     {
         name: "Derek Nguyen",
         position: "Project Space Chair",
         photo: "/assets/img/officers/derek.jpg",
         email: "",
     },
-    {
-        name: "Joshua Lapidario",
-        position: "Quarterly Projects Chair",
-        photo: "/assets/img/officers/joshua.jpg",
-        email: "",
-    },
-    {
-        name: "Rana Singh",
-        position: "Quarterly Projects Chair",
-        photo: "/assets/img/officers/rana.jpg",
-        email: "",
-    },
     {
         name: "Mustahsin Zarif",
         position: "Robocup Soccer Chair",
@@ -194,6 +152,138 @@ export const OFFICERS = [
         photo: "/assets/img/officers/francisco.jpg",
         email: "",
     },
+    {
+        name: "Rana Singh",
+        position: "Quarterly Projects Chair",
+        photo: "/assets/img/officers/rana.jpg",
+        email: "",
+    },
+    {
+        name: "Joshua Lapidario",
+        position: "Quarterly Projects Chair",
+        photo: "/assets/img/officers/joshua .jpg",
+        email: "",
+    },
+    {
+        name: "Sankalp Kaushik",
+        position: "Professional Chair",
+        photo: "/assets/img/officers/sankalp .jpg",
+        email: "",
+    },
+    {
+        name: "Rafaella Gomes",
+        position: "Professional Chair",
+        photo: "/assets/img/officers/rafaella.jpg",
+        email: "",
+    },
+    {
+        name: "Girish Krishnan",
+        position: "Technical Chair",
+        photo: "/assets/img/officers/girish.jpg",
+        email: "",
+    },
+    {
+        name: "Shaun Garcia",
+        position: "Technical Chair",
+        photo: "/assets/img/officers/shaun.jpg",
+        email: "",
+    },
+    {
+        name: "Devanshi Jain",
+        position: "Technical Chair",
+        photo: "/assets/img/officers/devanshi.jpg",
+        email: "",
+    },
+    {
+        name: "Kaitlin Calimbahin",
+        position: "Technical Chair",
+        photo: "/assets/img/officers/kaitlin.jpg",
+        email: "",
+    },
+    {
+        name: "Joshua Choi",
+        position: "Outreach Chair",
+        photo: "/assets/img/officers/joshua.jpg",
+        email: "",
+    },
+    {
+        name: "Ashlee Young",
+        position: "Outreach Chair",
+        photo: "/assets/img/officers/ashlee .jpg",
+        email: "",
+    },
+    {
+        name: "Marc Reta",
+        position: "Social Chair",
+        photo: "/assets/img/officers/marc.jpg",
+        email: "",
+    },
+    {
+        name: "Shipra Gudekar",
+        position: "Social Chair",
+        photo: "/assets/img/officers/shipra.jpg",
+        email: "",
+    },
+    {
+        name: "Lisa Liu",
+        position: "Social Chair",
+        photo: "/assets/img/officers/lisa.jpg",
+        email: "",
+    },
+    {
+        name: "Stephanie Xu",
+        position: "Creative Director",
+        photo: "/assets/img/officers/stephanie.jpg",
+        email: "",
+    },
+    {
+        name: "Jayendra Mangal",
+        position: "Webmaster",
+        photo: "/assets/img/officers/jayendra.jpg",
+        email: "",
+    },
+    {
+        name: "Charles Nguyen",
+        position: "Webmaster",
+        photo: "/assets/img/officers/charles.jpg",
+        email: "",
+    },
+    {
+        name: "Stella Ji",
+        position: "Webmaster",
+        photo: "/assets/img/officers/stella.jpg",
+        email: "",
+    },
+    {
+        name: "Kevin Chang",
+        position: "Marketing Chair",
+        photo: "/assets/img/officers/kevin.jpg",
+        email: "",
+    },
+    {
+        name: "Vuong Bui",
+        position: "Marketing Chair",
+        photo: "/assets/img/officers/vuong.jpg",
+        email: "",
+    },
+    {
+        name: "Joyce Zhou",
+        position: "Design Chair",
+        photo: "/assets/img/officers/joyce.jpg",
+        email: "",
+    },
+    {
+        name: "Kate Zhou",
+        position: "Design Chair",
+        photo: "/assets/img/officers/kate.jpg",
+        email: "",
+    },
+    {
+        name: "Angelo Mariano",
+        position: "Design Chair",
+        photo: "/assets/img/officers/angelo .jpg",
+        email: "",
+    },
 ];
 
 // export const OFFICERS_OLD = [

src/public/components/CarouselItem.tsx

@@ -12,12 +12,20 @@ export default class CarouselItem extends Component<CarouselItemProps> {
     constructor(props: CarouselItemProps) {
         super(props);
         this.state = {};
+
+        this.handleImageError = this.handleImageError.bind(this);
+    }
+    handleImageError(e) {
+        e.target.src = "/assets/img/officers/avatar.jpg"; // Default Image
     }
 
     public render() {
         return (
             <div className="carousel-item">
-                <img src={this.props.photo}></img>
+                <img
+                    src={this.props.photo}
+                    onError={this.handleImageError}
+                ></img>
                 <div className="carousel-name">{this.props.name}</div>
                 <div className="carousel-pos">{this.props.position}</div>
                 <div className="carousel-email">