Add publications

components/Timeline.vue

@@ -69,11 +69,11 @@
     
     const props = defineProps({
         right: {
-            type: Object as PropType<Event[]>,
+            type: Array<Event>,
             default: []
         },
         left: {
-            type: Object as PropType<Event[]>,
+            type: Array<Event>,
             default: []
         },
     });

components/resume/ExperienceTimeline.vue

@@ -43,6 +43,11 @@
                         title: 'CISCO: IT Essentials', time_label: '2018',
                         description: 'CISCO Networking Academy', 
                         start: new Date(2018, september, 1), end: new Date(2018, september, 1)
+                    },
+                    { 
+                        title: $t('research intern'), time_label: `${$t('m_7')} 2025 - ${$t('m_1')} 2026`,
+                        description: `National Institute of Informatics, Tokyo, ${$t('japan')}`, 
+                        start: new Date(2025, july, 14), end: new Date(2026, january, 9)
                     }
                 ]" />
         </div>

components/resume/PaperReference.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="md:ml-2 mt-4">
+        <span v-for="(author, i) in props.authors">
+            <span :class="`${props.highlight_author == author ? 'font-bold' : ''}`">{{ author }}</span><span v-if="i < props.authors.length-1">; </span>
+        </span>. 
+        ({{ props.year }}). "{{ props.title }}". 
+        <span class="italic">{{ journal }}</span>. 
+        <span v-if="doi === ''">{{ $t("under_review") }}</span>
+        <span v-if="doi !== ''"><span class="font-mono">DOI</span>: <a :href="`https://doi.org/${props.doi}`" class="font-mono hover:underline">{{ props.doi }}</a></span>.
+    </div>
+</template>
+
+
+<script setup lang="ts">
+    const props = defineProps({
+        title: String,
+        authors: { type: Array<String>, default: [] },
+        highlight_author: String,
+        year: String,
+        journal: String,
+        doi: { type: String, default: '' }
+    });
+</script>

components/resume/sections/Publications.vue

@@ -0,0 +1,25 @@
+<template>
+    <div>
+        <h2 class="text-4xl font-bold tracking-wide">{{ $t("publications") }}</h2>
+
+        <PaperReference 
+            title = "Large Language Models Evaluation for PubMed Extractive Summarisation"
+            :authors = "['Xia, Tian Cheng', 'Bertini, Flavio', 'Montesi, Danilo']"
+            :highlight_author = "highlight_author"
+            year = "2025"
+            journal = "ACM Transactions on Computing for Healthcare"
+            doi = "" />
+
+        <PaperReference 
+            title = "The Design and Realization of a Self-Hosted and Open-Source Agile Internal Development Platform"
+            :authors = "['Ciancarini, Paolo', 'Giancarlo, Raffaele', 'Grimaudo, Gennaro', 'Missiroli, Marcello', 'Xia, Tian Cheng']"
+            :highlight_author = "highlight_author"
+            year = "2025"
+            journal = "IEEE Access"
+            doi = "10.1109/ACCESS.2025.3564141" />
+    </div>
+</template>
+
+<script setup lang="ts">
+    const highlight_author = "Xia, Tian Cheng";
+</script>

locales/en-US/resume.ts

