Kevin/website
1
0
Fork 0
mirror of https://github.com/LJ5O/website.git synced 2026-08-11 22:54:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added portfolio project to website

Browse Source 
Also added a secondary button on projects display
This commit is contained in:
LJ5O
2025-03-27 14:58:53 +01:00
parent cc3551d3de
commit f2342e10db
3 changed files with 38 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/portfolio.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

13
src/assets/localization/en/localization.json
View File

@@ -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"

30
src/components/home/projects.vue
View File

@@ -21,6 +21,7 @@
<p>{{ e.desc }}</p>
</article>
<a :href="e.buttonLink" target="_blank"><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>
@@ -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}
]
}];
</script>
@@ -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;
}
</style>