Update project card

src/views/projects/ProjectCard.vue

@@ -5,7 +5,7 @@
             <a v-for="link in props.links" :href="link.url" class="font-mono inline-block hover:underline mx-2">{{ link.label }}</a>
         </div>
         <p class="text-lg whitespace-pre-wrap mb-2 text-gray-500 dark:text-gray-400">
-            {{ props.description }}
+            <slot></slot>
         </p>
         <img :src="props.image" alt="" class="max-w-full max-h-96 mx-auto">
     </div>
@@ -17,7 +17,6 @@
 
     const props = defineProps({
         title: String,
-        description: String,
         links: Object as PropType<{ label: string, url: string }[]>,
         image: String
     });

src/views/projects/cards/Imaging.vue

@@ -4,7 +4,11 @@
         :description="t('description')" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/imaging' }
-        ]" />
+        ]">
+        
+        <p class="text-center">{{ t("unibo") }}</p>
+        <p>{{ t('description') }}</p>
+    </ProjectCard>
 </template>
 
 
@@ -15,13 +19,15 @@
 
     const { t } = useI18n({ messages: {
         en: {
+            unibo: "University of Bologna, A.Y. 2021-2022",
             description:
-                "Project for the Numerical Computing course (University of Bologna, A.Y. 2021-2022).\n" +
+                "Project for the Numerical Computing course.\n" +
                 "Image deblurring solved as a minimization problem."
         },
         it: {
+            unibo: "Università di Bologna, A.A. 2021-2022",
             description:
-                "Progetto per il corso di Calcolo Numerico (Università di Bologna, A.A. 2021-2022).\n" +
+                "Progetto per il corso di Calcolo Numerico.\n" +
                 "Deblurring di immagini risolto come problema di minimizzazione."
         }
     } });

src/views/projects/cards/MNKGame.vue

@@ -4,7 +4,11 @@
         :description="t('description')" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/MNKGame' }
-        ]" />
+        ]">
+        
+        <p class="text-center">{{ t("unibo") }}</p>
+        <p>{{ t('description') }}</p>
+    </ProjectCard>
 </template>
 
 
@@ -15,13 +19,15 @@
 
     const { t } = useI18n({ messages: {
         en: {
+            unibo: "University of Bologna, A.Y. 2020-2021",
             description:
-                "Project for the Algorithms and Data Structures course (University of Bologna, A.Y. 2020-2021).\n" +
+                "Project for the Algorithms and Data Structures course.\n" +
                 "Algorithm able to efficiently play a generalized version of tic-tac-toe."
         },
         it: {
+            unibo: "Università di Bologna, A.A. 2020-2021",
             description:
-                "Progetto per il corso di Algoritmi e Strutture Dati (Università di Bologna, A.A. 2020-2021).\n" +
+                "Progetto per il corso di Algoritmi e Strutture Dati.\n" +
                 "Algoritmo in grado di giocare in modo efficiente ad una versione generalizzata del tris."
         }
     } });

src/views/projects/cards/PandOSplus.vue

@@ -4,7 +4,11 @@
         :description="t('description')" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/pandos-plus' }
-        ]"/>
+        ]">
+        
+        <p class="text-center">{{ t("unibo") }}</p>
+        <p>{{ t('description') }}</p>
+    </ProjectCard>
 </template>
 
 
@@ -14,13 +18,15 @@
 
     const { t } = useI18n({ messages: {
         en: {
+            unibo: "University of Bologna, A.Y. 2021-2022",
             description:
-                "Project for the Operating Systems course (University of Bologna, A.Y. 2021-2022).\n" +
+                "Project for the Operating Systems course.\n" +
                 "Minimal operating system for the MIPS architecture."
         },
         it: {
+            unibo: "Università di Bologna, A.A. 2021-2022",
             description:
-                "Progetto per il corso di Sistemi Operativi (Università di Bologna, A.A. 2021-2022).\n" +
+                "Progetto per il corso di Sistemi Operativi.\n" +
                 "Sistema operativo minimale per architettura MIPS."
         }
     } });

src/views/projects/cards/PathfindingVisualizer.vue

@@ -5,7 +5,10 @@
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/pathfinding-visualizer' },
             { label: 'Demo', url: 'https://notxia.github.io/pathfinding-visualizer/' }
-        ]" />
+        ]">
+
+        {{ t('description') }}
+    </ProjectCard>
 </template>
 
 

src/views/projects/cards/Platform.vue

@@ -4,7 +4,11 @@
         :description="t('description')" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/platform-game' }
-        ]" />
+        ]">
+        
+        <p class="text-center">{{ t("unibo") }}</p>
+        <p>{{ t('description') }}</p>
+    </ProjectCard>
 </template>
 
 
@@ -15,13 +19,15 @@
 
     const { t } = useI18n({ messages: {
         en: {
+            unibo: "University of Bologna, A.Y. 2020-2021",
             description:
-                "Project for the Programmin course (University of Bologna, A.Y. 2020-2021).\n" +
+                "Project for the Programmin course.\n" +
                 "Text based platform game with randomly generated levels."
         },
         it: {
+            unibo: "Università di Bologna, A.A. 2020-2021",
             description:
-                "Progetto per il corso di Programmazione (Università di Bologna, A.A. 2020-2021).\n" +
+                "Progetto per il corso di Programmazione.\n" +
                 "Gioco platform su terminale con livelli generati casualmente."
         }
     } });

src/views/projects/cards/SortingVisualizer.vue

@@ -5,7 +5,10 @@
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/sorting-visualizer' },
             { label: 'Demo', url: 'https://notxia.github.io/sorting-visualizer/' }
-        ]" />
+        ]">
+              
+        {{ t('description') }}
+    </ProjectCard>
 </template>
 
 

src/views/projects/cards/Wirefilter.vue

@@ -1,11 +1,14 @@
 <template>
     <ProjectCard 
         title="Wirefilter" 
-        :description="t('description')" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/vdeplug_wirefilter' },
             { label: 'VirtualSquare', url: 'http://wiki.virtualsquare.org/#!index.md' }
-        ]"/>
+        ]">
+        
+        <p class="text-center">{{ t("unibo") }}</p>
+        <p>{{ t('description') }}</p>
+    </ProjectCard>
 </template>
 
 
@@ -15,13 +18,15 @@
 
     const { t } = useI18n({ messages: {
         en: {
+            unibo: "University of Bologna, A.Y. 2022-2023",
             description:
                 "Virtual Distributed Ethernet (VDE) is an open source project that allows to create virtual networks through a set of plugins.\n" +
                 "Wirefilter is a plugin that allows to manipulate packets flow by changing the parameters of the virtual cable"
         },
         it: {
+            unibo: "Università di Bologna, A.A. 2022-2023",
             description:
-                "Virtual Distributed Ethernet (VDE) è un progetto open source che consente di creare reti virtuali tramite l’utilizzo modulare di plugin.\n" +
+                "Virtual Distributed Ethernet (VDE) è un progetto open source che consente di creare reti virtuali tramite l'utilizzo modulare di plugin.\n" +
                 "Wirefilter è un plugin che consente di manipolare il flusso dei pacchetti in transito impostando parametri per il cavo virtuale"
         }
     } });