diff --git a/src/routes/sveske/+page.svelte b/src/routes/sveske/+page.svelte
new file mode 100644
index 0000000..a370714
--- /dev/null
+++ b/src/routes/sveske/+page.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+    import ProjectEntry from "./lib/ProjectEntry.svelte";
+</script>
+
+<div class="content">
+    <h1>Benjamin's portfolie for Informatik</h1>
+    <p>
+    Forneden kan ses en række projekter som er blevet lavet i Informatik C og efterfølgende Informatik B.
+    </p>
+    <div class="projects">
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/appLab/thumb.png"}
+            thumbnail_alt={"App Lab"}
+            download={"/portfolios/sveske/appLab/applab_rapport.pdf"}
+            title={"1.G - App Lab: Idle spil i browseren"}
+            summary={"Vi udviklede et idle spil i App Lab. Brugte JavaScript til at programmere spillet."}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/teachable_machine/thumb.png"}
+            thumbnail_alt={"Teachable Machine"}
+            download={"/portfolios/sveske/teachable_machine/teachable_machine_rapport.pdf"}
+            title={"1.G - Teachable Machine: Håndtegns detektor"}
+            summary={"I dette projekt udarbejde vi en teachable machine model til at detektere forskellige håndtegn"}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/firebase/thumb.png"}
+            thumbnail_alt={"Firebase"}
+            download={"/portfolios/sveske/firebase/firebase_rapport.pdf"}
+            title={"1.G - Firebase: Netværk scoreboard i Unity"}
+            summary={"Med brug af Firebase udviklede vi et scoreboard som synkronisere med en Firebase Data Store. Scoreboardet blev implementeret i et tidligere spil udviklet i Teknologi"}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/the_red_paper/thumb.png"}
+            thumbnail_alt={"The Red Paper"}
+            download={"/portfolios/sveske/the_red_paper/the_red_paper_rapport.pdf"}
+            title={"2.G - HTML: Hjemmeside udviklet ud fra gestalt lovene"}
+            summary={"Udviklede en klon af \"Den Blå Avis\", som forsøger at demonstrere en række af de forskellige gestaltlove"}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/makeymakey/thumb.png"}
+            thumbnail_alt={"MakyeMakey"}
+            download={"/portfolios/sveske/makeymakey/makeymakey_rapport.pdf"}
+            title={"2.G - MakeyMakey: Installation som spiller Minecraft lyde i en af skolens gange"}
+            summary={"Skulle lave en interresant installation til en lokation på skolen. Vi udviklede en sensor, som detekterede når en person gik ind på en af skolens gange med makeymakey'en og spillede grotte lyde fra Minecraft"}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/hmi/thumb.png"}
+            thumbnail_alt={"HMI"}
+            download={"/portfolios/sveske/hmi/hmi_rapport.pdf"}
+            title={"3.G - Human Machine Interface: Enhed som kan signalere brugeren hvis en person er på vej ind på brugerens værelse"}
+            summary={"Brugte M5 mikrokontrolleren til at forbinde en IR bevægelsessensor. Sensoren sender beskeder over netværket til et armbånd som er bundet om brugerens håndled"}
+        />
+        <ProjectEntry
+            thumbnail_url={"/portfolios/sveske/prolog/thumb.png"}
+            thumbnail_alt={"Prolog"}
+            download={"/portfolios/sveske/prolog/prolog_rapport.pdf"}
+            title={"3.G - Prolog: Rejseekspertsystem"}
+            summary={"Brugte prolog programmeringsproget til at lave et ekspertsystem. Specifikt kan det give anbefalinger til rejsedestinationer ud fra en række faktorer som temperatur, økonomi, aktiviter osv."}
+        />
+    </div>
+</div>
+
+<style>
+    .content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .projects {
+        margin-top: 25px;
+        display: flex;
+        flex-direction: column;
+        gap: 25px;
+
+        max-width: 1000px;
+    }
+</style>
+
diff --git a/src/routes/sveske/lib/ProjectEntry.svelte b/src/routes/sveske/lib/ProjectEntry.svelte
new file mode 100644
index 0000000..a4d0f01
--- /dev/null
+++ b/src/routes/sveske/lib/ProjectEntry.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+    export let download : string = '404';
+    export let thumbnail_url : string = '/favicon.png';
+    export let thumbnail_alt : string = 'Picture describting the deprived devs logo';
+    export let title : string = '<title>';
+    export let summary : string = '<summary>';
+
+</script>
+
+<div class="news-card">
+    <a href={download}>
+        <div class="thumbnail">
+            <img src={thumbnail_url} alt={thumbnail_alt}/>
+        </div>
+        <div class="content">
+            <h3 id="title">{title}</h3>
+            <p id="summary-text">{summary}</p>
+        </div>
+    </a>
+</div>
+
+<style>
+    a {
+        text-decoration: none;
+
+        display: flex;
+        flex-direction: row;
+        gap: 15px;
+    }
+
+    .thumbnail > img {
+        object-fit: cover;
+
+        box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
+        border-radius: 8px;
+
+        width: 150px;
+        height: auto;
+    }
+
+    .content {
+        flex-shrink: 2;
+
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    #title {
+        margin: 0;
+        text-decoration: none;
+        color: var(--text2);
+    }
+
+    #summary-text {
+        margin: 0;
+        text-decoration: none;
+        color: var(--text3);
+    }
+</style>
diff --git a/static/portfolios/sveske/appLab/applab_rapport.pdf b/static/portfolios/sveske/appLab/applab_rapport.pdf
new file mode 100644
index 0000000..7db588c
Binary files /dev/null and b/static/portfolios/sveske/appLab/applab_rapport.pdf differ
diff --git a/static/portfolios/sveske/appLab/thumb.png b/static/portfolios/sveske/appLab/thumb.png
new file mode 100644
index 0000000..59bd1e7
Binary files /dev/null and b/static/portfolios/sveske/appLab/thumb.png differ
diff --git a/static/portfolios/sveske/firebase/firebase_rapport.pdf b/static/portfolios/sveske/firebase/firebase_rapport.pdf
new file mode 100644
index 0000000..0207d10
Binary files /dev/null and b/static/portfolios/sveske/firebase/firebase_rapport.pdf differ
diff --git a/static/portfolios/sveske/firebase/thumb.png b/static/portfolios/sveske/firebase/thumb.png
new file mode 100644
index 0000000..de5c9e0
Binary files /dev/null and b/static/portfolios/sveske/firebase/thumb.png differ
diff --git a/static/portfolios/sveske/hmi/hmi_rapport.pdf b/static/portfolios/sveske/hmi/hmi_rapport.pdf
new file mode 100644
index 0000000..a2e8b82
Binary files /dev/null and b/static/portfolios/sveske/hmi/hmi_rapport.pdf differ
diff --git a/static/portfolios/sveske/hmi/thumb.png b/static/portfolios/sveske/hmi/thumb.png
new file mode 100644
index 0000000..18c043d
Binary files /dev/null and b/static/portfolios/sveske/hmi/thumb.png differ
diff --git a/static/portfolios/sveske/makeymakey/makeymakey_rapport.pdf b/static/portfolios/sveske/makeymakey/makeymakey_rapport.pdf
new file mode 100644
index 0000000..c974df5
Binary files /dev/null and b/static/portfolios/sveske/makeymakey/makeymakey_rapport.pdf differ
diff --git a/static/portfolios/sveske/makeymakey/thumb.png b/static/portfolios/sveske/makeymakey/thumb.png
new file mode 100644
index 0000000..07fb39b
Binary files /dev/null and b/static/portfolios/sveske/makeymakey/thumb.png differ
diff --git a/static/portfolios/sveske/prolog/prolog_rapport.pdf b/static/portfolios/sveske/prolog/prolog_rapport.pdf
new file mode 100644
index 0000000..4a00469
Binary files /dev/null and b/static/portfolios/sveske/prolog/prolog_rapport.pdf differ
diff --git a/static/portfolios/sveske/prolog/thumb.png b/static/portfolios/sveske/prolog/thumb.png
new file mode 100644
index 0000000..b359bc3
Binary files /dev/null and b/static/portfolios/sveske/prolog/thumb.png differ
diff --git a/static/portfolios/sveske/teachable_machine/teachable_machine_rapport.pdf b/static/portfolios/sveske/teachable_machine/teachable_machine_rapport.pdf
new file mode 100644
index 0000000..0247db9
Binary files /dev/null and b/static/portfolios/sveske/teachable_machine/teachable_machine_rapport.pdf differ
diff --git a/static/portfolios/sveske/teachable_machine/thumb.png b/static/portfolios/sveske/teachable_machine/thumb.png
new file mode 100644
index 0000000..b3e1075
Binary files /dev/null and b/static/portfolios/sveske/teachable_machine/thumb.png differ
diff --git a/static/portfolios/sveske/the_red_paper/the_red_paper_rapport.pdf b/static/portfolios/sveske/the_red_paper/the_red_paper_rapport.pdf
new file mode 100644
index 0000000..5d77ca9
Binary files /dev/null and b/static/portfolios/sveske/the_red_paper/the_red_paper_rapport.pdf differ
diff --git a/static/portfolios/sveske/the_red_paper/thumb.png b/static/portfolios/sveske/the_red_paper/thumb.png
new file mode 100644
index 0000000..f24d9bd
Binary files /dev/null and b/static/portfolios/sveske/the_red_paper/thumb.png differ