Fix pathing for static images

athenahacks · Sep 8, 2024 · 9e010a1 · 9e010a1
1 parent ec2a081
commit 9e010a1
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 23 deletions.
diff --git a/src/lib/components/NavbarDesktop.svelte b/src/lib/components/NavbarDesktop.svelte
@@ -58,7 +58,7 @@
 	<nav>
 		<!-- Left hand side logo -->
 		<button class="home-square" on:click={scrollToTop}>
-			<img src="/images/nav-logo.png" alt="Home" />
+			<img src="images/nav-logo.png" alt="Home" />
 		</button>
 
 		<!-- Navigation anchor links -->

diff --git a/src/lib/components/sections/About.svelte b/src/lib/components/sections/About.svelte
@@ -4,7 +4,7 @@
 
 <section id="about">
 	<div class="image">
-		<img src="/images/about.png" alt="Milkshake owl" />
+		<img src="images/about.png" alt="Milkshake owl" />
 	</div>
 	<div class="content">
 		<Header>What is AthenaHacks?</Header>
@@ -21,18 +21,18 @@
 		<div class="press-links">
 			<a
 				href="https://www.huffpost.com/entry/spotlight-on-athenahacks-why-female-hackathons-are_b_58ebf5fae4b0145a227cb797"
-				target="_blank"><img src="/images/press/huffpost.svg" alt="Huffpost" /></a
+				target="_blank"><img src="images/press/huffpost.svg" alt="Huffpost" /></a
 			>
 			<a
 				href="https://viterbischool.usc.edu/news/2019/04/a-hackathon-for-women-by-women/"
 				target="_blank"
-				><img src="/images/press/usc_viterbi.svg" alt="USC Viterbi School of Engineering" /></a
+				><img src="images/press/usc_viterbi.svg" alt="USC Viterbi School of Engineering" /></a
 			>
 			<a href="https://dailytrojan.com/2020/03/08/women-in-tech-rising-above/" target="_blank"
-				><img src="/images/press/daily_trojan.png" alt="Daily Trojan" /></a
+				><img src="images/press/daily_trojan.png" alt="Daily Trojan" /></a
 			>
 			<a href="https://medium.com/@athenahacks" target="_blank"
-				><img src="/images/press/medium.png" alt="Medium" /></a
+				><img src="images/press/medium.png" alt="Medium" /></a
 			>
 		</div>
 	</div>

diff --git a/src/lib/components/sections/Faqs.svelte b/src/lib/components/sections/Faqs.svelte
@@ -14,7 +14,7 @@
 		</div>
 		<div class="image">
 			<figure>
-				<img src="/images/faq.png" alt="Pastry owl" />
+				<img src="images/faq.png" alt="Pastry owl" />
 				<figcaption>
 					Don’t see your question? Hit us up at <a href="mailto:[email protected]"
 						>[email protected]</a

diff --git a/src/lib/components/sections/HeroSection.svelte b/src/lib/components/sections/HeroSection.svelte
@@ -6,7 +6,7 @@
 <section>
 	<div class="background"></div>
 	<div class="chocolate">
-		<img src="/images/hero-section-chocobar.png" alt="AthenaHacks chocolate keyboard. March 2-3" />
+		<img src="images/hero-section-chocobar.png" alt="AthenaHacks chocolate keyboard. March 2-3" />
 	</div>
 	<div class="content">
 		<!-- [BEGIN] Organizer application links -->
@@ -36,7 +36,7 @@
 		<Socials />
 		<div class="tech-together">
 			<p><small><i>AthenaHacks powered by </i></small></p>
-			<img src="/images/sponsors/tech-together.png" alt="TechTogether logo">
+			<img src="images/sponsors/tech-together.png" alt="TechTogether logo">
 		</div>
 	</div>
 </section>
