Merge pull request #4 from experimental-celestial-laboratories/hri7566/xcl-42-update-page-backgrounds
Hri7566/xcl 42 update page backgrounds
After Width: | Height: | Size: 5.1 MiB |
After Width: | Height: | Size: 5.0 MiB |
After Width: | Height: | Size: 5.6 MiB |
After Width: | Height: | Size: 5.2 MiB |
After Width: | Height: | Size: 4.5 MiB |
After Width: | Height: | Size: 4.7 MiB |
After Width: | Height: | Size: 4.6 MiB |
After Width: | Height: | Size: 3.2 MiB |
After Width: | Height: | Size: 3.2 MiB |
After Width: | Height: | Size: 5.5 MiB |
After Width: | Height: | Size: 6.0 MiB |
After Width: | Height: | Size: 833 KiB |
After Width: | Height: | Size: 789 KiB |
After Width: | Height: | Size: 856 KiB |
After Width: | Height: | Size: 741 KiB |
After Width: | Height: | Size: 237 KiB |
After Width: | Height: | Size: 244 KiB |
After Width: | Height: | Size: 244 KiB |
After Width: | Height: | Size: 332 KiB |
After Width: | Height: | Size: 324 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 830 KiB |
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 3.5 MiB |
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
|
@ -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 (
|
||||
<>
|
||||
<Head>
|
||||
|
@ -17,7 +31,10 @@ export default function Home() {
|
|||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
{/* <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]"> */}
|
||||
<main className="bg-[url(/bg.png)] bg-cover bg-center">
|
||||
<main
|
||||
className="bg-cover bg-center"
|
||||
style={{ backgroundImage: `url("${randomBg}")` }}
|
||||
>
|
||||
<div className="bg-black/60">
|
||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||
<Link className="absolute left-0 top-0" href="/">
|
||||
|
|
|
@ -8,6 +8,20 @@ import { LinkButton } from "../components/LinkButton";
|
|||
import { NavigationBar } from "../components/NavigationBar";
|
||||
|
||||
export default function Home() {
|
||||
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 (
|
||||
<>
|
||||
<Head>
|
||||
|
@ -16,7 +30,10 @@ export default function Home() {
|
|||
<link rel="icon" href="/favicon.svg" />
|
||||
</Head>
|
||||
{/* <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]"> */}
|
||||
<main className="bg-[url(/bg.png)] bg-cover bg-center">
|
||||
<main
|
||||
className="bg-cover bg-center"
|
||||
style={{ backgroundImage: `url("${randomBg}")` }}
|
||||
>
|
||||
<div className="bg-black/60">
|
||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||
<div className="absolute right-0 top-0">
|
||||
|
|
|
@ -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 (
|
||||
<>
|
||||
<Head>
|
||||
|
@ -15,7 +29,10 @@ export default function Employment() {
|
|||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
{/* <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#993800] to-[#250e00]"> */}
|
||||
<main className="bg-[url(/bg.png)] bg-cover bg-center">
|
||||
<main
|
||||
className="bg-cover bg-center"
|
||||
style={{ backgroundImage: `url("${randomBg}")` }}
|
||||
>
|
||||
<div className="bg-black/60">
|
||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||
<Link className="absolute left-0 top-0" href="/">
|
||||
|
|