From 83ba8e0edac5832864db927b22c19b75429e2afa Mon Sep 17 00:00:00 2001
From: Joe Kratzat <joekr@users.noreply.github.com>
Date: Wed, 18 Oct 2023 21:31:50 -0400
Subject: [PATCH] Move the 2023-10-12 talks to the past events page and update
 main page (#33)

---
 src/app/Nav.tsx                             | 14 +++--
 src/app/components/Landing.tsx              |  5 +-
 src/app/page.tsx                            | 26 ++++----
 src/app/past/2023-10-12/components/Talk.tsx | 44 ++++++++++++++
 src/app/past/2023-10-12/page.tsx            | 66 +++++++++++++++++++++
 src/app/past/page.tsx                       |  5 +-
 src/app/talks/page.tsx                      | 28 ++++-----
 7 files changed, 153 insertions(+), 35 deletions(-)
 create mode 100644 src/app/past/2023-10-12/components/Talk.tsx
 create mode 100644 src/app/past/2023-10-12/page.tsx

diff --git a/src/app/Nav.tsx b/src/app/Nav.tsx
index 38db88c..11961ec 100644
--- a/src/app/Nav.tsx
+++ b/src/app/Nav.tsx
@@ -13,6 +13,9 @@ export default function Nav() {
     setMenu(!menu);
   };
 
+  // having this blank hides the link
+  const ticketURL = "";
+
   return (
     <nav className="bg-accent z-20">
       <div className="h-24 flex flex-col lg:flex-row lg:items-center lg:justify-end text-3xl font-montserrat font-thin">
@@ -44,13 +47,12 @@ export default function Nav() {
           <Link href="/talks" className="my-4">
             Talks
           </Link>
-          <a
-            href="https://www.eventbrite.com/e/lextalktech-oct-12-2023-tickets-716404403857"
-            className="my-4 flex gap-2"
-          >
+          {ticketURL &&
+          <a href={ticketURL} className="my-4 flex gap-2">
             <FaArrowUpRightFromSquare className="text-xl" />
             Tickets
           </a>
+          }
           <Link href="/team" className="my-4">
             Team
           </Link>
@@ -79,13 +81,15 @@ export default function Nav() {
           >
             Talks
           </Link>
+          {ticketURL &&
           <a
-            href="https://www.eventbrite.com/e/lextalktech-oct-12-2023-tickets-716404403857"
+            href={ticketURL}
             className="flex gap-2 border-b-2 border-transparent duration-150 hover:scale-110 hover:border-text hover:-translate-y-2"
           >
             <FaArrowUpRightFromSquare className="text-xl" />
             Tickets
           </a>
+          }
           <Link
             href="/team"
             className="border-b-2 border-transparent duration-150 hover:scale-110 hover:border-text hover:-translate-y-2"
diff --git a/src/app/components/Landing.tsx b/src/app/components/Landing.tsx
index 445df96..cd0837a 100644
--- a/src/app/components/Landing.tsx
+++ b/src/app/components/Landing.tsx
@@ -35,12 +35,13 @@ export const Landing: React.FC<LandingProps> = ({ date }: LandingProps) => {
               <span>A quarterly tech conference in the bluegrass</span>
               <span className="font-thin my-2 lg:my-4">{formattedDate}</span>
             </div>
-            <Link
+            Tickets available once schedule is set
+            {/* <Link
               href="https://www.eventbrite.com/e/lextalktech-oct-12-2023-tickets-716404403857"
               className="text-2xl lg:text-3xl bg-primary/50 py-3 px-6 rounded-full border border-white/25 shadow-xl backdrop-blur-sm border-b-2 duration-150 hover:scale-110 hover:border-text hover:-translate-y-2"
             >
               Tickets
-            </Link>
+            </Link> */}
           </div>
         </div>
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 107b0e5..8d29ab3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,33 +14,33 @@ export default function Home() {
       },
       {
         time: "6:00pm",
-        topic: "LexTalk - Tech Intro",
+        topic: "LexTalk - Tech Welcome 👋🤠",
         presenter: "Joe Kratzat",
       },
       {
         time: "6:15pm",
-        topic: "Ham Radio",
-        presenter: "Todd Willey",
+        topic: "TBD",
+        presenter: "TBD",
       },
       {
         time: "6:30pm",
-        topic: "Development",
-        presenter: "Davis St. Aubin",
+        topic: "TBD",
+        presenter: "TBD",
       },
       {
         time: "6:45pm",
-        topic: "Vue.js",
-        presenter: "Craig Geil",
+        topic: "TBD",
+        presenter: "TBD",
       },
       {
         time: "7:00pm",
-        topic: "Assembly",
-        presenter: "John Martinez",
+        topic: "TBD",
+        presenter: "TBD",
       },
       {
         time: "7:30pm",
-        topic: "Generative AI",
-        presenter: "Lee Park",
+        topic: "TBD",
+        presenter: "TBD",
       },
       {
         time: "8:00pm",
@@ -49,12 +49,12 @@ export default function Home() {
       },
       {
         time: "8:00pm - 10:00pm",
-        topic: "Pizza and beer afterward",
+        topic: "Food and drinks afterward",
         presenter: "",
       },
     ],
     // Dates are 0 indexed in JavaScript, so October = 9
-    date: new Date(2023, 9, 12, 18),
+    date: new Date(2024, 0, 25, 18),
   };
 
   return (
diff --git a/src/app/past/2023-10-12/components/Talk.tsx b/src/app/past/2023-10-12/components/Talk.tsx
new file mode 100644
index 0000000..a88e19b
--- /dev/null
+++ b/src/app/past/2023-10-12/components/Talk.tsx
@@ -0,0 +1,44 @@
+interface TalkProps {
+    talk: {
+      time: string;
+      title: string;
+      info?: string;
+      presenter?: string;
+      link?: string;
+    };
+  }
+  
+  export const Talk: React.FC<TalkProps> = ({ talk }) => {
+    return (
+      <>
+        <div className="flex flex-col items-center text-xl my-8 px-4 max-w-screen-lg mx-auto w-full">
+          <p className="border-b-2 border-text w-full text-3xl">{talk.time}</p>
+          <div className="w-full">
+            <h2 className="text-3xl font-bold text-left">{talk.title}</h2>
+            {talk.presenter &&
+            <p>
+              <span className="font-bold">Presenter: </span>
+              {talk.presenter}
+            </p>
+            }
+            {talk.info &&
+            <p>
+              <span className="font-bold">Info: </span>
+              {talk.info}
+            </p>
+            }
+            {talk.link &&
+            <p>
+                <a href={talk.link}
+            className="mx-4 border-b-2 border-transparent duration-150 hover:scale-110 hover:border-text hover:-translate-y-2">
+                <span className="font-bold">Resources: </span>
+                    {talk.link}
+                </a>
+            </p>
+            }
+          </div>
+        </div>
+      </>
+    );
+  };
+  
\ No newline at end of file
diff --git a/src/app/past/2023-10-12/page.tsx b/src/app/past/2023-10-12/page.tsx
new file mode 100644
index 0000000..02075a9
--- /dev/null
+++ b/src/app/past/2023-10-12/page.tsx
@@ -0,0 +1,66 @@
+import { Talk } from "./components/Talk";
+
+export default function Talks() {
+  const talkData = {
+    schedule: [
+      {
+        time: "6:15pm",
+        title: "Ham Radio: Where Even Experts are Amateurs",
+        info: "A brief introduction into the Amateur Radio Service and how hams operate.",
+        presenter: "Todd Willey",
+      },
+      {
+        time: "6:30pm",
+        title: "Things I hate about developers ",
+        info: "",
+        presenter: "Davis St. Aubin",
+        resources: "",
+      },
+      {
+        time: "6:45pm",
+        title: "Introduction to Vue.js",
+        info: "",
+        presenter: "Craig Geil",
+        resources: "",
+      },
+      {
+        time: "7:00pm",
+        title: "ASM R you serious",
+        info: "",
+        presenter: "John Martinez",
+        resources: "",
+      },
+      {
+        time: "7:30pm",
+        title: "LLMs throughout the lifecycle of Generative AI Projects",
+        info: "Focused more on demystifying some keywords people vaguely understand about customizing language models for specific use cases.",
+        presenter: "Lee Park",
+        resources: "",
+      },
+    ],
+    date: new Date(2023, 4, 18),
+  };
+
+  const formattedDate = talkData.date.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  });
+
+  return (
+    <>
+      <div className="text-center my-10 bg-accent w-fit mx-auto p-5 ring ring-primary rounded-lg drop-shadow-2xl">
+        <h1 className="text-5xl font-bold font-montserrat text-center">
+          Talks
+        </h1>
+        <span className="text-xl">
+          This LexTalk was on {formattedDate}
+        </span>
+      </div>
+
+      {talkData.schedule.map((talk, index) => (
+        <Talk key={index} talk={talk} />
+      ))}
+    </>
+  );
+}
diff --git a/src/app/past/page.tsx b/src/app/past/page.tsx
index 51b317f..f080685 100644
--- a/src/app/past/page.tsx
+++ b/src/app/past/page.tsx
@@ -9,7 +9,10 @@ export default function Past() {
         <tbody>
           <tr key="1" className="">
             <td className="m-3 font-bold">
-              <a href="/past/2023-05-18">2023-05-18</a>
+              <ul className="list-disc">
+                <li><a href="/past/2023-05-18">2023-05-18</a></li>
+                <li><a href="/past/2023-10-12">2023-10-12</a></li>
+              </ul>
             </td>
           </tr>
         </tbody>
diff --git a/src/app/talks/page.tsx b/src/app/talks/page.tsx
index cc13d38..28c3bc1 100644
--- a/src/app/talks/page.tsx
+++ b/src/app/talks/page.tsx
@@ -12,42 +12,42 @@ export default function Talks() {
       },
       {
         time: "6:00pm",
-        title: "LexTalk - Tech Intro",
+        title: "LexTalk - Tech Welcome 👋🤠",
         info: "This will be a welcome and introduction to what LexTalk Tech is and what we hope to bring to the community.",
         presenter: "Joe Kratzat",
       },
       {
         time: "6:15pm",
-        title: "Ham Radio: Where Even Experts are Amateurs",
-        info: "A brief introduction into the Amateur Radio Service and how hams operate.",
-        presenter: "Todd Willey",
+        title: "TBD",
+        info: "",
+        presenter: "TBD",
       },
       {
         time: "6:30pm",
-        title: "Things I hate about developers ",
+        title: "TBD",
         info: "",
-        presenter: "Davis St. Aubin",
+        presenter: "TBD",
         resources: "",
       },
       {
         time: "6:45pm",
-        title: "Introduction to Vue.js",
+        title: "TBD",
         info: "",
-        presenter: "Craig Geil",
+        presenter: "TBD",
         resources: "",
       },
       {
         time: "7:00pm",
-        title: "ASM R you serious",
+        title: "TBD",
         info: "",
-        presenter: "John Martinez",
+        presenter: "TBD",
         resources: "",
       },
       {
         time: "7:30pm",
-        title: "LLMs throughout the lifecycle of Generative AI Projects",
-        info: "Focused more on demystifying some keywords people vaguely understand about customizing language models for specific use cases.",
-        presenter: "Lee Park",
+        title: "TBD",
+        info: "",
+        presenter: "TBD",
         resources: "",
       },
       {
@@ -59,7 +59,7 @@ export default function Talks() {
       },
       {
         time: "8:00pm - 10:00pm",
-        title: "Pizza and beer afterward",
+        title: "Food and drinks afterward",
         info: "Within Cornerstone there is Ethereal brewing and Rolling oven Pizza.",
         presenter: "",
         resources: "",