Skip to content

Commit c797e09

Browse files
MATBckh22MATBckh22
committed
Another fix (pls be final)
1 parent 4d9cc7c commit c797e09

8 files changed

Lines changed: 104 additions & 104 deletions

File tree

‎src/components/Catalog.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,31 +12,31 @@ const catalogItems: CatalogItem[] = [
1212
id: 'interior',
1313
title: 'Interior',
1414
count: 6,
15-
image: '/images/interior 2nd building 1.png'
15+
image: `${import.meta.env.BASE_URL}images/interior 2nd building 1.png`
1616
},
1717
{
1818
id: 'cable-car',
1919
title: 'Cable Car',
2020
count: 3,
21-
image: '/images/track solas main.png'
21+
image: `${import.meta.env.BASE_URL}images/track solas main.png`
2222
},
2323
{
2424
id: 'mountain',
2525
title: 'Mountain',
2626
count: 8,
27-
image: '/images/render 1.png'
27+
image: `${import.meta.env.BASE_URL}images/render 1.png`
2828
},
2929
{
3030
id: 'ice-caves',
3131
title: 'Ice Caves',
3232
count: 4,
33-
image: '/images/ice cave main 1.png'
33+
image: `${import.meta.env.BASE_URL}images/ice cave main 1.png`
3434
},
3535
{
3636
id: 'lodge',
3737
title: 'Lodge',
3838
count: 5,
39-
image: '/images/dining hall sun.png'
39+
image: `${import.meta.env.BASE_URL}images/dining hall sun.png`
4040
}
4141
];
4242

