diff --git a/src/assets/img/portfolio.png b/src/assets/img/portfolio.png new file mode 100644 index 0000000..5285caa Binary files /dev/null and b/src/assets/img/portfolio.png differ diff --git a/src/assets/localization/en/localization.json b/src/assets/localization/en/localization.json index 742b7c4..959efad 100644 --- a/src/assets/localization/en/localization.json +++ b/src/assets/localization/en/localization.json @@ -29,11 +29,20 @@ "disblock":{ "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": "See on Github" + "button_text": "Open the project", + "button2_text": "See on Github" + }, + "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" } }, "tags":{ - "home": "On my free time", + "home": "Personal project", + "school": "As part of my studies", + "research": "Research project", "active": "Active", "bugs_only": "Bug fixes only", "archived": "Archived" diff --git a/src/components/home/projects.vue b/src/components/home/projects.vue index a9afe86..d391e25 100644 --- a/src/components/home/projects.vue +++ b/src/components/home/projects.vue @@ -21,6 +21,7 @@
{{ e.desc }}
+ @@ -32,6 +33,7 @@ import projectTag from './libs/projectTag.vue'; import disblockSvg from "@/assets/svg/projects/disblock.svg"; + import portfolioImg from "@/assets/img/portfolio.png"; import {useI18n} from 'vue-i18n'; const i18n = useI18n(); @@ -40,7 +42,9 @@ home:'#8a1bc8', active:'#598609', bugs_only:'#7a781f', - archived: '#6c5e73' + archived: '#6c5e73', + school: '#163799', + research: '#3ba1c8' }; const projctsInfo = [{ @@ -48,11 +52,26 @@ title: i18n.t("home.projects.project.disblock.title"), desc:i18n.t("home.projects.project.disblock.desc"), buttonText:i18n.t("home.projects.project.disblock.button_text"), - buttonLink:"https://github.com/Disblock/WebApp", + buttonLink:"https://disblock.xyz", + button2Text:i18n.t("home.projects.project.disblock.button2_text"), + button2Link:"https://github.com/Disblock/WebApp", tags:[ {title:i18n.t("home.projects.tags.home"), colour:tagsColours.home}, {title:i18n.t("home.projects.tags.bugs_only"), colour:tagsColours.bugs_only} ] + },{ + picture: portfolioImg, + title: i18n.t("home.projects.project.portfolio.title"), + desc:i18n.t("home.projects.project.portfolio.desc"), + buttonText:i18n.t("home.projects.project.portfolio.button_text"), + buttonLink:"https://portfolio.taccoen.dev/", + button2Text:i18n.t("home.projects.project.portfolio.button2_text"), + button2Link:"https://github.com/LJ5O/portfolio", + tags:[ + {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} + ] }]; @@ -84,7 +103,7 @@ } .project{ max-width: 400px; - max-height: 600px; + max-height: fit-content; width: 100%; height: 100%; background-color: #2c2b2b; @@ -130,4 +149,9 @@ background-color: rgb(65, 185, 61); font-size: 1.1em; } + .project_button_secondary{ + background-color: rgb(62, 128, 148); + font-size: 1.1em; + margin-left: 10px; + } \ No newline at end of file