updated website

src/components/Head.tsx

@@ -1,12 +0,0 @@
-import Head from 'next/head';
-
-export default function HeadTags() {
-    return (
-        <Head>
-            <title>Alex Frantz</title>
-            <meta property="og:title" content="alexavfrantz.com" />
-            <meta property="og:description" content="Welcome to my personal website! See my favorite music, read my reviews on games and more!" />
-            <link rel="me" href="https://mast.thatalex.dev/@alex" />
-        </Head>
-    )
-}

src/components/HeaderItem.tsx

@@ -1,29 +0,0 @@
-import Link from "next/link"
-
-type HeaderItemProps = {
-    content: string,
-    linkTo: string,
-    newWindow?: boolean
-}
-export default function HeaderItem({
-    content,
-    linkTo,
-    newWindow
-}: HeaderItemProps) {
-    return (
-        <Link
-            className="inline text-green-500 hover:underline font-bold text-3xl text-center" 
-            href={linkTo} 
-            target={newWindow ? "_blank" : "_self"}
-        >
-            {content}
-        </Link>
-        // <>
-        //     <button className="inline text-green-500 hover:underline font-bold text-3xl pr-2"
-        //         onClick={props.onClick}
-        //     >
-        //         {props.content}
-        //     </button>
-        // </>
-    )
-}

src/components/RootLayout.tsx

@@ -1,33 +0,0 @@
-// component imports
-import Head from "./Head"
-import Header from "./header";
-import Footer from "./footer";
-
-// react imports
-import React from 'react';
-
-type LayoutProps = {
-    children: React.ReactNode
-    protectedPage?: boolean,
-    showHeader: boolean,
-    isHomePage: boolean
-}
-
-export default function RootLayout({ 
-    children,
-    showHeader = true,
-    isHomePage = true
-}: LayoutProps) {
-    return (
-        <main className="bg-black h-screen flex flex-col justify-center items-center overflow-y-hidden">
-            { showHeader && <Header isHomePage={isHomePage} />}
-
-            <Head />
-            <div className="flicker">
-                {children}
-            </div>
-
-            { showHeader && <Footer /> } 
-        </main>
-    )
-}

src/components/footer.tsx

@@ -1,11 +0,0 @@
-export default function Footer() {
-    return (
-        <>
-            <div className="absolute bottom-0 rounded-t-sm p-2 text-white opacity-50">
-                <p className="text-center">
-                    The &apos;PipBoy&apos; is owned by Bethesda, I&apos;m just doing this for fun!
-                </p>
-            </div>
-        </>
-    )
-}

src/components/header.tsx

@@ -1,27 +0,0 @@
-import HeaderItem from "./HeaderItem";
-
-type HeaderProps = {
-    isHomePage: boolean
-}
-
-export default function Header({
-    isHomePage = false
-}: HeaderProps) {
-    return (
-        <>
-            <div className="text-white mx-auto my-4 lg:max-w-md">
-                <div className="inline-block pb-2 space-x-2">
-                    <HeaderItem content="HOME" linkTo={
-                        !isHomePage ? "/?noAnimation"
-                        : "/"
-                    } />
-                    <HeaderItem content="LINKS" linkTo="/links" />
-                    <HeaderItem content="PROJECTS" linkTo="/projects" />
-                    <HeaderItem content="RADIO" linkTo="/radio" />
-                    <HeaderItem content="ABOUT" linkTo="/about" />
-                </div> 
-                <hr className="border-green-500" />
-            </div>
-        </>
-    )
-}