xcl
/
xcl-website
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: xcl:a457c8937a8c6027996fb084fe180fc5d7b4a60b
Branches Tags
xcl:main
xcl:split
..
compare: xcl:7521b3b4a06883debef916a3e069607b4aba4760
Branches Tags
xcl:main
xcl:split

10 Commits
a457c8937a ... 7521b3b4a0

Author SHA1 Message Date
Hri7566 7521b3b4a0 Mitigate warnings 2023-09-14 01:31:24 -04:00
Hri7566 c868ccae2a
Merge pull request #6 from experimental-celestial-laboratories/hri7566/xcl-36-mobilize 
Hri7566/xcl 36 mobilize
 2023-09-14 01:07:30 -04:00
Hri7566 c04192d58a
Merge pull request #5 from experimental-celestial-laboratories/hri7566/xcl-43-page-template-instead-of-copy-paste 
Add root layout and remove per-page layout
 2023-09-14 01:07:11 -04:00
Hri7566 2da9c8e47a Fix header on mobile 2023-09-14 01:05:47 -04:00
Hri7566 1866dc3a84 Add root layout and remove per-page layout 2023-09-14 00:48:52 -04:00
Hri7566 f6560f6e6b
Merge pull request #4 from experimental-celestial-laboratories/hri7566/xcl-42-update-page-backgrounds 
Hri7566/xcl 42 update page backgrounds
 2023-09-14 00:34:59 -04:00
Hri7566 d48050242f Add random backgrounds to all pages 2023-09-14 00:32:45 -04:00
Hri7566 16cbcf97f3 Add PNG and WEBP images, implement random background 2023-09-14 00:30:32 -04:00
Hri7566 c049db6335
Merge pull request #3 from experimental-celestial-laboratories/hri7566/xcl-53-change-git-link 
Change git link and fix favicon
 2023-09-13 23:57:59 -04:00
Hri7566 d0dd5d9b9b Change git link and fix favicon 2023-09-13 23:54:31 -04:00
34 changed files with 102 additions and 104 deletions
Show Stats Expand all files Collapse all files

BIN
public/bg/bg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
public/bg/bg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 MiB

BIN
public/bg/bg3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 MiB

BIN
public/bg/bg4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
public/bg/bg5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
public/bg/bg6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
public/bg/bg7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

BIN
public/bg/bg8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
public/bg/bg9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 MiB

BIN
public/bg/bg_bright.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 MiB

BIN
public/bg/bg_day.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 833 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 789 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 856 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 741 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 237 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 KiB

BIN
public/bg/webp/bg_bright.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 830 KiB

1
public/favicon.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208.31 242.31"><defs><style>.b{fill:#fff;stroke:#231f20;stroke-miterlimit:10;}</style></defs><polygon class="b" points="83.49 166.54 100.22 196.8 75.37 241.81 42.41 241.81 83.49 166.54"/><polygon class="b" points="75.37 .5 207.46 241.81 174.75 241.81 42.41 .5 75.37 .5"/><polygon class="b" points="33.55 .5 165.89 241.81 133.18 241.81 .84 .5 33.55 .5"/><path class="b" d="M124.81,75.77l-16.97-31.48L132.93,.5h32.96l-41.08,75.27Zm21.16,38.87L207.46,.5h-32.71l-45.51,83.63,16.73,30.51Z"/><polygon class="b" points="79.06 158.18 33.55 241.81 .84 241.81 62.33 127.67 79.06 158.18"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 682 B

0
public/bg.png → public/old/bg.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 MiB

After

Width:  |  Height:  |  Size: 3.5 MiB

0
public/bg_old.png → public/old/bg_old.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

0
public/favicon.ico → public/old/favicon.ico.old
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

0
public/favicon_old.ico → public/old/favicon_old.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

10
src/components/CornerLogo.tsx Normal file
View File

@ -0,0 +1,10 @@
import Link from "next/link";
import { Logo } from "./Logo";
export const CornerLogo = () => {
return (
<Link className="absolute left-0 top-0 hidden sm:flex" href="/">
<Logo />
</Link>
);
};

2
src/components/PageContentBox.tsx
View File

