Merge branch 'chark1es'

src/public/bash.tsx

@@ -0,0 +1,24 @@
+import * as ReactDom from "react-dom";
+import * as React from "react";
+import TopBar from "./components/TopBar";
+import { ACTIVE_PAGES, SOCIALS, EMAIL } from "./Config";
+import Splash from "./components/Splash";
+import DefaultSection from "./components/DefaultSection";
+import InvolveBox from "./components/InvolveBox";
+import SocialCard from "./components/SocialCard";
+import Footer from "./components/Footer";
+
+class Main extends React.Component {
+    constructor() {
+        super({});
+        this.state = {};
+    }
+
+    public render() {
+        return <h1>Hello World</h1>;
+    }
+}
+
+ReactDom.render(<Main></Main>, document.getElementById("root"));
+
+export default {};

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">