feat(frintend): Link aan homepage toegevoegd

frontend/src/components/BrowseThemes.vue

@@ -90,6 +90,22 @@
                     class="fill-height"
                 />
             </v-col>
+            <v-col
+                cols="12"
+                sm="6"
+                md="4"
+                lg="4"
+                class="d-flex"
+            >
+                <ThemeCard
+                    path="/my-content"
+                    :is-absolute-path="true"
+                    :title="t('ownLearningContentTitle')"
+                    :description="t('ownLearningContentDescription')"
+                    icon="mdi-pencil"
+                    class="fill-height"
+                />
+            </v-col>
         </v-row>
     </v-container>
 </template>

frontend/src/i18n/locale/de.json

@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Möchten Sie diesen Lernpfad wirklich löschen?",
     "learningObjectDeleteQuery": "Möchten Sie dieses Lernobjekt wirklich löschen?",
     "learningPathCantModifyId": "Der HRUID oder die Sprache eines Lernpfads kann nicht geändert werden.",
-    "error": "Fehler"
+    "error": "Fehler",
+    "ownLearningContentTitle": "Eigene Lerninhalte",
+    "ownLearningContentDescription": "Erstellen und verwalten Sie eigene Lernobjekte und Lernpfade. Nur für fortgeschrittene Nutzer."
 }

frontend/src/i18n/locale/en.json

@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Are you sure you want to delete this learning path?",
     "learningObjectDeleteQuery": "Are you sure you want to delete this learning object?",
     "learningPathCantModifyId": "The HRUID or language of a learning path cannot be modified.",
-    "error": "Error"
+    "error": "Error",
+    "ownLearningContentTitle": "Own learning content",
+    "ownLearningContentDescription": "Create and administrate your own learning objects and learning paths. For advanced users only."
 }

frontend/src/i18n/locale/fr.json

@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Voulez-vous vraiment supprimer ce parcours d’apprentissage ?",
     "learningObjectDeleteQuery": "Voulez-vous vraiment supprimer cet objet d’apprentissage ?",
     "learningPathCantModifyId": "Le HRUID ou la langue d’un parcours ne peuvent pas être modifiés.",
-    "error": "Erreur"
+    "error": "Erreur",
+    "ownLearningContentTitle": "Contenu d’apprentissage personnel",
+    "ownLearningContentDescription": "Créez et gérez vos propres objets et parcours d’apprentissage. Réservé aux utilisateurs avancés."
 }

frontend/src/i18n/locale/nl.json

@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Weet u zeker dat u dit leerpad wilt verwijderen?",
     "learningObjectDeleteQuery": "Weet u zeker dat u dit leerobject wilt verwijderen?",
     "learningPathCantModifyId": "De HRUID of taal van een leerpad kan niet worden gewijzigd.",
-    "error": "Fout"
+    "error": "Fout",
+    "ownLearningContentTitle": "Eigen leerinhoud",
+    "ownLearningContentDescription": "Maak en beheer je eigen leerobjecten en leerpads. Alleen voor gevorderde gebruikers."
 }

frontend/src/views/own-learning-content/OwnLearningContentPage.vue

@@ -24,6 +24,8 @@
 
 <template>
     <div class="tab-pane-container">
+        <h1 class="title">{{ t("ownLearningContentTitle") }}</h1>
+
         <v-tabs v-model="tab">
         <v-tab value="learningObjects">{{ t('learningObjects') }}</v-tab>
         <v-tab value="learningPaths">{{ t('learningPaths') }}</v-tab>
@@ -51,6 +53,13 @@
 </template>
 
 <style scoped>
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 50px;
+    }
+
     .tab-pane-container {
         display: flex;
         flex-direction: column;