✨ add /appearances-page

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

src/data/appearances.json

@@ -0,0 +1,18 @@
+{
+    "writing": [
+        {
+            "title":"For oss studenter er ikke åpen kildekode bare et verktøy, men en lærings­plattform",
+            "url":"https://www.kode24.no/artikkel/for-oss-studenter-er-ikke-apen-kildekode-bare-et-verktoy-men-en-laeringsplattform/82025392",
+            "date":"03.10.2024",
+            "origin":"kode24.no",
+            "description":"This op-ed highlights how open-source software is more than just a tool for students; it's a learning platform. The student group, friByte, actively promotes involvement in open-source, particularly through events such as the Bergen Open Source conference."
+        },
+        {
+            "title":"7 kjappe med sommerjobberne i 2023!",
+            "url":"https://www.detsombetyrnoe.no/7-kjappe-med-arets-sommerjobbere",
+            "date":"21.08.2023",
+            "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."
+        }
+    ]
+}

src/pages/appearances.astro

@@ -0,0 +1,27 @@
+---
+import SectionContainer from "../components/SectionContainer.astro";
+import appearances from "../data/appearances.json";
+---
+
+<SectionContainer>
+    <main class="flex flex-col flex-1 gap-2 mt-4">
+        <h1 class="text-3xl font-extrabold">[ Appearances ]</h1>
+        <div class="blog">
+            <h2>Writing</h2>
+            {
+                appearances.writing.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>

src/pages/slashes.md

@@ -6,6 +6,8 @@ layout: "../layouts/Layout.astro"
 
 These are the rest of the [slash pages](https://slashpages.net/) on my website.
 
+[🎭 appearances](/appearances) · where i’ve shared insights or participated
+
 [🔖 bookmarks](/bookmarks) · collection of my favorite links to content around the web
 
 [🌐 contact](/contact) · ways to reach me across the cyberspace

src/pages/todo.md

@@ -4,13 +4,12 @@ description: ""
 layout: "../layouts/Layout.astro"
 ---
 
-> _Last update: September 07, 2024_
+> _Last update: October 04, 2024_
 
 List of changes and new features I plan for this website.
 
 - Add log-page for wine/gin I like and have tried
 - Add page dedicated to work I'm proud of
 - Add an 88x31 button (One Piece themed)
-- Add `/appearances`-page w/ headings for media, writing etc.
 - Fix helmet to show individual site-titles instead of the same one
 - Add `/course&sertifications`-page (`learning`? or it can be in `/cv`)