Add BSc degree

components/projects/ProjectCard.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="border border-gray-500 dark:border-gray-300 rounded-md p-3 mx-auto w-full lg:w-2/3 xl:w-1/2">
         <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
+        <h4 v-if="props.subtitle" class="text font-semibold text-center text-gray-700 dark:text-gray-300">{{ props.subtitle }}</h4>
         <div class="text-center mb-2">
             <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
         </div>
@@ -17,6 +18,7 @@
 
     const props = defineProps({
         title: String,
+        subtitle: { type: String, required: false },
         links: Object as PropType<{ label: string, url: string }[]>,
         image: String
     });

components/projects/cards/BScThesis.vue

@@ -1,10 +1,18 @@
 <template>
     <ProjectCard 
         :title="$t('bsc_thesis.title')"
+        :subtitle="$t('bsc_thesis.thesis_title')"
+        :image="image"
         :links="[ 
+            { label: 'Repository1', url: 'https://github.com/NotXia/biomed-ext-summ' },
+            { label: 'Repository2', url: 'https://github.com/NotXia/pubmed-summ' }
         ]">
         
         <p class="text-center">{{ $t("unibo_22-23") }}</p>
         <p>{{ $t("bsc_thesis.description") }}</p>
     </ProjectCard>
-</template>
+</template>
+
+<script setup lang="ts">
+    import image from "@/assets/images/projects/bsc-thesis.png";
+</script>

components/projects/cards/TablutPlayer.vue

@@ -0,0 +1,14 @@
+<template>
+    <ProjectCard 
+        title="Tablut"
+        :links="[ 
+        ]">
+        
+        <p class="text-center">{{ $t("unibo_23-24") }}</p>
+        <p>{{ $t('tablut.description') }}</p>
+    </ProjectCard>
+</template>
+
+
+<script setup lang="ts">
+</script>