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

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

@ -62,7 +62,7 @@ a:hover {
position: relative;
}
.topbar.burger-bar>.img-cont {
.topbar.burger-bar > .img-cont {
align-self: flex-start;
display: flex;
justify-content: space-between;
@ -92,12 +92,12 @@ a:hover {
margin-top: 0.36em;
}
.link-items.burger-time>a {
.link-items.burger-time > a {
margin: 0;
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);
}
@ -132,7 +132,7 @@ a:hover {
margin-top: 2em;
}
.splash-socials>a {
.splash-socials > a {
margin-left: 1.5em;
margin-right: 1.5em;
}
@ -158,19 +158,19 @@ a:hover {
margin-bottom: 0.8em;
}
.default-section>p,
.project-space>p {
.default-section > p,
.project-space > p {
font-size: 1.8em;
width: 22em;
color: var(--dark);
text-align: center;
}
.project-space>p {
.project-space > p {
color: var(--secondary);
}
.default-section>p:first-child {
.default-section > p:first-child {
margin-top: 0;
}
@ -238,7 +238,7 @@ a:hover {
margin-bottom: 0.5em;
}
.involve-card>img {
.involve-card > img {
width: 20em;
margin-bottom: 1em;
border-radius: 0.2em;
@ -255,7 +255,7 @@ a:hover {
width: 25em;
}
.social-card>img {
.social-card > img {
width: 4.7em;
}
@ -284,7 +284,7 @@ a:hover {
margin: 1em;
}
.carousel-item>img {
.carousel-item > img {
width: 18.7em;
border-radius: 0.2em;
}
@ -360,7 +360,7 @@ a:hover {
width: 4.7em;
}
.footer>img {
.footer > img {
width: 30em;
}
@ -376,7 +376,7 @@ a:hover {
font-size: 0.8em;
}
.footer>img {
.footer > img {
width: 15em;
}
}
@ -386,7 +386,7 @@ a:hover {
font-size: 0.6em;
}
.footer>img {
.footer > img {
display: none;
}
}
@ -431,10 +431,13 @@ iframe {
column-gap: 10em;
vertical-align: middle;
flex-wrap: wrap;
padding: 2em;
align-items: center;
}
.project-desc img {
width: 30em;
padding-top: 3em;
padding-bottom: 3em;
border-radius: 0.2em;
width: 100%;
max-width: 600px;
max-height: 400px;
}

12
src/public/committees.tsx
View file

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

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

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

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

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

2
src/public/events.tsx
View file

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

8
src/public/index.tsx
View file

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

6
src/public/projects.tsx
View file

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

16
src/util/index.ts
View file

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

2
src/util/template.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<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="icon" href="favicon.ico" type="image/x-icon">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">