From 8126ba7895988461ce80d20cb279690f5621506f Mon Sep 17 00:00:00 2001
From: Bram Reyniers <reyniersbram@gmail.com>
Date: Thu, 18 Apr 2024 21:31:40 +0200
Subject: [PATCH 1/2] simple about page

---
 frontend/src/views/AboutView.vue | 64 +++++++++++++++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index 26d6aea8..d900c963 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -1,5 +1,67 @@
 <template>
     <div>
-        <h1>This is an about page</h1>
+        <h1>Over dit project</h1>
+        <p>
+            Dit project is gemaakt in het kader van het vak
+            <a href="https://studiekiezer.ugent.be/2023/studiefiche/nl/C003784">
+                Software Engineering Lab 2 </a>. De broncode is publiek beschikbaar op
+            <a href="https://github.com/SELab-2/UGent-5"> GitHub </a>.
+        </p>
+        <h2>Onze Developers:</h2>
+        <v-list lines="one">
+            <v-list-item v-for="developer in developers" :key="developer.name">
+                <template v-slot:title>
+                    <v-btn :href="developer.githubUrl">{{ developer.name }}</v-btn>
+                </template>
+                <template v-slot:subtitle>
+                    {{ developer.role }}
+                </template>
+            </v-list-item>
+        </v-list>
     </div>
 </template>
+
+<script setup lang="ts">
+interface Developer {
+    role: string;
+    name: string;
+    githubUrl: string;
+}
+const developers: Developer[] = [
+    {
+        role: "Projectleider",
+        name: "Marieke Sinnaeve",
+        githubUrl: "https://github.com/masinnae",
+    },
+    {
+        role: "Technical Lead",
+        name: "Bram Reyniers",
+        githubUrl: "https://github.com/reyniersbram",
+    },
+    {
+        role: "System Administrator",
+        name: "Xander Bil",
+        githubUrl: "https://github.com/xerbalind",
+    },
+    {
+        role: "Custom Relations Officer + Documentation",
+        name: "Pieter Janin",
+        githubUrl: "https://github.com/pieterjanin",
+    },
+    {
+        role: "Frontend Manager",
+        name: "Mattis Cauwel",
+        githubUrl: "https://github.com/mattiscauwel",
+    },
+    {
+        role: "Backend Manager",
+        name: "Dries Hyubens",
+        githubUrl: "https://github.com/DRIESASTER",
+    },
+    {
+        role: "Test Manager",
+        name: "Michaël Boelaert",
+        githubUrl: "https://github.com/miboelae",
+    },
+]
+</script>

From ba52d251817d0e4313d4c57c94a80f18a0814d50 Mon Sep 17 00:00:00 2001
From: Bram Reyniers <reyniersbram@gmail.com>
Date: Thu, 18 Apr 2024 21:34:05 +0200
Subject: [PATCH 2/2] run formatter

---
 frontend/src/views/AboutView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index d900c963..7afc61a6 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -4,7 +4,8 @@
         <p>
             Dit project is gemaakt in het kader van het vak
             <a href="https://studiekiezer.ugent.be/2023/studiefiche/nl/C003784">
-                Software Engineering Lab 2 </a>. De broncode is publiek beschikbaar op
+                Software Engineering Lab 2 </a
+            >. De broncode is publiek beschikbaar op
             <a href="https://github.com/SELab-2/UGent-5"> GitHub </a>.
         </p>
         <h2>Onze Developers:</h2>
@@ -63,5 +64,5 @@ const developers: Developer[] = [
         name: "Michaël Boelaert",
         githubUrl: "https://github.com/miboelae",
     },
-]
+];
 </script>