From 8d745ba7538e0854dc36d01bbd90c4e38f2dc8d1 Mon Sep 17 00:00:00 2001 From: Hri7566 Date: Wed, 12 Jul 2023 10:53:15 -0400 Subject: [PATCH 1/4] abstract logo --- src/pages/components/Logo.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 src/pages/components/Logo.tsx diff --git a/src/pages/components/Logo.tsx b/src/pages/components/Logo.tsx new file mode 100644 index 0000000..0a9cb05 --- /dev/null +++ b/src/pages/components/Logo.tsx @@ -0,0 +1,9 @@ +import Image from "next/image"; + +export const Logo = () => { + return ( + + ); +}; From cfec36035d07aa1bb616e32e721041c0e098a18d Mon Sep 17 00:00:00 2001 From: Hri7566 Date: Wed, 12 Jul 2023 10:53:22 -0400 Subject: [PATCH 2/4] link button --- src/pages/components/LinkButton.tsx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 src/pages/components/LinkButton.tsx diff --git a/src/pages/components/LinkButton.tsx b/src/pages/components/LinkButton.tsx new file mode 100644 index 0000000..3d4bb2f --- /dev/null +++ b/src/pages/components/LinkButton.tsx @@ -0,0 +1,20 @@ +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 ( +
+ +
+ ); +}; From 30cb2003fe8de147c1f1930bcc7d72a8b7494ca6 Mon Sep 17 00:00:00 2001 From: Hri7566 Date: Wed, 12 Jul 2023 10:53:30 -0400 Subject: [PATCH 3/4] add logo to page --- src/pages/index.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index c608fd3..2b2c1fb 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -3,6 +3,7 @@ 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"; export default function Home() { return ( @@ -17,9 +18,7 @@ export default function Home() {
-

- XCL -

+
Date: Fri, 4 Aug 2023 02:45:56 -0400 Subject: [PATCH 4/4] add bio page --- src/components/LinkButton.tsx | 27 +++++++++++++++++ src/{pages => }/components/Logo.tsx | 0 src/components/NavigationBar.tsx | 10 +++++++ src/components/NavigationLink.tsx | 12 ++++++++ src/components/PageContentBox.tsx | 18 +++++++++++ src/pages/about.tsx | 46 +++++++++++++++++++++++++++++ src/pages/components/LinkButton.tsx | 20 ------------- src/pages/index.tsx | 18 ++++++----- 8 files changed, 123 insertions(+), 28 deletions(-) create mode 100644 src/components/LinkButton.tsx rename src/{pages => }/components/Logo.tsx (100%) create mode 100644 src/components/NavigationBar.tsx create mode 100644 src/components/NavigationLink.tsx create mode 100644 src/components/PageContentBox.tsx create mode 100644 src/pages/about.tsx delete mode 100644 src/pages/components/LinkButton.tsx 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." + />