From 3147936acbefde9952663658b01213fe1efa3169 Mon Sep 17 00:00:00 2001
From: Monica Powell <monica@aboutmonica.com>
Date: Tue, 29 Sep 2020 20:54:39 -0400
Subject: [PATCH] add speaker descriptions to speaker page

---
 site/src/data/speakers.yml         |  2 ++
 site/src/templates/speaker-page.js | 12 ++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/site/src/data/speakers.yml b/site/src/data/speakers.yml
index 3991051..2b69443 100644
--- a/site/src/data/speakers.yml
+++ b/site/src/data/speakers.yml
@@ -2,11 +2,13 @@
   title: "Introduction to Sketching Animals"
   time: "8:00"
   avatar: "woman-generated-avatar-1.png"
+  description: Lorem ipsum dolor sit amet, no quo postea aliquam vituperata, ad eos reque nulla offendit. Duis equidem invenire mei ad, pro ad ubique corpora comprehensam. Quis legendos honestatis cu pri, eum doctus salutandi accommodare te. Modo zril vitae in eam, ius in homero maiestatis assueverit, lobortis neglegentur no pro. Ei dictas malorum noluisse vis, cetero voluptatibus ad eam, choro tantas quaeque ea quo.
 
 - name: "Larry Foam"
   title: "Getting Started with Sketchnoting"
   time: "9:00"
   avatar: "man-generated-avatar-1.png"
+  description: Lorem ipsum dolor sit amet, euripidis splendide definitiones sit in. Noster labores mediocritatem ex quo, amet errem quo at. Est scripta abhorreant neglegentur ut, eam an integre dissentiunt voluptatibus. Eu lorem phaedrum dissentiet eum. Cum et habeo mentitum sententiae, cu nam solet decore invidunt, sed ad liber intellegat adipiscing.
 
 - name: "Amanda Carr"
   title: "Introduction to Drawing Underwater"
diff --git a/site/src/templates/speaker-page.js b/site/src/templates/speaker-page.js
index 820d45d..b587f79 100644
--- a/site/src/templates/speaker-page.js
+++ b/site/src/templates/speaker-page.js
@@ -7,8 +7,15 @@ export default function SpeakerPage({ data }) {
   return (
     <Layout>
       <div>
-        <h1>{speaker.title}</h1>
-        <div dangerouslySetInnerHTML={{ __html: speaker.name }} />
+        <h1 className="text-5xl font-extrabold text-blue-500 tracking-tight font-inter p-4">
+          {speaker.title}
+        </h1>
+        <h2 className="text-4xl font-extrabold  tracking-tight font-inter p-4">
+          with {speaker.name}
+        </h2>
+        <p className="text-sm">
+          {speaker.description || "More information will be available soon"}
+        </p>
       </div>
     </Layout>
   );
@@ -19,6 +26,7 @@ export const query = graphql`
     speakersYaml(fields: { slug: { eq: $slug } }) {
       name
       title
+      description
     }
   }
 `;