Added Semantic segmantation project

src/assets/localization/en/localization.json

@@ -37,6 +37,11 @@
           "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"
+        },
+        "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"
         }
       },
       "tags":{

src/components/home/projects.vue

@@ -20,7 +20,7 @@
                 <article>
                     <p>{{ e.desc }}</p>
                 </article>
-                <a :href="e.buttonLink" target="_blank"><button class="button project_button">{{ e.buttonText }}</button></a>
+                <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>
         </div>
@@ -34,6 +34,7 @@
 
     import disblockSvg from "@/assets/svg/projects/disblock.svg";
     import portfolioImg from "@/assets/img/portfolio.png";
+    import semanticSegmentation from '@/assets/img/semantic_segmentation.png';
 
     import {useI18n} from 'vue-i18n';
     const i18n = useI18n();
@@ -72,6 +73,17 @@
             {title:i18n.t("home.projects.tags.school"), colour:tagsColours.school},
             {title:i18n.t("home.projects.tags.bugs_only"), colour:tagsColours.bugs_only}
         ]
+    },{
+        picture: semanticSegmentation,
+        title: i18n.t("home.projects.project.semantic_segmentation.title"),
+        desc:i18n.t("home.projects.project.semantic_segmentation.desc"),
+        buttonText:i18n.t("home.projects.project.semantic_segmentation.button_text"),
+        buttonLink:"#",
+        tags:[
+            {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}
+        ]
     }];
 </script>