Added projects dates

src/assets/localization/en/localization.json

@@ -30,18 +30,21 @@
           "title": "Disblock",
           "desc": "Disblock is a project about a Discord bot. A large number of users want to customize their Discord servers with bots, but lacks the coding skills. Disblock is a way to assemble easily his own bot using blocks that can describe what to do, and when.",
           "button_text": "Open the project",
-          "button2_text": "See on Github"
+          "button2_text": "See on Github",
+          "date": "Since 2021"
         },
         "portfolio":{
           "title": "Three.js personal website",
           "desc": "As I was a third year student, I was tasked to create a website about everything I had done so far. I decided to use every skill I had to build this project, making myself 3D models and animations using Blender, while three.js is used to render it. Currently, it's not up-to-date !",
           "button_text": "Open the project",
-          "button2_text": "See on Github"
+          "button2_text": "See on Github",
+          "date": "Since November 2023"
         },
         "semantic_segmentation":{
           "title": "Semantic Segmentation",
           "desc": "During my intership at Hachinohe National Institute of Technology, Japan, I was asked to research about Semantic Segmentation using the Oxford-IIIT Pet Dataset, and models like SegNet, U-Net, and DeepLabV3, gaining valuable experience along the way.",
-          "button_text": "More about it"
+          "button_text": "More about it",
+          "date": "From April 2023 to July 2023"
         }
       },
       "tags":{

src/components/home/projects.vue

@@ -23,6 +23,7 @@
                 <a :href="e.buttonLink" target="_blank" v-if="e.buttonLink"><button class="button project_button">{{ e.buttonText }}</button></a>
                 <a :href="e.button2Link" target="_blank" v-if="e.button2Link"><button class="button project_button_secondary">{{ e.button2Text }}</button></a>
             </div>
+            <p v-if="e.date" class="project_date">{{ e.date }}</p>
         </div>
 
       </div>
@@ -59,7 +60,8 @@
         tags:[
             {title:i18n.t("home.projects.tags.home"), colour:tagsColours.home},
             {title:i18n.t("home.projects.tags.bugs_only"), colour:tagsColours.bugs_only}
-        ]
+        ],
+        date: i18n.t("home.projects.project.disblock.date")
     },{
         picture: portfolioImg,
         title: i18n.t("home.projects.project.portfolio.title"),
@@ -72,7 +74,8 @@
             {title:i18n.t("home.projects.tags.home"), colour:tagsColours.home},
             {title:i18n.t("home.projects.tags.school"), colour:tagsColours.school},
             {title:i18n.t("home.projects.tags.bugs_only"), colour:tagsColours.bugs_only}
-        ]
+        ],
+        date: i18n.t("home.projects.project.portfolio.date")
     },{
         picture: semanticSegmentation,
         title: i18n.t("home.projects.project.semantic_segmentation.title"),
@@ -83,7 +86,8 @@
             {title:i18n.t("home.projects.tags.research"), colour:tagsColours.research},
             {title:i18n.t("home.projects.tags.school"), colour:tagsColours.school},
             {title:i18n.t("home.projects.tags.archived"), colour:tagsColours.archived}
-        ]
+        ],
+        date: i18n.t("home.projects.project.semantic_segmentation.date")
     }];
 </script>
 
@@ -151,7 +155,7 @@
         width: 90%;
         margin: auto;
         font-size: 1.1em;
-        margin-bottom: 20px;
+        margin-bottom: 10px;
         margin-top: 0px;
     }
     .project_description p{
@@ -166,4 +170,13 @@
         font-size: 1.1em;
         margin-left: 10px;
     }
+
+    .project_date{
+        color:#a1ddc9;
+        width: 90%;
+        margin: auto;
+        margin-top: 0;
+        margin-bottom: 2px;
+        font-size: 0.8em;
+    }
 </style>