www
/
class-profile-2023
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix base path issues
continuous-integration/drone/push Build is passing Details

This commit is contained in:
hyper-neutrino 2024-04-03 12:56:46 -04:00
parent e06aa86963
commit 187620f07c
4 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/page.tsx
View File

@ -7,6 +7,7 @@ import { pageRoutes } from "@/data/routes";
import { title } from "@/utils/title";
import Image from "next/image";
import styles from "./page.module.css";
import { basePath } from "@/utils/getBasePath";
export const metadata = title("Home");
@ -19,17 +20,31 @@ export default function Home() {
<h1 className={styles.title}>UW Computer Science 2023 Class Profile</h1>
<div className={styles.space}>
<div className={styles.planet}>
<Image className={styles.planetRing} src="/images/planet-ring.svg" alt="Planet Ring" width={300} height={300} />
<Image className={styles.planetBody} src="/images/planet-body.svg" alt="Planet Body" width={200} height={200} />
<Image className={styles.planetRing} src={basePath + "/images/planet-ring.svg"} alt="Planet Ring" width={300} height={300} />
<Image className={styles.planetBody} src={basePath + "/images/planet-body.svg"} alt="Planet Body" width={200} height={200} />
</div>
<div className={styles.moon}>
<Image src="/images/moon.svg" alt="Moon" width={64} height={64} />
<Image src={basePath + "/images/moon.svg"} alt="Moon" width={64} height={64} />
</div>
</div>
</div>
<div className={styles.curves}>
<Image className={styles.topCurve} src="/images/main-page-wide-curve.svg" alt="Wide Curve" width={1440} height={200} layout="responsive" />
<Image className={styles.bottomCurve} src="/images/main-page-narrow-curve.svg" alt="Narrow Curve" width={1440} height={200} layout="responsive" />
<Image
className={styles.topCurve}
src={basePath + "/images/main-page-wide-curve.svg"}
alt="Wide Curve"
width={1440}
height={200}
layout="responsive"
/>
<Image
className={styles.bottomCurve}
src={basePath + "/images/main-page-narrow-curve.svg"}
alt="Narrow Curve"
width={1440}
height={200}
layout="responsive"
/>
</div>
<a href="#about" className={styles.downButton}>
<svg viewBox="0 0 20 11">

11
app/sandbox/page.tsx
View File

@ -1,13 +1,14 @@
import { basePath } from "@/utils/getBasePath";
import Image from "next/image";
export default function Sandbox() {
return (
<>
<Image src="/images/goose1.svg" alt="Goose #1" width={200} height={200} />
<Image src="/images/goose2.svg" alt="Goose #2" width={200} height={200} />
<Image src="/images/goose3.svg" alt="Goose #3" width={200} height={200} />
<Image src="/images/grades.svg" alt="Grades" width={200} height={200} />
<Image src="/images/laptop.svg" alt="Laptop" width={200} height={200} />
<Image src={basePath + "/images/goose1.svg"} alt="Goose #1" width={200} height={200} />
<Image src={basePath + "/images/goose2.svg"} alt="Goose #2" width={200} height={200} />
<Image src={basePath + "/images/goose3.svg"} alt="Goose #3" width={200} height={200} />
<Image src={basePath + "/images/grades.svg"} alt="Grades" width={200} height={200} />
<Image src={basePath + "/images/laptop.svg"} alt="Laptop" width={200} height={200} />
</>
);
}

5
components/GooseAndMoon.tsx
View File

@ -1,11 +1,12 @@
import Image from "next/image";
import styles from "./GooseAndMoon.module.css";
import { basePath } from "@/utils/getBasePath";
export function GooseAndMoon() {
return (
<div className={styles.group}>
<Image className={styles.moon} src="/images/big-moon.svg" alt="" width={500} height={500}></Image>
<Image className={styles.goose} src="/images/goose1.svg" alt="" width={320} height={320}></Image>
<Image className={styles.moon} src={basePath + "/images/big-moon.svg"} alt="" width={500} height={500}></Image>
<Image className={styles.goose} src={basePath + "/images/goose1.svg"} alt="" width={320} height={320}></Image>
</div>
);
}

3
components/Header.tsx
View File

@ -1,6 +1,7 @@
"use client";
import { pageRoutes } from "@/data/routes";
import { basePath } from "@/utils/getBasePath";
import { useWindowScroll } from "@uidotdev/usehooks";
import Image from "next/legacy/image";
import Link from "next/link";
@ -52,7 +53,7 @@ export function Header() {
onClick={() => {
setIsShowingMenu(false);
}}>
<Image src="/images/rightArrow.svg" alt="Right Arrow" className={styles.arrowIcon} width="50" height="50" draggable="false" />
<Image src={basePath + "/images/rightArrow.svg"} alt="Right Arrow" className={styles.arrowIcon} width="50" height="50" draggable="false" />
</button>
</div>
<div className={styles.sectionsWrapper}>