From f50aa3e77ef33bc79a43b4ebb926b0833cb2abcc Mon Sep 17 00:00:00 2001
From: Alex Frantz <alex@alexav.gg>
Date: Sat, 22 Feb 2025 17:17:48 -0500
Subject: [PATCH] fix, quote refresh

---
 src/app/layout.tsx        | 2 +-
 src/app/page.tsx          | 2 +-
 src/components/Header.tsx | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7f9e9a5..f0e4489 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -53,7 +53,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <PlausibleProvider domain={"alexav.gg"} customDomain={'https://metrics.alexav.gg/js/script.js'}>
+    <PlausibleProvider domain={"alexav.gg"} customDomain={'https://metrics.alexav.gg'}>
       <html lang="en">
         <body
           className={`${geistSans.variable} ${geistMono.variable} antialiased`}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 607e63d..ef03fc8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function Home() {
         <div className="mx-auto text-center p-10">
             <div className="mx-auto grid gap-4 grid-cols-1 lg:grid-cols-2 lg:w-1/2">
                 <div className="flex justify-center">
-                    <Image className="rounded-full" src={"https://storage.alexav.gg/content/picture.jpg"} alt="Profile Picture" width={250} height={250} />
+                    <Image priority className="rounded-full" src={"https://storage.alexav.gg/content/picture.jpg"} alt="Profile Picture" width={250} height={250} />
                 </div>
                 <div className="text-center lg:text-left lg:my-10 w-full">
                     <h1 className="text-4xl font-bold">Hi, I&apos;m Alex</h1>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4c4ec3c..534a739 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -30,7 +30,9 @@ export default function Header() {
                 <Link href="/" className="hover:underline">
                     <h1 className="text-2xl font-bold">Alex Frantz</h1>
                 </Link>
-                <p className="opacity-50 italic select-none">{quote}</p>
+                <p onClick={() => {
+                    setQuote(quoteArray[Math.floor(Math.random() * quoteArray.length)])
+                }} className="opacity-50 italic select-none">{quote}</p>
             </div>
             <div className="space-x-2 items-center justify-center flex select-none">
                 <a className="hover:underline" href="#projects">Projects</a>