🎭 Add talk from BOSkonf to /appearances

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

src/pages/appearances.astro

@@ -21,7 +21,24 @@ import appearances from "../data/appearances.json";
                     <p>{appearance.description}</p>
                 </div>
                 ))
-              }
+            }
+        </div>
+        <div class="blog">
+            <h2>Speaking</h2>
+            {
+                appearances.speaking.map(appearance => (
+                <div>
+                    <h3 class="flex justify-center">
+                        <a href={appearance.url} class="flex text-center text-lg">🔗 {appearance.title}</a>
+                    </h3>
+                    <div class="flex justify-between items-center">
+                        <p>📅: {appearance.date}</p>
+                        <p>🎤: <a href={"https://" + appearance.origin}>{appearance.origin}</a></p>
+                    </div>
+                    <p>{appearance.description}</p>
+                </div>
+                ))
+            }
         </div>
     </main>
-</SectionContainer>
+</SectionContainer>