Exercise 10 - Add Talk Descriptions to Speaker Pages

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"

site/src/templates/speaker-page.js

@@ -13,6 +13,9 @@ export default function SpeakerPage({ data }) {
         <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>
   );
@@ -23,6 +26,7 @@ export const query = graphql`
     speakersYaml(fields: { slug: { eq: $slug } }) {
       name
       title
+      description
     }
   }
 `;