Clean up links page, footer

src/components/RootLayout.tsx

@@ -17,24 +17,6 @@ type LayoutProps = {
 
 export default function RootLayout({ children, protectedPage }: LayoutProps) {
     const {status} = useSession()
-    const snowflakeElements = []
-
-    for (let i = 0; i < 50; i++) {
-        snowflakeElements.push(
-            <div
-                className="snowflake text-white"
-                style={
-                    {
-                        left: `${Math.random() * 100}%`,
-                        animationDuration: `${Math.random() *5 + 5}s`,
-                        fontSize: `${Math.random() * 1.5 + 0.5}em`
-                    }
-                }
-            >
-            ❅
-            </div>
-        )
-      }
 
     if (protectedPage) {
         if (status === "loading") {
@@ -54,7 +36,6 @@ export default function RootLayout({ children, protectedPage }: LayoutProps) {
             return (
                 <main className="min-h-screen bg-black">
                     <Head />
-                    {snowflakeElements}
                     <Header />
                     {children}
                     <Footer />
@@ -65,7 +46,6 @@ export default function RootLayout({ children, protectedPage }: LayoutProps) {
         return (
             <main className="min-h-screen bg-black">
                 <Head />
-                {snowflakeElements}
                 <Header />
                 {children}
                 <Footer />

src/components/SocialCard.tsx

@@ -10,13 +10,15 @@ type SocialCardProps = {
 
 export default function SocialMediaCard(props: SocialCardProps) {
     return (
-        <div className="bg-gray-500 rounded-lg text-center max-w-sm p-4 mx-auto">
-            <Link href={props.url}>
-                {props.name}
-            </Link>
+        <div>
             {
-                props.showDelete && <Trash onClick={props.deleteCallback} color="plain" className="pl-2 hover:cursor-pointer" />
+                props.showDelete && <Trash onClick={props.deleteCallback} color="white" className="pl-2 hover:cursor-pointer" />
             }
+            <Link href={props.url} target="_blank">
+                <div className="bg-white py-5 w-full text-left">
+                    <h2 className="px-4 text-lg font-bold">{props.name}</h2>
+                </div>
+            </Link>
         </div>
     )
 }

src/components/footer.tsx

@@ -1,29 +1,18 @@
-import { Twitter, LinkedinOption } from "grommet-icons"
 import Link from 'next/link';
 
 export default function Footer() {
+    const date = new Date()
+
     return (
         <>
-            <div className="absolute bottom-0 left-0 w-full bg-gray-900 p-2 text-white">
+            <div className="absolute bottom-0 left-0 w-full bg-zinc-900 p-2 text-white">
                 <p className="text-center">
                     <Link href="mailto:alex@alexavfrantz.com" className="hover:text-gray-500 hover:underline hover:cursor-pointer">
                         alex@alexavfrantz.com
                     </Link>
                 </p>
                 <p className="text-center">
-                    All music, game, TV and movie covers are owned by their respective authors.<br/>Currently playing info provided by Last.fm
-                </p>
-                <p className="text-center">
-                    &copy; Alex Frantz, 2023
-                </p>
-                <p className="text-center space-x-2">
-                    <Link href="https://twitter.com/avvex__" target="_blank" rel="noreferrer">
-                        <Twitter color='plain' size="30" />
-                    </Link>
-
-                    <Link href="https://linkedin.com/in/thatalex" target="_blank" rel="noreferrer">
-                        <LinkedinOption size="30" />
-                    </Link>
+                    &copy; Alex Frantz, {date.getFullYear()}
                 </p>
             </div>
         </>

src/components/header.tsx

@@ -10,7 +10,6 @@ export default function Header() {
                 <p className="text-2xl font-bold">alex</p>
                 <div className="inline-block pb-2">
                     <HeaderItem content="home" linkTo="/" />
-                    <HeaderItem content="reviews" linkTo="/reviews" />
                     <HeaderItem content="links" linkTo="/links" />
                     <HeaderItem content="blog" linkTo="/blog" />
                     { status === "authenticated" &&