From c49583eee8c1a3b918792391340cb188f82db6b9 Mon Sep 17 00:00:00 2001
From: Monica Powell <monica@aboutmonica.com>
Date: Tue, 29 Sep 2020 19:30:31 -0400
Subject: [PATCH 1/4] use TalkCard in IndexPage

---
 site/src/pages/index.js | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/site/src/pages/index.js b/site/src/pages/index.js
index afab47c..4663994 100644
--- a/site/src/pages/index.js
+++ b/site/src/pages/index.js
@@ -1,10 +1,12 @@
+import { useStaticQuery } from "gatsby";
 import React from "react";
 
 import Layout from "../components/layout";
+import TalkCard from "../components/talkCard";
 import SEO from "../components/seo";
 import sketchnoting from "../images/taking-notes.svg";
 
-const Hero = () => (
+const Hero = ({ talks }) => (
   <div className="text-center">
     <h1 className="text-5xl font-extrabold text-blue-500 leading-9 tracking-tight font-inter">
       October 7th, 2020
@@ -27,22 +29,39 @@ const Hero = () => (
       </div>
     </div>
     <br />
-    <h2 className="text-5xl font-extrabold text-blue-500 leading-9 tracking-tight font-inter">
+    <h2 className="text-5xl font-extrabold text-blue-500 leading-9 tracking-tight font-inter p-4">
       Schedule
     </h2>
-    Placeholder Text!
+    {talks.map((talk) => {
+      return <TalkCard talk={talk.node} />;
+    })}
   </div>
 );
 
 function IndexPage() {
+  const data = useStaticQuery(graphql`
+    query FetchSpeakers {
+      allSpeakersYaml {
+        edges {
+          node {
+            id
+            avatar
+            name
+            title
+            time
+          }
+        }
+      }
+    }
+  `);
+
   return (
     <Layout>
       <SEO
         title="Home"
         keywords={[`gatsby`, `tailwind`, `react`, `tailwindcss`]}
       />
-
-      <Hero />
+      <Hero talks={data.allSpeakersYaml.edges} />
     </Layout>
   );
 }

From 88567e650b32040e157aaeacbc1d2b00d2280362 Mon Sep 17 00:00:00 2001
From: Monica Powell <monica@aboutmonica.com>
Date: Tue, 29 Sep 2020 19:52:51 -0400
Subject: [PATCH 2/4] make text left-aligned

---
 site/src/components/talkCard.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/talkCard.js b/site/src/components/talkCard.js
index 17f98eb..8843c2c 100644
--- a/site/src/components/talkCard.js
+++ b/site/src/components/talkCard.js
@@ -11,7 +11,7 @@ export default function TalkCard({ talk }) {
           src={`/${avatar}`}
           alt={`Avatar of ${name}`}
         />
-        <div className="text-lg">
+        <div className="text-lg text-left">
           <p className="text-gray-900 leading-none">{name}</p>
           <p className="text-xl text-gray-600">{title}</p>
           <time>{time}</time>

From 1f0665bbe8b4bd0d1b6c6bf1b7a7eb96416fa62f Mon Sep 17 00:00:00 2001
From: Monica Powell <monica@aboutmonica.com>
Date: Tue, 29 Sep 2020 20:45:34 -0400
Subject: [PATCH 3/4] add anchor link to schedule part of page

---
 site/src/components/header.js | 1 +
 site/src/pages/index.js       | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/src/components/header.js b/site/src/components/header.js
index a02d46f..4bd03e9 100644
--- a/site/src/components/header.js
+++ b/site/src/components/header.js
@@ -8,6 +8,7 @@ function Header({ siteTitle }) {
   const NavLinks = [
     { href: "/", name: "Home" },
     { href: "/tickets", name: "Tickets" },
+    { href: "/#schedule", name: "Schedule" },
   ];
 
   return (
diff --git a/site/src/pages/index.js b/site/src/pages/index.js
index 7b45bc5..f984663 100644
--- a/site/src/pages/index.js
+++ b/site/src/pages/index.js
@@ -29,7 +29,10 @@ const Hero = ({ talks }) => (
       </div>
     </div>
     <br />
-    <h2 className="text-5xl font-extrabold text-blue-500 leading-9 tracking-tight font-inter p-4">
+    <h2
+      className="text-5xl font-extrabold text-blue-500 leading-9 tracking-tight font-inter p-4"
+      id="schedule"
+    >
       Schedule
     </h2>
     {talks.map((talk) => {

From 7e7470d6a6eb6026bc83ed84acf8a2340ba92f99 Mon Sep 17 00:00:00 2001
From: Monica Powell <monica@aboutmonica.com>
Date: Tue, 29 Sep 2020 21:24:28 -0400
Subject: [PATCH 4/4] resolve issue with key not being passed

---
 site/src/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/pages/index.js b/site/src/pages/index.js
index f984663..74a6f19 100644
--- a/site/src/pages/index.js
+++ b/site/src/pages/index.js
@@ -36,7 +36,7 @@ const Hero = ({ talks }) => (
       Schedule
     </h2>
     {talks.map((talk) => {
-      return <TalkCard talk={talk.node} />;
+      return <TalkCard talk={talk.node} key={talk.node.name} />;
     })}
   </div>
 );