diff --git a/src/components/LinkButton.tsx b/src/components/LinkButton.tsx new file mode 100644 index 0000000..49f6d4c --- /dev/null +++ b/src/components/LinkButton.tsx @@ -0,0 +1,27 @@ +import Link from "next/link"; +import { PropsWithChildren, useState } from "react"; + +export const LinkButton = ( + props: { + title: string; + text: string; + href: string; + } = { + title: "Title", + text: "Text", + href: "#", + } +) => { + return ( +
+ +

{props.title}

+
{props.text}
+ +
+ ); +}; diff --git a/src/pages/components/Logo.tsx b/src/components/Logo.tsx similarity index 100% rename from src/pages/components/Logo.tsx rename to src/components/Logo.tsx diff --git a/src/components/NavigationBar.tsx b/src/components/NavigationBar.tsx new file mode 100644 index 0000000..6773e3d --- /dev/null +++ b/src/components/NavigationBar.tsx @@ -0,0 +1,10 @@ +import { NavigationLink } from "./NavigationLink"; + +export const NavigationBar = () => { + return ( +
+ + +
+ ); +}; diff --git a/src/components/NavigationLink.tsx b/src/components/NavigationLink.tsx new file mode 100644 index 0000000..f9e7596 --- /dev/null +++ b/src/components/NavigationLink.tsx @@ -0,0 +1,12 @@ +import Link from "next/link"; + +export const NavigationLink = (props: { href: string; text: string }) => { + return ( + +

{props.text}

+ + ); +}; diff --git a/src/components/PageContentBox.tsx b/src/components/PageContentBox.tsx new file mode 100644 index 0000000..8fcbc43 --- /dev/null +++ b/src/components/PageContentBox.tsx @@ -0,0 +1,18 @@ +import { PropsWithChildren } from "react"; + +export const PageContentBox = ( + props: { + title: string; + } & PropsWithChildren +) => { + return ( +
+ {props.title ? ( +

{props.title}

+ ) : ( + <> + )} + {props.children} +
+ ); +}; diff --git a/src/pages/about.tsx b/src/pages/about.tsx new file mode 100644 index 0000000..11c01a8 --- /dev/null +++ b/src/pages/about.tsx @@ -0,0 +1,46 @@ +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"; + +export default function Home() { + return ( + <> + + XCL + + + + {/*
*/} +
+
+
+ + + +
+ +
+
+
+ + 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. + +
+
+
+
+
+
+ + ); +} diff --git a/src/pages/components/LinkButton.tsx b/src/pages/components/LinkButton.tsx deleted file mode 100644 index 3d4bb2f..0000000 --- a/src/pages/components/LinkButton.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import Link from "next/link"; -import { PropsWithChildren, useState } from "react"; - -export const LinkButton = ( - props: { - title: string; - text: string; - } = { - title: "Title", - text: "Text", - } -) => { - const [isHovered, setIsHovered] = useState(false); - - return ( -
- -
- ); -}; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 2b2c1fb..a0661f3 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -3,7 +3,9 @@ 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 { NavigationBar } from "../components/NavigationBar"; export default function Home() { return ( @@ -17,17 +19,17 @@ export default function Home() {
+
+ +
- -

GitHub →

-
Learn more about XCL.
- + title="GitHub →" + text="Learn more about XCL." + />