🎭 Add talk from BOSkonf to /appearances

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

src/data/appearances.json

@@ -14,5 +14,14 @@
             "origin":"detsombetyrnoe.no",
             "description":"The article gives brief interviews with some of NAV's summer interns in 2023, where I'm on of them sharing our tasks, tools we used, and positive experiences."
         }
+    ],
+    "speaking": [
+        {
+            "title":"Introduksjon til Open Source",
+            "url":"https://files.fribyte.no/boskonf/2024/sindre.mp4",
+            "date":"07.11.2024",
+            "origin":"boskonf.no",
+            "description":"I had the pleasure of holding a lightning talk on the Bergen Open Source Conference in 2024. In my lightning talk I gave a quick introduction to open-source, mentioning some of the benefits, showing some well-known project, and how you can get started yourself."
+        }
     ]
 }

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>