@ -1,4 +1,4 @@
import { PropsWithChildren } from "react";
import { type PropsWithChildren } from "react";
export const PageContentBox = (
props: {

33
src/components/layout.tsx Normal file
View File

@ -0,0 +1,33 @@
import Head from "next/head";
export default function Layout({ children }: { children: React.ReactNode }) {
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>
<title>XCL</title>
<meta name="description" content="XCL homepage" />
<link rel="icon" href="/favicon.svg" />
</Head>
<main
className="bg-cover bg-center"
style={{ backgroundImage: `url("${randomBg}")` }}
>
{children}
</main>
</>
);
}

5
src/pages/_app.tsx
View File

@ -3,6 +3,7 @@ import { SessionProvider } from "next-auth/react";
import { type AppType } from "next/app";
import { api } from "~/utils/api";
import "~/styles/globals.css";
import Layout from "~/components/layout";
const MyApp: AppType<{ session: Session | null }> = ({
Component,
@ -10,7 +11,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
}) => {
return (
<SessionProvider session={session}>
<Component {...pageProps} />
<Layout>
<Component {...pageProps} />
</Layout>
</SessionProvider>
);
};

59
src/pages/about.tsx
View File

@ -1,46 +1,27 @@
import { signIn, signOut, useSession } from "next-auth/react";
import Head from "next/head";
import Image from "next/image";
import Link from "next/link";
import { api } from "~/utils/api";
import { Logo } from "../components/Logo";
import { LinkButton } from "../components/LinkButton";
import { NavigationBar } from "../components/NavigationBar";
import { PageContentBox } from "~/components/PageContentBox";
import { CornerLogo } from "~/components/CornerLogo";
export default function Home() {
export default function About() {
return (
<>
<Head>
<title>XCL</title>
<meta name="description" content="About XCL" />
<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">
<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="/">
<Logo />
</Link>
<div className="absolute right-0 top-0">
<NavigationBar />
</div>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<PageContentBox title="Our Mission">
Here at XCL, we strive to make the SwitchCraft 3 server as
unbearable as possible. While these noobs at SpaceTech are
feeding cookies to parrots, we build space stations not only
for the astronauts, but also for the olympians and war heroes
of our time.
</PageContentBox>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</div>
<div className="bg-black/60">
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
<CornerLogo />
<div className="absolute right-0 top-0">
<NavigationBar />
</div>
</main>
</>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<PageContentBox title="Our Mission">
Here at XCL, we strive to make the SwitchCraft 3 server as
unbearable as possible. While these noobs at SpaceTech are feeding
cookies to parrots, we build space stations not only for the
astronauts, but also for the olympians and war heroes of our time.
</PageContentBox>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</div>
</div>
);
}

49
src/pages/index.tsx
View File

@ -1,41 +1,26 @@
import { signIn, signOut, useSession } from "next-auth/react";
import Head from "next/head";
import Image from "next/image";
import Link from "next/link";
import { api } from "~/utils/api";
import { Logo } from "../components/Logo";
import { LinkButton } from "../components/LinkButton";
import { NavigationBar } from "../components/NavigationBar";
export default function Home() {
return (
<>
<Head>
<title>XCL</title>
<meta name="description" content="XCL homepage" />
<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">
<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">
<NavigationBar />
</div>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<Logo />
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<LinkButton
href="https://github.com/experimental-celestial-laboratories"
title="GitHub →"
text="Learn more about XCL."
/>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</div>
<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">
<NavigationBar />
</div>
</main>
</>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<Logo />
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
<LinkButton
href="https://git.hri7566.info/xcl"
title="Git →"
text="Learn more about XCL."
/>
</div>
<div className="flex flex-col items-center gap-2"></div>
</div>
</div>
</div>
);
}

47
src/pages/team.tsx
View File

@ -1,39 +1,24 @@
import { signIn, signOut, useSession } from "next-auth/react";
import Head from "next/head";
import Link from "next/link";
import { Logo } from "../components/Logo";
import { NavigationBar } from "~/components/NavigationBar";
import { PageContentBox } from "~/components/PageContentBox";
import { EmployeeList } from "~/components/EmployeeList";
import { CornerLogo } from "~/components/CornerLogo";
export default function Employment() {
export default function Team() {
return (
<>
<Head>
<title>XCL</title>
<meta name="description" content="XCL's team" />
<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">
<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="/">
<Logo />
</Link>
<div className="absolute right-0 top-0">
<NavigationBar />
</div>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<PageContentBox title="Employees">
<div className="grid grid-cols-1 md:grid-cols-3">
<EmployeeList />
</div>
</PageContentBox>
</div>
</div>
<div className="bg-black/60">
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
<CornerLogo />
<div className="absolute right-0 top-0">
<NavigationBar />
</div>
</main>
</>
<div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
<PageContentBox title="Employees">
<div className="grid grid-cols-1 md:grid-cols-3">
<EmployeeList />
</div>
</PageContentBox>
</div>
</div>
</div>
);
}