‎src/components/Featured.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ interface FeaturedProps {
77
export function Featured({
88
title = 'Crystal Ice Caves',
99
description = 'A no-frills experience that brings its ethereal, hand-crafted ice formations to the fore. Designed for racers of every style and skill, Ice Caves are available in a range of difficulties and can be navigated at breakneck speed or explored leisurely.',
10-
imageSrc = '/images/ice cave main 2.png'
10+
imageSrc = `${import.meta.env.BASE_URL}images/ice cave main 2.png`
1111
}: FeaturedProps) {
1212
return (
1313
<section className="featured" id="featured">

‎src/components/Footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ interface FooterProps {
22
logoSrc?: string;
33
}
44

5-
export function Footer({ logoSrc = '/images/logo 2.png' }: FooterProps) {
5+
export function Footer({ logoSrc = `${import.meta.env.BASE_URL}images/logo 2.png` }: FooterProps) {
66
const currentYear = new Date().getFullYear();
77

88
return (

‎src/components/Hero.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@ interface HeroProps {
88
const CELL_SIZE = 50; // Fixed 50x50 pixel squares
99

1010
export function Hero({
11-
backgroundImage = '/images/main render.jpg',
12-
logoSrc = '/images/logo 2.png'
11+
backgroundImage = `${import.meta.env.BASE_URL}images/main render.jpg`,
12+
logoSrc = `${import.meta.env.BASE_URL}images/logo 2.png`
1313
}: HeroProps) {
1414
const [isLoading, setIsLoading] = useState(true);
1515
const [isTextHidden, setIsTextHidden] = useState(false);

‎src/components/MapHighlights.tsx‎

Lines changed: 80 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -15,134 +15,134 @@ const highlights: HighlightCard[] = [
1515
id: 'track',
1616
title: 'Track',
1717
description: 'Experience the thrilling ice boat racing track with dynamic loops and challenging turns.',
18-
thumbnailDay: '/images/track/day 1.png',
19-
thumbnailNight: '/images/track/night 1.png',
18+
thumbnailDay: `${import.meta.env.BASE_URL}images/track/day 1.png`,
19+
thumbnailNight: `${import.meta.env.BASE_URL}images/track/night 1.png`,
2020
dayImages: [
21-
'/images/track/day 1.png',
22-
'/images/track/day 2.png',
23-
'/images/track/day 3.png',
24-
'/images/track/day 4.png',
25-
'/images/track/day 5.png',
26-
'/images/track/day 6.png',
27-
'/images/track/day 7.png',
28-
'/images/track/day 8.png',
21+
`${import.meta.env.BASE_URL}images/track/day 1.png`,
22+
`${import.meta.env.BASE_URL}images/track/day 2.png`,
23+
`${import.meta.env.BASE_URL}images/track/day 3.png`,
24+
`${import.meta.env.BASE_URL}images/track/day 4.png`,
25+
`${import.meta.env.BASE_URL}images/track/day 5.png`,
26+
`${import.meta.env.BASE_URL}images/track/day 6.png`,
27+
`${import.meta.env.BASE_URL}images/track/day 7.png`,
28+
`${import.meta.env.BASE_URL}images/track/day 8.png`,
2929
],
3030
nightImages: [
31-
'/images/track/night 1.png',
32-
'/images/track/night 2.png',
33-
'/images/track/night 3.png',
34-
'/images/track/night 4.png',
35-
'/images/track/night 5.png',
36-
'/images/track/night 6.png',
37-
'/images/track/night 7.png',
38-
'/images/track/night 8.png',
31+
`${import.meta.env.BASE_URL}images/track/night 1.png`,
32+
`${import.meta.env.BASE_URL}images/track/night 2.png`,
33+
`${import.meta.env.BASE_URL}images/track/night 3.png`,
34+
`${import.meta.env.BASE_URL}images/track/night 4.png`,
35+
`${import.meta.env.BASE_URL}images/track/night 5.png`,
36+
`${import.meta.env.BASE_URL}images/track/night 6.png`,
37+
`${import.meta.env.BASE_URL}images/track/night 7.png`,
38+
`${import.meta.env.BASE_URL}images/track/night 8.png`,
3939
]
4040
},
4141
{
4242
id: 'main-lounge',
4343
title: 'Main Lounge',
4444
description: 'A cozy gathering space for players to relax and socialize between races.',
45-
thumbnailDay: '/images/main lounge/day 1.png',
46-
thumbnailNight: '/images/main lounge/night 1.png',
45+
thumbnailDay: `${import.meta.env.BASE_URL}images/main lounge/day 1.png`,
46+
thumbnailNight: `${import.meta.env.BASE_URL}images/main lounge/night 1.png`,
4747
dayImages: [
48-
'/images/main lounge/day 1.png',
49-
'/images/main lounge/day 2.png',
50-
'/images/main lounge/day 3.png',
51-
'/images/main lounge/day 4.png',
52-
'/images/main lounge/day 5.png',
53-
'/images/main lounge/day 6.png',
48+
`${import.meta.env.BASE_URL}images/main lounge/day 1.png`,
49+
`${import.meta.env.BASE_URL}images/main lounge/day 2.png`,
50+
`${import.meta.env.BASE_URL}images/main lounge/day 3.png`,
51+
`${import.meta.env.BASE_URL}images/main lounge/day 4.png`,
52+
`${import.meta.env.BASE_URL}images/main lounge/day 5.png`,
53+
`${import.meta.env.BASE_URL}images/main lounge/day 6.png`,
5454
],
5555
nightImages: [
56-
'/images/main lounge/night 1.png',
57-
'/images/main lounge/night 2.png',
58-
'/images/main lounge/night 3.png',
59-
'/images/main lounge/night 4.png',
60-
'/images/main lounge/night 5.png',
61-
'/images/main lounge/night 6.png',
56+
`${import.meta.env.BASE_URL}images/main lounge/night 1.png`,
57+
`${import.meta.env.BASE_URL}images/main lounge/night 2.png`,
58+
`${import.meta.env.BASE_URL}images/main lounge/night 3.png`,
59+
`${import.meta.env.BASE_URL}images/main lounge/night 4.png`,
60+
`${import.meta.env.BASE_URL}images/main lounge/night 5.png`,
61+
`${import.meta.env.BASE_URL}images/main lounge/night 6.png`,
6262
]
6363
},
6464
{
6565
id: 'spectator-loft',
6666
title: 'Spectator Loft',
6767
description: 'Watch the races unfold from the best seats in the house.',
68-
thumbnailDay: '/images/spectator loft/day 1.png',
69-
thumbnailNight: '/images/spectator loft/night 1.png',
68+
thumbnailDay: `${import.meta.env.BASE_URL}images/spectator loft/day 1.png`,
69+
thumbnailNight: `${import.meta.env.BASE_URL}images/spectator loft/night 1.png`,
7070
dayImages: [
71-
'/images/spectator loft/day 1.png',
72-
'/images/spectator loft/day 2.png',
73-
'/images/spectator loft/day 3.png',
74-
'/images/spectator loft/day 4.png',
75-
'/images/spectator loft/day 5.png',
76-
'/images/spectator loft/day 6.png',
77-
'/images/spectator loft/day 7.png',
78-
'/images/spectator loft/day 8.png',
71+
`${import.meta.env.BASE_URL}images/spectator loft/day 1.png`,
72+
`${import.meta.env.BASE_URL}images/spectator loft/day 2.png`,
73+
`${import.meta.env.BASE_URL}images/spectator loft/day 3.png`,
74+
`${import.meta.env.BASE_URL}images/spectator loft/day 4.png`,
75+
`${import.meta.env.BASE_URL}images/spectator loft/day 5.png`,
76+
`${import.meta.env.BASE_URL}images/spectator loft/day 6.png`,
77+
`${import.meta.env.BASE_URL}images/spectator loft/day 7.png`,
78+
`${import.meta.env.BASE_URL}images/spectator loft/day 8.png`,
7979
],
8080
nightImages: [
81-
'/images/spectator loft/night 1.png',
82-
'/images/spectator loft/night 2.png',
83-
'/images/spectator loft/night 3.png',
84-
'/images/spectator loft/night 4.png',
85-
'/images/spectator loft/night 5.png',
86-
'/images/spectator loft/night 6.png',
87-
'/images/spectator loft/night 7.png',
88-
'/images/spectator loft/night 8.png',
81+
`${import.meta.env.BASE_URL}images/spectator loft/night 1.png`,
82+
`${import.meta.env.BASE_URL}images/spectator loft/night 2.png`,
83+
`${import.meta.env.BASE_URL}images/spectator loft/night 3.png`,
84+
`${import.meta.env.BASE_URL}images/spectator loft/night 4.png`,
85+
`${import.meta.env.BASE_URL}images/spectator loft/night 5.png`,
86+
`${import.meta.env.BASE_URL}images/spectator loft/night 6.png`,
87+
`${import.meta.env.BASE_URL}images/spectator loft/night 7.png`,
88+
`${import.meta.env.BASE_URL}images/spectator loft/night 8.png`,
8989
]
9090
},
9191
{
9292
id: 'ice-caves',
9393
title: 'Ice Caves',
9494
description: 'Explore the mysterious frozen caverns beneath the racing grounds.',
95-
thumbnailDay: '/images/ice caves/2025-12-20_01.19.00.png',
96-
thumbnailNight: '/images/ice caves/2025-12-20_01.19.00.png',
95+
thumbnailDay: `${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.00.png`,
96+
thumbnailNight: `${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.00.png`,
9797
dayImages: [
98-
'/images/ice caves/2025-11-18_23.47.28.png',
99-
'/images/ice caves/2025-11-18_23.49.01.png',
100-
'/images/ice caves/2025-11-18_23.49.24_2.png',
101-
'/images/ice caves/2025-12-20_01.19.00.png',
102-
'/images/ice caves/2025-12-20_01.19.18.png',
103-
'/images/ice caves/2025-12-20_01.19.31.png',
98+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.47.28.png`,
99+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.49.01.png`,
100+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.49.24_2.png`,
101+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.00.png`,
102+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.18.png`,
103+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.31.png`,
104104
],
105105
nightImages: [
106-
'/images/ice caves/2025-11-18_23.47.28.png',
107-
'/images/ice caves/2025-11-18_23.49.01.png',
108-
'/images/ice caves/2025-11-18_23.49.24_2.png',
109-
'/images/ice caves/2025-12-20_01.19.00.png',
110-
'/images/ice caves/2025-12-20_01.19.18.png',
111-
'/images/ice caves/2025-12-20_01.19.31.png',
106+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.47.28.png`,
107+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.49.01.png`,
108+
`${import.meta.env.BASE_URL}images/ice caves/2025-11-18_23.49.24_2.png`,
109+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.00.png`,
110+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.18.png`,
111+
`${import.meta.env.BASE_URL}images/ice caves/2025-12-20_01.19.31.png`,
112112
]
113113
},
114114
{
115115
id: 'cable-car',
116116
title: 'Cable Car',
117117
description: 'Scenic transportation system connecting different areas of the map.',
118-
thumbnailDay: '/images/cable car/day 1.png',
119-
thumbnailNight: '/images/cable car/night 1.png',
118+
thumbnailDay: `${import.meta.env.BASE_URL}images/cable car/day 1.png`,
119+
thumbnailNight: `${import.meta.env.BASE_URL}images/cable car/night 1.png`,
120120
dayImages: [
121-
'/images/cable car/day 1.png',
122-
'/images/cable car/day 2.png',
123-
'/images/cable car/day 3.png',
124-
'/images/cable car/day 4.png',
121+
`${import.meta.env.BASE_URL}images/cable car/day 1.png`,
122+
`${import.meta.env.BASE_URL}images/cable car/day 2.png`,
123+
`${import.meta.env.BASE_URL}images/cable car/day 3.png`,
124+
`${import.meta.env.BASE_URL}images/cable car/day 4.png`,
125125
],
126126
nightImages: [
127-
'/images/cable car/night 1.png',
128-
'/images/cable car/night 2.png',
129-
'/images/cable car/night 3.png',
130-
'/images/cable car/night 4.png',
127+
`${import.meta.env.BASE_URL}images/cable car/night 1.png`,
128+
`${import.meta.env.BASE_URL}images/cable car/night 2.png`,
129+
`${import.meta.env.BASE_URL}images/cable car/night 3.png`,
130+
`${import.meta.env.BASE_URL}images/cable car/night 4.png`,
131131
]
132132
},
133133
{
134134
id: 'miscellaneous',
135135
title: 'Miscellaneous',
136136
description: 'Discover hidden details and decorative elements throughout the map.',
137-
thumbnailDay: '/images/miscellaneous/day 1.png',
138-
thumbnailNight: '/images/miscellaneous/night 1.png',
137+
thumbnailDay: `${import.meta.env.BASE_URL}images/miscellaneous/day 1.png`,
138+
thumbnailNight: `${import.meta.env.BASE_URL}images/miscellaneous/night 1.png`,
139139
dayImages: [
140-
'/images/miscellaneous/day 1.png',
141-
'/images/miscellaneous/day 2.png',
140+
`${import.meta.env.BASE_URL}images/miscellaneous/day 1.png`,
141+
`${import.meta.env.BASE_URL}images/miscellaneous/day 2.png`,
142142
],
143143
nightImages: [
144-
'/images/miscellaneous/night 1.png',
145-
'/images/miscellaneous/night 2.png',
144+
`${import.meta.env.BASE_URL}images/miscellaneous/night 1.png`,
145+
`${import.meta.env.BASE_URL}images/miscellaneous/night 2.png`,
146146
]
147147
},
148148
];

‎src/components/MapShowcase.tsx‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,16 @@ interface BlockStat {
77
}
88

99
const blockStats: BlockStat[] = [
10-
{ count: '3,118,723', name: 'Packed Ice', image: '/images/packed ice.webp' },
11-
{ count: '1,479,066', name: 'Blue Ice', image: '/images/blue ice.webp' },
12-
{ count: '1,050,334', name: 'Light Blue Concrete Powder', image: '/images/light blue concrete powder.webp' },
13-
{ count: '823,695', name: 'Stone', image: '/images/stone.webp' },
14-
{ count: '149,209', name: 'Acacia Log', image: '/images/acacia log.png' },
15-
{ count: '138,951', name: 'Tuff', image: '/images/tuff.webp' },
16-
{ count: '121,562', name: 'Snow', image: '/images/snow.webp' },
17-
{ count: '117,669', name: 'Barrier', image: '/images/barrier.webp' },
18-
{ count: '117,254', name: 'Deepslate', image: '/images/deepslate.webp' },
19-
{ count: '75,828', name: 'Andesite', image: '/images/andesite.webp' },
10+
{ count: '3,118,723', name: 'Packed Ice', image: `${import.meta.env.BASE_URL}images/packed ice.webp` },
11+
{ count: '1,479,066', name: 'Blue Ice', image: `${import.meta.env.BASE_URL}images/blue ice.webp` },
12+
{ count: '1,050,334', name: 'Light Blue Concrete Powder', image: `${import.meta.env.BASE_URL}images/light blue concrete powder.webp` },
13+
{ count: '823,695', name: 'Stone', image: `${import.meta.env.BASE_URL}images/stone.webp` },
14+
{ count: '149,209', name: 'Acacia Log', image: `${import.meta.env.BASE_URL}images/acacia log.png` },
15+
{ count: '138,951', name: 'Tuff', image: `${import.meta.env.BASE_URL}images/tuff.webp` },
16+
{ count: '121,562', name: 'Snow', image: `${import.meta.env.BASE_URL}images/snow.webp` },
17+
{ count: '117,669', name: 'Barrier', image: `${import.meta.env.BASE_URL}images/barrier.webp` },
18+
{ count: '117,254', name: 'Deepslate', image: `${import.meta.env.BASE_URL}images/deepslate.webp` },
19+
{ count: '75,828', name: 'Andesite', image: `${import.meta.env.BASE_URL}images/andesite.webp` },
2020
];
2121

2222
type ViewMode = 'isometric' | 'no-balloons' | 'top-down';
@@ -73,17 +73,17 @@ export function MapShowcase() {
7373
{/* Map Image - Crossfade between views */}
7474
<div className="map-image-container">
7575
<img
76-
src="/images/isometric 1.png"
76+
src={`${import.meta.env.BASE_URL}images/isometric 1.png`}
7777
alt="Map isometric view"
7878
className={`map-image ${viewMode === 'isometric' ? 'active' : ''}`}
7979
/>
8080
<img
81-
src="/images/isometric 4.png"
81+
src={`${import.meta.env.BASE_URL}images/isometric 4.png`}
8282
alt="Map no-balloons view"
8383
className={`map-image ${viewMode === 'no-balloons' ? 'active' : ''}`}
8484
/>
8585
<img
86-
src="/images/isometric 2.png"
86+
src={`${import.meta.env.BASE_URL}images/isometric 2.png`}
8787
alt="Map top-down view"
8888
className={`map-image ${viewMode === 'top-down' ? 'active' : ''}`}
8989
/>

‎src/components/Navbar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ interface NavbarProps {
44
logoSrc?: string;
55
}
66

7-
export function Navbar({ logoSrc = '/images/logo 1.PNG' }: NavbarProps) {
7+
export function Navbar({ logoSrc = `${import.meta.env.BASE_URL}images/logo 1.PNG` }: NavbarProps) {
88
const [scrolled, setScrolled] = useState(false);
99
const [currentTheme, setCurrentTheme] = useState<'default' | 'cyan' | 'redstone'>('default');
1010

‎src/components/Redstone.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export function Redstone() {
7070
ref={(el) => { itemRefs.current[index] = el; }}
7171
>
7272
<img
73-
src={`/images/frost pursuit redstone/${item.src}`}
73+
src={`${import.meta.env.BASE_URL}images/frost pursuit redstone/${item.src}`}
7474
alt={item.label}
7575
/>
7676
</div>

0 commit comments

Comments
 (0)