@@ -49,7 +49,7 @@
 		min-height: 100vh;
 
 		.background {
-			background-image: url('/images/hero-section-cover.png');
+			background-image: url('images/hero-section-cover.png');
 			background-size: cover;
 			background-repeat: no-repeat;
 			width: 100%;

diff --git a/src/lib/components/sections/Keynote.svelte b/src/lib/components/sections/Keynote.svelte
@@ -7,7 +7,7 @@
 	<div class="keynote-wrapper">
 		<div class="image">
 			<div class="image-wrapper">
-				<img src="/images/keynote.jpeg" alt="Keynote speaker headshot" />
+				<img src="images/keynote.jpeg" alt="Keynote speaker headshot" />
 			</div>
 		</div>
 		<div class="description">

diff --git a/src/lib/components/sections/Slideshow.svelte b/src/lib/components/sections/Slideshow.svelte
@@ -4,17 +4,17 @@
 	let currView = 0;
 	const slides = [
 		{
-			image: '/images/slides/slide0.png',
+			image: 'images/slides/slide0.png',
 			description:
 				"From hardware to mobile, there are so many fields to explore! We want women to explore their ideas and interests, and are looking forward to some amazing projects! Check out last year's projects <a href='https://athenahacks2023.devpost.com/project-gallery' target='_blank'>here</a>!"
 		},
 		{
-			image: '/images/slides/slide1.png',
+			image: 'images/slides/slide1.png',
 			description:
 				"We're all about helping each other grow! We hope to foster a supportive environment so that each participant at AthenaHacks feels welcome, comfortable and empowered."
 		},
 		{
-			image: '/images/slides/slide2.png',
+			image: 'images/slides/slide2.png',
 			description:
 				'Right now, only 20% of hackathon participants are women. We hope to fill that gap by providing a comfortable environment that is focused on learning and exploring!'
 		}

diff --git a/src/lib/components/sections/Sponsors.svelte b/src/lib/components/sections/Sponsors.svelte
@@ -5,23 +5,23 @@
 <section id="sponsors">
 	<Header
 		>Sponsors
-		<img class="macaron-stack" src="/images/macaron-stack.png" alt="macaron stack" />
+		<img class="macaron-stack" src="images/macaron-stack.png" alt="macaron stack" />
 	</Header>
 	<div class="sponsor-list">
 		<div class="section tier-1">
-			<img class="macaron" src="/images/macaron-gold.png" alt="macaron decoration" />
+			<img class="macaron" src="images/macaron-gold.png" alt="macaron decoration" />
 			<img
 				class="sponsor"
-				src="/images/sponsors/bloomberg-engineering.png"
+				src="images/sponsors/bloomberg-engineering.png"
 				alt="Bloomberg Engineering"
 			/>
-			<img class="sponsor" src="/images/sponsors/chevron.png" alt="Chevron" />
+			<img class="sponsor" src="images/sponsors/chevron.png" alt="Chevron" />
 		</div>
 		<div class="section tier-3">
-			<img class="macaron" src="/images/macaron-pink.png" alt="macaron decoration" />
-			<img class="sponsor" src="/images/sponsors/google-cloud.png" alt="Google Cloud" />
-			<img class="sponsor" src="/images/sponsors/rewriting-the-code.png" alt="Rewriting The Code" />
-			<!-- <img class="sponsor" src="/images/sponsors/figma.png" alt="Figma" /> -->
+			<img class="macaron" src="images/macaron-pink.png" alt="macaron decoration" />
+			<img class="sponsor" src="images/sponsors/google-cloud.png" alt="Google Cloud" />
+			<img class="sponsor" src="images/sponsors/rewriting-the-code.png" alt="Rewriting The Code" />
+			<!-- <img class="sponsor" src="images/sponsors/figma.png" alt="Figma" /> -->
 		</div>
 	</div>
 	<div class="thank-you-message">
@@ -31,7 +31,7 @@
 				>[email protected]</a
 			>
 		</p>
-		<img src="/images/pencil.png" alt="Pencil" />
+		<img src="images/pencil.png" alt="Pencil" />
 	</div>
 </section>