Webmaster/old-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix broken asset paths

Browse source
This commit is contained in:
Raymond Wang 2022-10-25 13:37:35 -07:00
parent 0e48bf7c31
commit b6a027cc70
11 changed files with 299 additions and 296 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/public/Config.ts
View file

@ -29,17 +29,17 @@ export const EVENTS: unknown[] = [];
export const SOCIALS = [ export const SOCIALS = [
{ {
icon: "img/disc.svg", icon: "/assets/img/disc.svg",
url: "https://discord.gg/XxfjqZSjca", url: "https://discord.gg/XxfjqZSjca",
message: "Join our server", message: "Join our server",
}, },
{ {
icon: "img/fab.svg", icon: "/assets/img/fab.svg",
url: "https://www.facebook.com/ieeeucsd", url: "https://www.facebook.com/ieeeucsd",
message: "ieeeucsd", message: "ieeeucsd",
}, },
{ {
icon: "img/inst.svg", icon: "/assets/img/inst.svg",
url: "https://www.instagram.com/ieee.ucsd", url: "https://www.instagram.com/ieee.ucsd",
message: "@ieeeucsd", message: "@ieeeucsd",
}, },
@ -47,7 +47,7 @@ export const SOCIALS = [
export const EMAIL = [ export const EMAIL = [
{ {
icon: "img/email.svg", icon: "/assets/img/email.svg",
url: "mailto:ieee@eng.ucsd.edu", url: "mailto:ieee@eng.ucsd.edu",
message: "ieee@eng.ucsd.edu", message: "ieee@eng.ucsd.edu",
}, },
@ -55,7 +55,7 @@ export const EMAIL = [
export const EMAIL_WHITE = [ export const EMAIL_WHITE = [
{ {
icon: "img/email_white.svg", icon: "/assets/img/email_white.svg",
url: "mailto:ieee@eng.ucsd.edu", url: "mailto:ieee@eng.ucsd.edu",
message: "ieee@eng.ucsd.edu", message: "ieee@eng.ucsd.edu",
}, },
@ -63,17 +63,17 @@ export const EMAIL_WHITE = [
export const SOCIALS_WHITE = [ export const SOCIALS_WHITE = [
{ {
icon: "img/disc_white.svg", icon: "/assets/img/disc_white.svg",
url: "https://discord.gg/XxfjqZSjca", url: "https://discord.gg/XxfjqZSjca",
message: "Join our server", message: "Join our server",
}, },
{ {
icon: "img/fab_white.svg", icon: "/assets/img/fab_white.svg",
url: "https://www.facebook.com/ieeeucsd", url: "https://www.facebook.com/ieeeucsd",
message: "ieeeucsd", message: "ieeeucsd",
}, },
{ {
icon: "img/inst_white.svg", icon: "/assets/img/inst_white.svg",
url: "https://www.instagram.com/ieee.ucsd", url: "https://www.instagram.com/ieee.ucsd",
message: "@ieeeucsd", message: "@ieeeucsd",
}, },
@ -83,157 +83,157 @@ export const OFFICERS = [
{ {
name: "Darin Tsui", name: "Darin Tsui",
position: "Chair", position: "Chair",
photo: "img/officers/darin.jpg", photo: "/assets/img/officers/darin.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Brigette Hacia", name: "Brigette Hacia",
position: "Vice Chair Internal", position: "Vice Chair Internal",
photo: "img/officers/brigette.jpg", photo: "/assets/img/officers/brigette.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Tasnia Jamal", name: "Tasnia Jamal",
position: "Vice Chair Events", position: "Vice Chair Events",
photo: "img/officers/tasnia.jpg", photo: "/assets/img/officers/tasnia.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Kevin Chang", name: "Kevin Chang",
position: "Vice Chair Projects", position: "Vice Chair Projects",
photo: "img/officers/kevin.jpg", photo: "/assets/img/officers/kevin.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Arjun Sampath", name: "Arjun Sampath",
position: "Vice Chair Finance", position: "Vice Chair Finance",
photo: "img/officers/arjun.jpg", photo: "/assets/img/officers/arjun.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Niklas Chang", name: "Niklas Chang",
position: "Events Coordinator", position: "Events Coordinator",
photo: "img/officers/niklas.jpg", photo: "/assets/img/officers/niklas.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Tien Vu", name: "Tien Vu",
position: "Vice Chair External", position: "Vice Chair External",
photo: "img/officers/tien.jpg", photo: "/assets/img/officers/tien.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Derek Nguyen", name: "Derek Nguyen",
position: "Project Space Chair", position: "Project Space Chair",
photo: "img/officers/derek.jpg", photo: "/assets/img/officers/derek.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Rafaella Gomes", name: "Rafaella Gomes",
position: "Robocup Chair", position: "Robocup Chair",
photo: "img/officers/rafaella.jpg", photo: "/assets/img/officers/rafaella.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Yash Puneet", name: "Yash Puneet",
position: "Robocup Chair", position: "Robocup Chair",
photo: "img/officers/yash.jpg", photo: "/assets/img/officers/yash.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Matthew Mikhailov", name: "Matthew Mikhailov",
position: "Supercomputing Chair", position: "Supercomputing Chair",
photo: "img/officers/matthew.jpg", photo: "/assets/img/officers/matthew.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Josh Lapidario", name: "Josh Lapidario",
position: "Quarterly Projects Chair", position: "Quarterly Projects Chair",
photo: "img/officers/josh.jpg", photo: "/assets/img/officers/josh.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Sanh Nguyen", name: "Sanh Nguyen",
position: "Quarterly Projects Chair", position: "Quarterly Projects Chair",
photo: "img/officers/sanh.jpg", photo: "/assets/img/officers/sanh.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Vuong Bui", name: "Vuong Bui",
position: "Professional Chair", position: "Professional Chair",
photo: "img/officers/vuong.jpg", photo: "/assets/img/officers/vuong.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Jason Liang", name: "Jason Liang",
position: "Professional Chair", position: "Professional Chair",
photo: "img/officers/jason.jpg", photo: "/assets/img/officers/jason.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Mohak Vaswani", name: "Mohak Vaswani",
position: "Technical Chair", position: "Technical Chair",
photo: "img/officers/mohak.jpg", photo: "/assets/img/officers/mohak.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Yusuf Morsi", name: "Yusuf Morsi",
position: "Technical Chair", position: "Technical Chair",
photo: "img/officers/yusuf.jpg", photo: "/assets/img/officers/yusuf.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Shaun Garcia", name: "Shaun Garcia",
position: "Technical Chair", position: "Technical Chair",
photo: "img/officers/shaun.jpg", photo: "/assets/img/officers/shaun.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Dennis Liang", name: "Dennis Liang",
position: "Outreach Chair", position: "Outreach Chair",
photo: "img/officers/dennis.jpg", photo: "/assets/img/officers/dennis.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Daniel Chen", name: "Daniel Chen",
position: "Outreach Chair", position: "Outreach Chair",
photo: "img/officers/daniel.jpg", photo: "/assets/img/officers/daniel.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Parisa Shahabi", name: "Parisa Shahabi",
position: "Social Chair", position: "Social Chair",
photo: "img/officers/parisa.jpg", photo: "/assets/img/officers/parisa.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Matthew Yik", name: "Matthew Yik",
position: "Social Chair", position: "Social Chair",
photo: "img/officers/temp.png", photo: "/assets/img/officers/temp.png",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Jiliana Tiu", name: "Jiliana Tiu",
position: "Webmaster", position: "Webmaster",
photo: "img/officers/jiliana.jpg", photo: "/assets/img/officers/jiliana.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Raymond Wang", name: "Raymond Wang",
position: "Webmaster", position: "Webmaster",
photo: "img/officers/raymond.jpg", photo: "/assets/img/officers/raymond.jpg",
email: "raymond@ucsd.edu", email: "raymond@ucsd.edu",
}, },
{ {
name: "Sankalp Kaushik", name: "Sankalp Kaushik",
position: "PR Chair - Media", position: "PR Chair - Media",
photo: "img/officers/sankalp.jpg", photo: "/assets/img/officers/sankalp.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
{ {
name: "Stephanie Xu", name: "Stephanie Xu",
position: "PR Chair - Graphics", position: "PR Chair - Graphics",
photo: "img/officers/stephanie.jpg", photo: "/assets/img/officers/stephanie.jpg",
email: "email@ucsd.edu", email: "email@ucsd.edu",
}, },
]; ];

471
src/public/assets/css/styles.css
View file

@ -1,440 +1,443 @@
/* Global CSS Properties */ /* Global CSS Properties */
:root { :root {
--main: #00629b; --main: #00629b;
--accent: #ffcd00; --accent: #ffcd00;
--secondary: #ffffff; --secondary: #ffffff;
--dark: #2a1a4e; --dark: #2a1a4e;
} }
* { * {
scrollbar-width: auto; scrollbar-width: auto;
scrollbar-color: var(--main) transparent; scrollbar-color: var(--main) transparent;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 0.6em; width: 0.6em;
height: 0.6em; height: 0.6em;
} }
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: var(--main); background: var(--main);
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: var(--secondary); background-color: var(--secondary);
} }
html { html {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
font-weight: bold; font-weight: bold;
} }
body { body {
margin: 0; margin: 0;
} }
a { a {
text-decoration: none; text-decoration: none;
color: var(--main); color: var(--main);
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
#root { #root {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.topbar { .topbar {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
color: var(--main); color: var(--main);
background-color: var(--secondary); background-color: var(--secondary);
padding: 0.5em; padding: 0.5em;
align-items: center; align-items: center;
} }
.topbar.burger-bar { .topbar.burger-bar {
flex-direction: column; flex-direction: column;
position: relative; position: relative;
} }
.topbar.burger-bar>.img-cont { .topbar.burger-bar > .img-cont {
align-self: flex-start; align-self: flex-start;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
align-items: center; align-items: center;
} }
.img-cont img { .img-cont img {
width: 22em; width: 22em;
} }
.burger { .burger {
font-size: 2.8em; font-size: 2.8em;
font-weight: normal; font-weight: normal;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
margin-right: 0.3em; margin-right: 0.3em;
} }
.link-items.burger-time { .link-items.burger-time {
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
background-color: var(--secondary); background-color: var(--secondary);
width: 10em; width: 10em;
box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 3px 0px; box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 3px 0px;
right: 0; right: 0;
margin-top: 0.36em; margin-top: 0.36em;
} }
.link-items.burger-time>a { .link-items.burger-time > a {
margin: 0; margin: 0;
padding: 0.4em 0.75em; padding: 0.4em 0.75em;
} }
.link-items.burger-time>a:hover { .link-items.burger-time > a:hover {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.navlink { .navlink {
font-size: 1.1em; font-size: 1.1em;
margin: 0.75em; margin: 0.75em;
} }
.splash { .splash {
background-color: var(--main); background-color: var(--main);
background-blend-mode: overlay; background-blend-mode: overlay;
border-radius: 0 0 50% 50% / 4rem; border-radius: 0 0 50% 50% / 4rem;
background-position: center; background-position: center;
height: 35em; height: 35em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
.call-to-action { .call-to-action {
font-size: 3.2em; font-size: 3.2em;
width: 11em; width: 11em;
color: var(--secondary); color: var(--secondary);
text-align: center; text-align: center;
font-family: "Montserrat"; font-family: "Montserrat";
} }
.splash-socials { .splash-socials {
margin-top: 2em; margin-top: 2em;
} }
.splash-socials>a { .splash-socials > a {
margin-left: 1.5em; margin-left: 1.5em;
margin-right: 1.5em; margin-right: 1.5em;
} }
.splash-socials img { .splash-socials img {
width: 4.7em; width: 4.7em;
} }
.default-section { .default-section {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
color: var(--main); color: var(--main);
background-color: var(--secondary); background-color: var(--secondary);
padding-top: 2em; padding-top: 2em;
padding-bottom: 2em; padding-bottom: 2em;
} }
.section-title { .section-title {
font-size: 3em; font-size: 3em;
margin-top: 0.8em; margin-top: 0.8em;
margin-bottom: 0.8em; margin-bottom: 0.8em;
} }
.default-section>p, .default-section > p,
.project-space>p { .project-space > p {
font-size: 1.8em; font-size: 1.8em;
width: 22em; width: 22em;
color: var(--dark); color: var(--dark);
text-align: center; text-align: center;
} }
.project-space>p { .project-space > p {
color: var(--secondary); color: var(--secondary);
} }
.default-section>p:first-child { .default-section > p:first-child {
margin-top: 0; margin-top: 0;
} }
.project-space { .project-space {
border-radius: 50% 50% 0 0 / 4rem; border-radius: 50% 50% 0 0 / 4rem;
background-color: var(--main); background-color: var(--main);
background-blend-mode: overlay; background-blend-mode: overlay;
background-image: url("../img/backgrounds/ps.webp"); background-image: url("../img/backgrounds/ps.webp");
height: 40em; height: 40em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
.project-space a { .project-space a {
color: var(--accent); color: var(--accent);
} }
.ps-title { .ps-title {
font-size: 3em; font-size: 3em;
color: white; color: white;
margin-bottom: 1em; margin-bottom: 1em;
} }
.visit-us { .visit-us {
font-size: 2em; font-size: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.ex-link { .ex-link {
color: var(--accent); color: var(--accent);
font-size: 2em; font-size: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.involved { .involved {
border-radius: 50% 50% 0 0 / 4rem; border-radius: 50% 50% 0 0 / 4rem;
transform: translateY(-4rem); transform: translateY(-4rem);
} }
.cards { .cards {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
} }
.involve-card { .involve-card {
padding: 1.75em 2.5em; padding: 1.75em 2.5em;
border: var(--main) solid 0.37em; border: var(--main) solid 0.37em;
border-radius: 1.5em; border-radius: 1.5em;
color: var(--main); color: var(--main);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
margin: 1em; margin: 1em;
} }
.involve-title { .involve-title {
font-size: 3em; font-size: 3em;
color: var(--main); color: var(--main);
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.involve-card>img { .involve-card > img {
width: 20em; width: 20em;
margin-bottom: 1em; margin-bottom: 1em;
border-radius: 0.2em; border-radius: 0.2em;
} }
.links { .links {
font-size: 1.5em; font-size: 1.5em;
} }
.social-card { .social-card {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 1em; padding: 1em;
width: 25em; width: 25em;
} }
.social-card>img { .social-card > img {
width: 4.7em; width: 4.7em;
} }
.social-message { .social-message {
font-size: 2em; font-size: 2em;
padding: 0.5em; padding: 0.5em;
} }
.join-scls, .join-scls,
.footer-scls { .footer-scls {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
max-width: 55em; max-width: 55em;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
margin-left: 5em; margin-left: 5em;
} }
.carousel-item { .carousel-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 1.5em; padding: 1.5em;
border: 0.35em solid var(--main); border: 0.35em solid var(--main);
border-radius: 1em; border-radius: 1em;
margin: 1em; margin: 1em;
} }
.carousel-item>img { .carousel-item > img {
width: 18.7em; width: 18.7em;
border-radius: 0.2em; border-radius: 0.2em;
} }
.carousel-name { .carousel-name {
font-size: 2em; font-size: 2em;
padding-top: 0.25em; padding-top: 0.25em;
} }
.carousel-pos { .carousel-pos {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
font-size: 1.25em; font-size: 1.25em;
} }
.carousel-email { .carousel-email {
margin-top: 0.5em; margin-top: 0.5em;
} }
.carousel-page { .carousel-page {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
} }
.carousel { .carousel {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.carousel-left { .carousel-left {
margin-left: 2em; margin-left: 2em;
transform: scaleX(-1); transform: scaleX(-1);
} }
.carousel-right, .carousel-right,
.carousel-left { .carousel-left {
cursor: pointer; cursor: pointer;
width: 4em; width: 4em;
} }
.carousel-right { .carousel-right {
margin-right: 2em; margin-right: 2em;
} }
.contact { .contact {
border-radius: 0 0 50% 50% / 4rem; border-radius: 0 0 50% 50% / 4rem;
transform: translateY(4rem); transform: translateY(4rem);
} }
.footer { .footer {
background-color: var(--main); background-color: var(--main);
padding-top: 7em; padding-top: 7em;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: start; align-items: start;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
} }
.footer a { .footer a {
color: white; color: white;
} }
.footer-scls { .footer-scls {
max-width: 30em; max-width: 30em;
font-size: 0.6em; font-size: 0.6em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.footer-scls img { .footer-scls img {
width: 4.7em; width: 4.7em;
} }
.footer>img { .footer > img {
width: 30em; width: 30em;
} }
/* Responsive queries go here */ /* Responsive queries go here */
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
html { html {
font-size: 0.85em; font-size: 0.85em;
} }
} }
@media screen and (max-width: 650px) { @media screen and (max-width: 650px) {
html { html {
font-size: 0.8em; font-size: 0.8em;
} }
.footer>img { .footer > img {
width: 15em; width: 15em;
} }
} }
@media screen and (max-width: 540px) { @media screen and (max-width: 540px) {
html { html {
font-size: 0.6em; font-size: 0.6em;
} }
.footer>img { .footer > img {
display: none; display: none;
} }
} }
@media screen and (max-width: 420px) { @media screen and (max-width: 420px) {
html { html {
font-size: 0.5em; font-size: 0.5em;
} }
} }
@media screen and (max-width: 320px) { @media screen and (max-width: 320px) {
html { html {
font-size: 0.45em; font-size: 0.45em;
} }
} }
#cal { #cal {
border: solid 1px #777; border: solid 1px #777;
width: 800px; width: 800px;
height: 600px; height: 600px;
} }
#calendar { #calendar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
color: var(--main); color: var(--main);
padding-top: 2em; padding-top: 2em;
padding-bottom: 2em; padding-bottom: 2em;
} }
iframe { iframe {
width: 80vw; width: 80vw;
height: 600px; height: 600px;
max-width: 1000px; max-width: 1000px;
} }
.project-desc { .project-desc {
display: flex; display: flex;
justify-content: center; justify-content: center;
column-gap: 10em; column-gap: 10em;
vertical-align: middle; vertical-align: middle;
flex-wrap: wrap; flex-wrap: wrap;
padding: 2em;
align-items: center;
} }
.project-desc img { .project-desc img {
width: 30em; border-radius: 0.2em;
padding-top: 3em; width: 100%;
padding-bottom: 3em; max-width: 600px;
max-height: 400px;
} }

12
src/public/committees.tsx
View file

@ -22,7 +22,7 @@ class Main extends React.Component {
<Splash <Splash
cta="The backbone of IEEE. Come help make a difference!" cta="The backbone of IEEE. Come help make a difference!"
delay={2000} delay={2000}
backgrounds={["img/backgrounds/committee.webp"]} backgrounds={["/assets/img/backgrounds/committee.webp"]}
></Splash> ></Splash>
<DefaultSection <DefaultSection
title="Join us!" title="Join us!"
@ -34,27 +34,27 @@ class Main extends React.Component {
<div className="cards"> <div className="cards">
<InvolveBox <InvolveBox
boxTitle="" boxTitle=""
image="img/committees/technical.webp" image="/assets/img/committees/technical.webp"
description="Technical Committee" description="Technical Committee"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="" boxTitle=""
image="img/committees/social.webp" image="/assets/img/committees/social.webp"
description="Social Committee" description="Social Committee"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="" boxTitle=""
image="img/committees/professional.webp" image="/assets/img/committees/professional.webp"
description="Professional Committee" description="Professional Committee"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="" boxTitle=""
image="img/committees/pr.webp" image="/assets/img/committees/pr.webp"
description="PR Committee" description="PR Committee"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="" boxTitle=""
image="img/committees/outreach.webp" image="/assets/img/committees/outreach.webp"
description="Outreach Committee" description="Outreach Committee"
></InvolveBox> ></InvolveBox>
</div> </div>

4
src/public/components/Carousel.tsx
View file

@ -43,7 +43,7 @@ export default class Carousel extends Component<CarouselProps, CarouselState> {
<div className="carousel"> <div className="carousel">
<img <img
className="carousel-left" className="carousel-left"
src="img/arrow.svg" src="/assets/img/arrow.svg"
style={ style={
this.state.page === 0 ? { visibility: "hidden" } : {} this.state.page === 0 ? { visibility: "hidden" } : {}
} }
@ -60,7 +60,7 @@ export default class Carousel extends Component<CarouselProps, CarouselState> {
</div> </div>
<img <img
className="carousel-right" className="carousel-right"
src="img/arrow.svg" src="/assets/img/arrow.svg"
style={ style={
this.state.page === arr.length - 1 this.state.page === arr.length - 1
? { visibility: "hidden" } ? { visibility: "hidden" }

2
src/public/components/Footer.tsx
View file

@ -12,7 +12,7 @@ export default class Footer extends Component {
public render() { public render() {
return ( return (
<div className="footer"> <div className="footer">
<img src="img/logo_white.svg"></img> <img src="/assets/img/logo_white.svg"></img>
<div className="footer-scls"> <div className="footer-scls">
{[...EMAIL_WHITE, ...SOCIALS_WHITE].map((n) => ( {[...EMAIL_WHITE, ...SOCIALS_WHITE].map((n) => (
<SocialCard <SocialCard

2
src/public/components/TopBar.tsx
View file

@ -44,7 +44,7 @@ export default class TopBar extends React.Component<TopBarProps, TopBarState> {
> >
<div className="img-cont"> <div className="img-cont">
<a href="/"> <a href="/">
<img src="img/logo.svg"></img> <img src="/assets/img/logo.svg"></img>
</a> </a>
<div <div
className="burger" className="burger"

2
src/public/events.tsx
View file

@ -20,7 +20,7 @@ class Main extends React.Component {
<Splash <Splash
cta="Come out to our events!" cta="Come out to our events!"
delay={2000} delay={2000}
backgrounds={["img/backgrounds/fa21social.webp"]} backgrounds={["/assets/img/backgrounds/fa21social.webp"]}
></Splash> ></Splash>
<DefaultSection title="Events"> <DefaultSection title="Events">

8
src/public/index.tsx
View file

@ -22,7 +22,7 @@ class Main extends React.Component {
<Splash <Splash
cta="Join the 2nd largest IEEE student branch in the US!" cta="Join the 2nd largest IEEE student branch in the US!"
delay={2000} delay={2000}
backgrounds={["img/backgrounds/fa21qp.webp"]} backgrounds={["/assets/img/backgrounds/fa21qp.webp"]}
></Splash> ></Splash>
<div id="about-us"> <div id="about-us">
<DefaultSection <DefaultSection
@ -61,17 +61,17 @@ class Main extends React.Component {
<div className="cards"> <div className="cards">
<InvolveBox <InvolveBox
boxTitle="Events" boxTitle="Events"
image="img/backgrounds/fa21social.webp" image="/assets/img/backgrounds/fa21social.webp"
description="Meet fellow IEEE members!" description="Meet fellow IEEE members!"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="Projects" boxTitle="Projects"
image="img/backgrounds/robofest.webp" image="/assets/img/backgrounds/robofest.webp"
description="Learn new skills!" description="Learn new skills!"
></InvolveBox> ></InvolveBox>
<InvolveBox <InvolveBox
boxTitle="Committees" boxTitle="Committees"
image="img/backgrounds/gbm.webp" image="/assets/img/backgrounds/gbm.webp"
description="Build our amazing community!" description="Build our amazing community!"
></InvolveBox> ></InvolveBox>
</div> </div>

6
src/public/projects.tsx
View file

@ -21,7 +21,7 @@ class Main extends React.Component {
<Splash <Splash
cta="Gain hands-on experience to make your resume stand out! No experience required!" cta="Gain hands-on experience to make your resume stand out! No experience required!"
delay={2000} delay={2000}
backgrounds={["img/backgrounds/robocar.webp"]} backgrounds={["/assets/img/backgrounds/robocar.webp"]}
></Splash> ></Splash>
@ -33,7 +33,7 @@ class Main extends React.Component {
]} ]}
> >
</DefaultSection> </DefaultSection>
<img src="img/backgrounds/micromouse.webp"></img> <img src="/assets/img/backgrounds/micromouse.webp"></img>
</div> </div>
<div className="project-desc"> <div className="project-desc">
@ -44,7 +44,7 @@ class Main extends React.Component {
]} ]}
> >
</DefaultSection> </DefaultSection>
<img src="img/backgrounds/sp22qp.webp"></img> <img src="/assets/img/backgrounds/sp22qp.webp"></img>
</div> </div>
<div id="contact-us"> <div id="contact-us">

16
src/util/index.ts
View file

@ -24,8 +24,8 @@ const WEBSITES = [
sitename: "index", sitename: "index",
title: "IEEE at UCSD", title: "IEEE at UCSD",
description: "", description: "",
jsfile: "assets/js/index.js", jsfile: "/assets/js/index.js",
cssfile: "assets/css/styles.css", cssfile: "/assets/css/styles.css",
themecolor: "", themecolor: "",
path: "/", path: "/",
}, },
@ -33,24 +33,24 @@ const WEBSITES = [
sitename: "events", sitename: "events",
title: "IEEE at UCSD", title: "IEEE at UCSD",
description: "", description: "",
jsfile: "assets/js/events.js", jsfile: "/assets/js/events.js",
cssfile: "assets/css/styles.css", cssfile: "/assets/css/styles.css",
themecolor: "", themecolor: "",
}, },
{ {
sitename: "projects", sitename: "projects",
title: "IEEE at UCSD", title: "IEEE at UCSD",
description: "", description: "",
jsfile: "assets/js/projects.js", jsfile: "/assets/js/projects.js",
cssfile: "assets/css/styles.css", cssfile: "/assets/css/styles.css",
themecolor: "", themecolor: "",
}, },
{ {
sitename: "committees", sitename: "committees",
title: "IEEE at UCSD", title: "IEEE at UCSD",
description: "", description: "",
jsfile: "assets/js/committees.js", jsfile: "/assets/js/committees.js",
cssfile: "assets/css/styles.css", cssfile: "/assets/css/styles.css",
themecolor: "", themecolor: "",
}, },
] as Website[]; ] as Website[];

2
src/util/template.html
View file

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" type="text/css" href="assets/css/fonts.css" media="screen"> <link rel="stylesheet" type="text/css" href="/assets/css/fonts.css" media="screen">
<link rel="stylesheet" type="text/css" href="$CSSFILE" media="screen"> <link rel="stylesheet" type="text/css" href="$CSSFILE" media="screen">
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1"> <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">