Compare commits
10 Commits
a457c8937a
...
7521b3b4a0
Author | SHA1 | Date |
---|---|---|
Hri7566 | 7521b3b4a0 | |
Hri7566 | c868ccae2a | |
Hri7566 | c04192d58a | |
Hri7566 | 2da9c8e47a | |
Hri7566 | 1866dc3a84 | |
Hri7566 | f6560f6e6b | |
Hri7566 | d48050242f | |
Hri7566 | 16cbcf97f3 | |
Hri7566 | c049db6335 | |
Hri7566 | d0dd5d9b9b |
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 |
|
@ -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>
|
After Width: | Height: | Size: 682 B |
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 |
|
@ -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>
|
||||||
|
);
|
||||||
|
};
|
|
@ -1,4 +1,4 @@
|
||||||
import { PropsWithChildren } from "react";
|
import { type PropsWithChildren } from "react";
|
||||||
|
|
||||||
export const PageContentBox = (
|
export const PageContentBox = (
|
||||||
props: {
|
props: {
|
||||||
|
|
|
@ -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>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
|
@ -3,6 +3,7 @@ import { SessionProvider } from "next-auth/react";
|
||||||
import { type AppType } from "next/app";
|
import { type AppType } from "next/app";
|
||||||
import { api } from "~/utils/api";
|
import { api } from "~/utils/api";
|
||||||
import "~/styles/globals.css";
|
import "~/styles/globals.css";
|
||||||
|
import Layout from "~/components/layout";
|
||||||
|
|
||||||
const MyApp: AppType<{ session: Session | null }> = ({
|
const MyApp: AppType<{ session: Session | null }> = ({
|
||||||
Component,
|
Component,
|
||||||
|
@ -10,7 +11,9 @@ const MyApp: AppType<{ session: Session | null }> = ({
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<SessionProvider session={session}>
|
<SessionProvider session={session}>
|
||||||
|
<Layout>
|
||||||
<Component {...pageProps} />
|
<Component {...pageProps} />
|
||||||
|
</Layout>
|
||||||
</SessionProvider>
|
</SessionProvider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,28 +1,12 @@
|
||||||
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 { NavigationBar } from "../components/NavigationBar";
|
||||||
import { PageContentBox } from "~/components/PageContentBox";
|
import { PageContentBox } from "~/components/PageContentBox";
|
||||||
|
import { CornerLogo } from "~/components/CornerLogo";
|
||||||
|
|
||||||
export default function Home() {
|
export default function About() {
|
||||||
return (
|
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="bg-black/60">
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||||
<Link className="absolute left-0 top-0" href="/">
|
<CornerLogo />
|
||||||
<Logo />
|
|
||||||
</Link>
|
|
||||||
<div className="absolute right-0 top-0">
|
<div className="absolute right-0 top-0">
|
||||||
<NavigationBar />
|
<NavigationBar />
|
||||||
</div>
|
</div>
|
||||||
|
@ -30,17 +14,14 @@ export default function Home() {
|
||||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
|
||||||
<PageContentBox title="Our Mission">
|
<PageContentBox title="Our Mission">
|
||||||
Here at XCL, we strive to make the SwitchCraft 3 server as
|
Here at XCL, we strive to make the SwitchCraft 3 server as
|
||||||
unbearable as possible. While these noobs at SpaceTech are
|
unbearable as possible. While these noobs at SpaceTech are feeding
|
||||||
feeding cookies to parrots, we build space stations not only
|
cookies to parrots, we build space stations not only for the
|
||||||
for the astronauts, but also for the olympians and war heroes
|
astronauts, but also for the olympians and war heroes of our time.
|
||||||
of our time.
|
|
||||||
</PageContentBox>
|
</PageContentBox>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center gap-2"></div>
|
<div className="flex flex-col items-center gap-2"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,22 +1,9 @@
|
||||||
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 { Logo } from "../components/Logo";
|
||||||
import { LinkButton } from "../components/LinkButton";
|
import { LinkButton } from "../components/LinkButton";
|
||||||
import { NavigationBar } from "../components/NavigationBar";
|
import { NavigationBar } from "../components/NavigationBar";
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
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="bg-black/60">
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||||
<div className="absolute right-0 top-0">
|
<div className="absolute right-0 top-0">
|
||||||
|
@ -26,8 +13,8 @@ export default function Home() {
|
||||||
<Logo />
|
<Logo />
|
||||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-1 md:gap-8">
|
||||||
<LinkButton
|
<LinkButton
|
||||||
href="https://github.com/experimental-celestial-laboratories"
|
href="https://git.hri7566.info/xcl"
|
||||||
title="GitHub →"
|
title="Git →"
|
||||||
text="Learn more about XCL."
|
text="Learn more about XCL."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -35,7 +22,5 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,26 +1,13 @@
|
||||||
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 { NavigationBar } from "~/components/NavigationBar";
|
||||||
import { PageContentBox } from "~/components/PageContentBox";
|
import { PageContentBox } from "~/components/PageContentBox";
|
||||||
import { EmployeeList } from "~/components/EmployeeList";
|
import { EmployeeList } from "~/components/EmployeeList";
|
||||||
|
import { CornerLogo } from "~/components/CornerLogo";
|
||||||
|
|
||||||
export default function Employment() {
|
export default function Team() {
|
||||||
return (
|
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="bg-black/60">
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||||
<Link className="absolute left-0 top-0" href="/">
|
<CornerLogo />
|
||||||
<Logo />
|
|
||||||
</Link>
|
|
||||||
<div className="absolute right-0 top-0">
|
<div className="absolute right-0 top-0">
|
||||||
<NavigationBar />
|
<NavigationBar />
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,7 +20,5 @@ export default function Employment() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|