Manas/webp update

src/components/CurrentSponsorRow.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import '../styles/sponsors.css';
-import texelArts from '../static/images/sponsor-images/texelArts.png'
-import texasRobotics from '../static/images/sponsor-images/texasRobotics.jpg'
-import serviceNow from '../static/images/sponsor-images/serviceNow.png'
+import texelArts from '../static/images/sponsor-images/texelArts.webp'
+import texasRobotics from '../static/images/sponsor-images/texasRobotics.webp'
+import serviceNow from '../static/images/sponsor-images/serviceNow.webp'
 import CurrentSponsorCard from './CurrentSponsorCard';
 function CurrentSponsorRow() {
 

src/pages/About.tsx

@@ -6,34 +6,25 @@ import '../styles/about.css'
 import aboutUsBackground from '../static/vectors/about-us-background.svg'
 import foundersBackground from '../static/vectors/founders-background.svg'
 import foundersBackground2 from '../static/vectors/founders-background-2.svg'
-import tanayImg from '../static/images/officer/tanay.png'
-import tanayTechImg from '../static/images/officer/tanayTech.jpg'
-import angelicaImg from '../static/images/officer/angelica.jpg'
-import angelicaTechImg from '../static/images/officer/angelicaTech.jpeg'
-import vishalImg from '../static/images/officer/vishal.png'
-import vishalTechImg from '../static/images/officer/vishalTech.jpg'
-import conradImg from '../static/images/officer/conrad.jpg'
-import sahilImg from '../static/images/officer/sahil.jpg'
-import eclairLogo from '../static/images/logo/ECLAIR_logo3.png'
-import sahanaImg from '../static/images/officer/sahana.jpeg'
-import carsonImg from '../static/images/officer/carson.jpg'
-import kyryloImg from '../static/images/officer/kyrylo.png'
-import anjaliImg from '../static/images/officer/anjali.png'
-import henryImg from '../static/images/officer/henry.jpg'
-import nikhilImg from '../static/images/officer/nikhil.jpeg'
-import abbhinavImg from '../static/images/officer/abbhinav.jpeg'
-import annabelImg from '../static/images/officer/annabel.png'
-import hurshImg from '../static/images/officer/hursh.jpeg'
-import savvyImg from '../static/images/officer/savvy.jpg'
-import rileyImg from '../static/images/officer/riley.jpg'
-import cameronImg from '../static/images/officer/cameron.jpg'
-import manasImg from '../static/images/officer/manas.jpg'
-import nathanImg from '../static/images/officer/nathan.jpg'
-import alexzanderImg from '../static/images/officer/alexzander.jpg'
-import arnavImg from '../static/images/officer/arnav.jpg'
-import thidaImg from '../static/images/officer/thida.jpg'
-import zoeImg from '../static/images/officer/zoe.png'
-import rizkyImg from '../static/images/officer/rizky.jpg'
+import tanayImg from '../static/images/officer/tanay.webp'
+import tanayTechImg from '../static/images/officer/tanayTech.webp'
+import angelicaImg from '../static/images/officer/angelica.webp'
+import angelicaTechImg from '../static/images/officer/angelicaTech.webp'
+import vishalImg from '../static/images/officer/vishal.webp'
+import vishalTechImg from '../static/images/officer/vishalTech.webp'
+import conradImg from '../static/images/officer/conrad.webp'
+import sahilImg from '../static/images/officer/sahil.webp'
+import sahanaImg from '../static/images/officer/sahana.webp'
+import nikhilImg from '../static/images/officer/nikhil.webp'
+import hurshImg from '../static/images/officer/hursh.webp'
+import cameronImg from '../static/images/officer/cameron.webp'
+import manasImg from '../static/images/officer/manas.webp'
+import nathanImg from '../static/images/officer/nathan.webp'
+import alexzanderImg from '../static/images/officer/alexzander.webp'
+import arnavImg from '../static/images/officer/arnav.webp'
+import thidaImg from '../static/images/officer/thida.webp'
+import zoeImg from '../static/images/officer/zoe.webp'
+import rizkyImg from '../static/images/officer/rizky.webp'
 import placeholderImg from '../static/images/officer/placeholder.png'
 
 function About() {

src/pages/Homepage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Logo from '../static/images/logo/ECLAIR_logo2.png';
+import Logo from '../static/images/logo/ECLAIR_logo2.webp';
 import '../styles/app.css';
 import ECLAIRButton from '../components/ECLAIRButton';
 import Loader from '../components/Loader';
@@ -9,8 +9,8 @@ import { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import wavesHeader from '../static/vectors/waves-header.svg';
 import headerBackground from '../static/vectors/polygon-header.svg';
-import headerImage_1 from '../static/images/drone_header.png';
-import headerImage_2 from '../static/images/eclair_group.png';
+import headerImage_1 from '../static/images/homepage/drone.webp';
+import headerImage_2 from '../static/images/homepage/eclair_group.webp';
 import CalendarEmbed from '../components/CalendarEmbed';
 import CurrentSponsorRow from '../components/CurrentSponsorRow';
 

src/pages/Projects.tsx

@@ -6,43 +6,42 @@ import ImageSlideCard from '../components/ImageSlideCard';
 import Popup from '../components/Popup';
 import Loader from '../components/Loader';
 
-import pcrP from '../static/images/pcrP.jpg';
-import chessP from '../static/images/chessP.jpg';
-import droneP from '../static/images/droneP.jpg';
-import fitnessP from '../static/images/fitnessP.jpg';
-import musicP from '../static/images/musicP.jpg';
-// import robotarmP from '../static/images/robotarmP.jpg';
-import carP from '../static/images/carP.jpg'
-import crackleP from '../static/images/crackleP.jpg'
-import robotarmP from '../static/images/robotic_arm.png'
-import texelArtsP from '../static/images/texelArtsP.png'
-import traceP from '../static/images/traceP.png'
-import placeholder from '../static/images/placeholder.png'
+import pcrP from '../static/images/projects/pcrP.webp';
+import chessP from '../static/images/projects/chessP.webp';
+import droneP from '../static/images/projects/droneP.webp';
+import fitnessP from '../static/images/projects/fitnessP.webp';
+import musicP from '../static/images/projects/musicP.webp';
+import carP from '../static/images/projects/carP.webp'
+import crackleP from '../static/images/projects/crackleP.webp'
+import robotarmP from '../static/images/projects/robotic_armP.webp'
+import texelArtsP from '../static/images/projects/texelArtsP.webp'
+import traceP from '../static/images/projects/traceP.webp'
+import placeholder from '../static/images/projects/placeholder.png'
 
 
-import pcr1 from '../static/images/slideshows/pcrSPic1.jpg';
-import pcr2 from '../static/images/slideshows/pcrSPic2.jpg';
-import pcr3 from '../static/images/slideshows/pcrSPic3.jpg';
-import drone1 from '../static/images/slideshows/droneSPic1.jpg';
-import drone2 from '../static/images/slideshows/droneSPic2.jpg';
-import drone3 from '../static/images/slideshows/droneSPic3.jpg';
-import chess1 from '../static/images/slideshows/chessSPic1.jpg';
-import chess2 from '../static/images/slideshows/chessSPic2.jpg';
-import chess3 from '../static/images/slideshows/chessSPic3.jpg';
-import fitness1 from '../static/images/slideshows/fitnessSPic1.jpg';
-import fitness2 from '../static/images/slideshows/fitnessSPic2.jpg';
-import fitness3 from '../static/images/slideshows/fitnessSPic3.jpg';
-import music1 from '../static/images/slideshows/musicSPic1.jpg';
-import music2 from '../static/images/slideshows/musicSPic2.jpg';
-import music3 from '../static/images/slideshows/musicSPic3.jpg';
+import pcr1 from '../static/images/slideshows/pcrSPic1.webp';
+import pcr2 from '../static/images/slideshows/pcrSPic2.webp';
+import pcr3 from '../static/images/slideshows/pcrSPic3.webp';
+import drone1 from '../static/images/slideshows/droneSPic1.webp';
+import drone2 from '../static/images/slideshows/droneSPic2.webp';
+import drone3 from '../static/images/slideshows/droneSPic3.webp';
+import chess1 from '../static/images/slideshows/chessSPic1.webp';
+import chess2 from '../static/images/slideshows/chessSPic2.webp';
+import chess3 from '../static/images/slideshows/chessSPic3.webp';
+import fitness1 from '../static/images/slideshows/fitnessSPic1.webp';
+import fitness2 from '../static/images/slideshows/fitnessSPic2.webp';
+import fitness3 from '../static/images/slideshows/fitnessSPic3.webp';
+import music1 from '../static/images/slideshows/musicSPic1.webp';
+import music2 from '../static/images/slideshows/musicSPic2.webp';
+import music3 from '../static/images/slideshows/musicSPic3.webp';
 
-import cv from '../static/images/cv.png';
-import deepLearning from '../static/images/deepLearning.png';
-import cvIntro from '../static/images/introToCV.png';
-import mlIntro from '../static/images/introToML.png';
-import rlIntro from '../static/images/introToRL.png';
-import qL from '../static/images/qL.png';
-import markov from '../static/images/markovModelFree.png';
+import cv from '../static/images/lectures/cv.webp';
+import deepLearning from '../static/images/lectures/deepLearning.webp';
+import cvIntro from '../static/images/lectures/introToCV.webp';
+import mlIntro from '../static/images/lectures/introToML.webp';
+import rlIntro from '../static/images/lectures/introToRL.webp';
+import qL from '../static/images/lectures/qL.webp';
+import markov from '../static/images/lectures/markovModelFree.webp';
 
 import pcrVid from '../static/videos/pcrTest.gif';
 import chessVid from '../static/videos/chessTest.gif';
@@ -272,7 +271,7 @@ function Projects() {
       name: "TRACE",
       lName: "Arnav Joshi, Rizky Pratama",
       members: "",
-      desc: "TRACE is a project to track and control control the position of a ball on a tilting platform. The goals of this project are to exhibit a basic control system with two degrees of freedom that also implements computer vision. This will help develop member skills with CV, controls, simulation, and hardware design.",
+      desc: "TRACE is a project to track and control the position of a ball on a tilting platform. The goals of this project are to exhibit a basic control system with two degrees of freedom that also implements computer vision. This will help develop member skills with CV, controls, simulation, and hardware design.",
       git: "",
       gantt: "",
       finished: 0,

src/pages/Sponsors.tsx

@@ -5,9 +5,9 @@ import bg from '../static/vectors/sponsorsBackground.svg';
 
 import Loader from '../components/Loader';
 
-import phone from '../static/images/sponsor-images/phoneIcon1.png';
-import email from '../static/images/sponsor-images/emailIcon1.png';
-import form from '../static/images/sponsor-images/formIcon.png';
+import phone from '../static/images/sponsor-images/phoneIcon1.webp';
+import email from '../static/images/sponsor-images/emailIcon1.webp';
+import form from '../static/images/sponsor-images/formIcon.webp';
 import React, { useEffect, useRef, useState } from 'react';
 //import SponsorPackageRow from '../components/SponsorPackageRow';
 import CurrentSponsorRow from '../components/CurrentSponsorRow';