From e8a6dc1965f7f59bd573d40d93b1bd1e8bd1ce4c Mon Sep 17 00:00:00 2001 From: alex 3 Date: Sat, 24 Feb 2024 20:28:41 -0500 Subject: [PATCH] Clean up home page --- src/components/Head.tsx | 2 +- src/components/ProjectsCard.tsx | 31 +++++--- src/components/RootLayout.tsx | 24 +++--- src/components/footer.tsx | 2 +- src/components/header.tsx | 3 +- src/pages/create.tsx | 30 -------- src/pages/index.tsx | 129 +++++++++++++++++++++----------- src/pages/links.tsx | 2 + src/styles/globals.css | 25 ------- tailwind.config.ts | 5 ++ 10 files changed, 131 insertions(+), 122 deletions(-) diff --git a/src/components/Head.tsx b/src/components/Head.tsx index 53f91db..9ef196e 100644 --- a/src/components/Head.tsx +++ b/src/components/Head.tsx @@ -3,7 +3,7 @@ import Head from 'next/head'; export default function HeadTags() { return ( - alexavfrantz + Alex Frantz diff --git a/src/components/ProjectsCard.tsx b/src/components/ProjectsCard.tsx index 13f60cc..253175c 100644 --- a/src/components/ProjectsCard.tsx +++ b/src/components/ProjectsCard.tsx @@ -2,24 +2,35 @@ import Link from "next/link" type ProjectCardProps = { name: string, + technologies: string[], subHeading?: string, description: string, urlTo: string } export default function ProjectCard(props: ProjectCardProps) { + const technologies = props.technologies.map((v,k) => { + return

{v}

+ }) + return ( - -
-
-
-

{props.name}

-

{props.subHeading}

-
-

{props.description}

+
+
+
+

{props.name}

+
+ {technologies}
-
+
+
+

{props.description}

+ +
+ +

Source

+ +
- +
) } \ No newline at end of file diff --git a/src/components/RootLayout.tsx b/src/components/RootLayout.tsx index c7759d8..9c91405 100644 --- a/src/components/RootLayout.tsx +++ b/src/components/RootLayout.tsx @@ -22,8 +22,10 @@ export default function RootLayout({ children, protectedPage }: LayoutProps) { if (status === "loading") { return (
- -

Loading...

+
+ +

Loading...

+
) } @@ -35,19 +37,23 @@ export default function RootLayout({ children, protectedPage }: LayoutProps) { } else { return (
- -
- {children} -
+
+ +
+ {children} +
+
) } } else { return (
- -
- {children} +
+ +
+ {children} +
) diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 194ed85..b9c4d03 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -5,7 +5,7 @@ export default function Footer() { return ( <> -
+

alex@alexavfrantz.com diff --git a/src/components/header.tsx b/src/components/header.tsx index 46fc38c..01f36cd 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -6,8 +6,7 @@ export default function Header() { return ( <> -

-

alex

+
diff --git a/src/pages/create.tsx b/src/pages/create.tsx index d5b713a..1e8817e 100644 --- a/src/pages/create.tsx +++ b/src/pages/create.tsx @@ -14,38 +14,8 @@ export default function CreatePage() { const [message, setMessage] = useState(null) // trpc hooks - const postMutation = api.post.create.useMutation() const linksMutation = api.links.create.useMutation() - function sanitizeTitleForLink(title: string) { - return title.replaceAll(" ", "-").toLowerCase() - } - - function onPostSubmit(event: FormEvent) { - const form = event.target as HTMLFormElement - - const titleElement = form.elements.namedItem('title') as HTMLInputElement; - const reviewElement = form.elements.namedItem('review') as HTMLInputElement; - const imageElement = form.elements.namedItem('image') as HTMLInputElement; - const typeElement = form.elements.namedItem('type') as HTMLInputElement; - - if (!titleElement.value || !reviewElement.value || !imageElement.value || !typeElement.value) { - event.preventDefault(); - - setMessage("One or more values were missing!") - setTimeout(() => setMessage(null), 5000) - } else { - const object = { - name: sanitizeTitleForLink(titleElement.value), - reviewContents: reviewElement.value, - image: imageElement.value, - type: typeElement.value - } - - postMutation.mutate(object) - } - } - function onLinkSubmit(event: FormEvent) { const form = event.target as HTMLFormElement const urlRegex = new RegExp("^((https):\/\/)?(www.)?[a-z0-9]+\.[a-z]+(\/[a-zA-Z0-9#]+\/?)*$") diff --git a/src/pages/index.tsx b/src/pages/index.tsx index a14a190..527111f 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,54 +1,95 @@ import RootLayout from "@/components/RootLayout"; -import Dropdown from "@/components/Dropdown"; +import Link from 'next/link'; import ProjectCard from "@/components/ProjectsCard"; -import Image from 'next/image'; -import MusicCard from '@/components/MusicCard' +import { Cli } from "grommet-icons"; export default function Home() { return ( -
- - - +
+
+

Alex Frantz

+

QA Engineer, Zach Bryan Enthusiast

+
+ +
+ +
+
+
+
+
+

+ +

+ Command Prompt +

+

+ + X + +

+

+
+
+
+ {/* content of cmd */} +
+

Michaelsoft Binbows [Version 10.0.23420.6969]

+

(c) Pixelpeek Development. No Rights Reserved.

+
+

C:\Users\CoolGuy>whoami

+

Full Name: Alex Frantz

+

Based in: Western New York

+

Working at: Medal.tv

+

Skills: Java(Type)Script, Python, Go

+

Learning: Network Engineering, Game Dev, Frontend, Backend

+

Website: alexavfrantz.com

+
+

C:\Users\CoolGuy>

+
+
+
+ +
+ +
+

Projects

+
+ + + +
+
) -} - -function Projects() { - return [ - , - - ] -} - -function Games() { - return [ - TLOU Firefly, - Spiderman, - Red Dead Redemption 2 - ] -} - -function Music() { - return [ - 5 Seconds of Summer Cover, - TLOU Covers and Rarities Cover, - Zach Bryan Cover, - Reputation Cover, -
- -
- ] } \ No newline at end of file diff --git a/src/pages/links.tsx b/src/pages/links.tsx index ab522c4..2a42819 100644 --- a/src/pages/links.tsx +++ b/src/pages/links.tsx @@ -1,4 +1,5 @@ import SocialCard from '@/components/SocialCard' +import Head from '@/components/Head'; import { api } from "@/utils/api"; import { useSession } from 'next-auth/react'; import { useRouter } from 'next/router'; @@ -40,6 +41,7 @@ export default function Links() { return (
+

<- Back Home

diff --git a/src/styles/globals.css b/src/styles/globals.css index 3aebfad..7885528 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -4,29 +4,4 @@ body { font-family: 'Poppins', sans-serif; - overflow-y:hidden; - overflow-x:hidden; -} - -@keyframes fall { - 0% { transform: translateY(0); opacity: 1; } - 100% { transform: translateY(90vh); opacity: 0; } -} - -.snowflake { - animation: fall linear infinite; - position:absolute; - user-select:none; -} - -h1 { - font-size: 1.5rem; -} - -h2 { - font-size: 1rem; -} - -h3 { - font-size: 0.5rem; } \ No newline at end of file diff --git a/tailwind.config.ts b/tailwind.config.ts index f06488f..2ecb149 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -5,6 +5,11 @@ export default { content: ["./src/**/*.tsx"], theme: { extend: { + colors: { + "terminalbar": "#333333", + "terminalback": "#0c0c0c", + "medal": "#ffb84b" + }, fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], },