Merge pull request #4 from experimental-celestial-laboratories/hri7566/xcl-42-update-page-backgrounds

Hri7566/xcl 42 update page backgrounds
This commit is contained in:
Hri7566 2023-09-14 00:34:59 -04:00 committed by GitHub
commit f6560f6e6b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
29 changed files with 56 additions and 5 deletions

BIN
public/bg/bg1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
public/bg/bg2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 MiB

BIN
public/bg/bg3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 MiB

BIN
public/bg/bg4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
public/bg/bg5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
public/bg/bg6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
public/bg/bg7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 MiB

BIN
public/bg/bg8.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
public/bg/bg9.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
public/bg/bg_bright.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

BIN
public/bg/bg_day.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 MiB

BIN
public/bg/webp/bg1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 833 KiB

BIN
public/bg/webp/bg2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 789 KiB

BIN
public/bg/webp/bg3.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 856 KiB

BIN
public/bg/webp/bg4.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 KiB

BIN
public/bg/webp/bg5.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

BIN
public/bg/webp/bg6.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

BIN
public/bg/webp/bg7.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

BIN
public/bg/webp/bg8.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

BIN
public/bg/webp/bg9.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 324 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/bg/webp/bg_day.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

View File

Before

Width:  |  Height:  |  Size: 3.5 MiB

After

Width:  |  Height:  |  Size: 3.5 MiB

View File

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

View File

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

View File

@ -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="/">

View File

@ -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">

View File

@ -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="/">