@@ -4,8 +4,9 @@ export default {
     "certificates": "Certificates",
     "skills": "Skills",
     "other": "Other activities",
+    "publications": "Publications",
     "link to certificate": "Link to certificate",
-    "future": "What will happen?",
+    "future": "What will happen next?",
     "like timelines": "I like timelines",
 
     "cv_link": "/cv/cv_xia_en1.pdf",
@@ -33,7 +34,7 @@ export default {
     
     "web development": "Web development",
     "devops": "DevOps",
-    "data analysis": "Data analysis",
+    "data analysis": "Data analysis and machine learning",
     "other programming languages": "Other programming languages",
 
 
@@ -43,7 +44,7 @@ export default {
     "cs50 ai description": "Problem solving using algorithms based on graphs, statistics, optimization and machine learning.",
 
 
-    "pcto toyota": "IT/IS Office, Internship",
+    "pcto toyota": "IT/IS Office Intern",
     "pcto toyota description": "Internship organized during high school.",
     "pcto toyota description list1": "IT support.",
     "pcto toyota description list2": "Maintenance and setup of network devices.",
@@ -59,5 +60,9 @@ export default {
                                     "the Zerynth Studio development environment.",
 
     "epfl": "EPFL, Switzerland",
-    "lauzhack description": "24-hour hackathon where my team tackled and was awarded first prize for the challenge proposed by Bristol Myers Squibb on probabilistic time series forecasting."
+    "lauzhack description": "24-hour hackathon where my team tackled and was awarded first prize for the challenge proposed by Bristol Myers Squibb on probabilistic time series forecasting.",
+ 
+    "under_review": "Under review",
+    "research intern": "Research Intern",
+    "japan": "Japan"
 }

locales/it-IT/resume.ts

@@ -4,6 +4,7 @@ export default {
     "certificates": "Certificati",
     "skills": "Competenze",
     "other": "Altre attività",
+    "publications": "Pubblicazioni",
     "link to certificate": "Link al certificato",
     "future": "Chissà cosa succederà",
     "like timelines": "Mi piacciono le linee del tempo",
@@ -33,7 +34,7 @@ export default {
     
     "web development": "Sviluppo web",
     "devops": "DevOps",
-    "data analysis": "Data analysis",
+    "data analysis": "Data analysis e machine learning",
     "other programming languages": "Altri linguaggi di programmazione",
 
     
@@ -58,5 +59,9 @@ export default {
                                     "l'ambiente di sviluppo Zerynth Studio.",
 
     "epfl": "EPFL, Svizzera",
-    "lauzhack description": "Hackathon di 24 ore in cui la mia squadra ha risolto e vinto il primo posto della challenge proposta da Bristol Myers Squibb su predizioni probabilistiche di time series."
+    "lauzhack description": "Hackathon di 24 ore in cui la mia squadra ha risolto e vinto il primo posto della challenge proposta da Bristol Myers Squibb su predizioni probabilistiche di time series.",
+
+    "under_review": "In revisione",
+    "research intern": "Ricercatore tirocinante",
+    "japan": "Giappone"
 }

pages/about.vue

@@ -20,13 +20,12 @@
                     <p>
                         Oltre a premere tasti sulla tastiera, 
                         mi piace leggere, 
-                        sperimentare in cucina <span class="text-xs">(preferibilmente con un estintore nei paraggi)</span> 
-                        e giocare a giochi strategici.
+                        sperimentare in cucina <span class="text-xs">(preferibilmente con un estintore nei paraggi)</span>,
+                        giocare a giochi strategici
+                        e spendere decisamente troppo tempo sul mio home server.
                     </p>
                     <p>
-                        Secondo <a class="hover:underline italic" href="https://www.16personalities.com">16Personalities</a> sono un 
-                        <a class="font-mono hover:underline" href="https://www.16personalities.com/profiles/6b57f54bf1242">Architetto (INTJ)</a>. 
-                        Devo dire che la descrizione è decisamente accurata.
+                        Dovrei probabilmente scrivere qualcos'altro, ma sono terribile a scrivere biografie, quindi tieni una ciambella 🍩.
                     </p>
                 </div>
 
@@ -42,13 +41,12 @@
                     <p>
                         Aside from pressing keys on a keyboard, 
                         I like reading, 
-                        cooking <span class="text-xs">(preferably with a fire extinguisher nearby)</span> 
-                        and playing strategic games.
+                        cooking <span class="text-xs">(preferably with a fire extinguisher nearby)</span>,
+                        playing strategic games
+                        and spending way too much time on my home server.
                     </p>
                     <p>
-                        According to <a class="hover:underline italic" href="https://www.16personalities.com">16Personalities</a>, I'm an 
-                        <a class="font-mono hover:underline" href="https://www.16personalities.com/profiles/6b57f54bf1242">Architect (INTJ)</a>. 
-                        I must admit that the description is quite accurate.
+                        I should probably write some more about me, but I'm terrible at writing biographies, so here's a donut 🍩.
                     </p>
                 </div>
 

pages/resume.vue

@@ -21,10 +21,11 @@
         <div class="flex flex-col md:flex-row">
             <div class="w-full md:w-2/3 order-1 md:order-2 md:pl-4 [&>*]:mt-8 first:[&>*]:mt-0">
                 <Education /> 
-                <Certificates /> 
                 <Work />
+                <Certificates /> 
                 <Skills />
                 <Other />
+                <Publications />
             </div>
 
             <div class="w-full md:w-1/3 mt-20 md:mt-0 order-2 md:order-1">