From d48050242ffcd61daf8da750a916c2d1b863a5be Mon Sep 17 00:00:00 2001 From: Hri7566 Date: Thu, 14 Sep 2023 00:32:45 -0400 Subject: [PATCH] Add random backgrounds to all pages --- src/pages/about.tsx | 21 +++++++++++++++++++-- src/pages/team.tsx | 21 +++++++++++++++++++-- 2 files changed, 38 insertions(+), 4 deletions(-) diff --git a/src/pages/about.tsx b/src/pages/about.tsx index 1ceaf0d..d12db9a 100644 --- a/src/pages/about.tsx +++ b/src/pages/about.tsx @@ -8,7 +8,21 @@ import { LinkButton } from "../components/LinkButton"; import { NavigationBar } from "../components/NavigationBar"; import { PageContentBox } from "~/components/PageContentBox"; -export default function Home() { +export default function About() { + const bgs = [ + "/bg/webp/bg1.webp", + "/bg/webp/bg2.webp", + "/bg/webp/bg3.webp", + "/bg/webp/bg4.webp", + "/bg/webp/bg5.webp", + "/bg/webp/bg6.webp", + "/bg/webp/bg7.webp", + "/bg/webp/bg8.webp", + "/bg/webp/bg9.webp", + ]; + + const randomBg = bgs[Math.floor(Math.random() * bgs.length)] as string; + return ( <> @@ -17,7 +31,10 @@ export default function Home() { {/*
*/} -
+
diff --git a/src/pages/team.tsx b/src/pages/team.tsx index c02ca09..1032cbb 100644 --- a/src/pages/team.tsx +++ b/src/pages/team.tsx @@ -6,7 +6,21 @@ import { NavigationBar } from "~/components/NavigationBar"; import { PageContentBox } from "~/components/PageContentBox"; import { EmployeeList } from "~/components/EmployeeList"; -export default function Employment() { +export default function Team() { + const bgs = [ + "/bg/webp/bg1.webp", + "/bg/webp/bg2.webp", + "/bg/webp/bg3.webp", + "/bg/webp/bg4.webp", + "/bg/webp/bg5.webp", + "/bg/webp/bg6.webp", + "/bg/webp/bg7.webp", + "/bg/webp/bg8.webp", + "/bg/webp/bg9.webp", + ]; + + const randomBg = bgs[Math.floor(Math.random() * bgs.length)] as string; + return ( <> @@ -15,7 +29,10 @@ export default function Employment() { {/*
*/} -
+