Add some project specific images

This commit is contained in:
2023-04-28 19:21:02 +02:00
parent 1e62f85f9d
commit 33aef4c482

View File

@@ -15,6 +15,7 @@
> >
<v-carousel-item v-for="image of project.images" :key="image" <v-carousel-item v-for="image of project.images" :key="image"
:src="`${cdn}${image}`" :src="`${cdn}${image}`"
:class="project.class"
@click="showImageCarousel(project.images, carouselIndex[index])" @click="showImageCarousel(project.images, carouselIndex[index])"
></v-carousel-item> ></v-carousel-item>
</v-carousel> </v-carousel>
@@ -45,7 +46,6 @@
</v-card-title> </v-card-title>
<v-card-subtitle>{{ project.subtitle }}</v-card-subtitle> <v-card-subtitle>{{ project.subtitle }}</v-card-subtitle>
</v-card-item> </v-card-item>
<v-spacer></v-spacer>
<v-card-text>{{ $t(project.description) }}</v-card-text> <v-card-text>{{ $t(project.description) }}</v-card-text>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-card-actions class="d-flex flex-row flex-wrap justify-center align-center"> <v-card-actions class="d-flex flex-row flex-wrap justify-center align-center">
@@ -139,15 +139,16 @@ export default {
tech: ['nuxt3', 'vuetify3', 'ghpages'], tech: ['nuxt3', 'vuetify3', 'ghpages'],
repoUrl: 'github.com/Rakantor/personal-portfolio', repoUrl: 'github.com/Rakantor/personal-portfolio',
projectUrl: 'mave.dev', projectUrl: 'mave.dev',
images: ['personal-website-1.jpg'] images: ['personal-website-1.jpg'],
class: 'pa-2'
}, },
{ {
title: 'IU Gamer App', title: 'IU Gamer App',
subtitle: 'Android app', subtitle: 'Android app',
description: 'iuGamerApp', description: 'iuGamerApp',
tech: ['android', 'firebase'], tech: ['java', 'android', 'firebase'],
repoUrl: 'github.com/Rakantor/iubh-gamer-app', repoUrl: 'github.com/Rakantor/iubh-gamer-app',
images: [] images: ['iu-gamer-app-1.jpg', 'iu-gamer-app-2.jpg']
} }
], ],
tech: { tech: {
@@ -242,7 +243,7 @@ export default {
methods: { methods: {
generateBadgen (label, iconUrl) { generateBadgen (label, iconUrl) {
// const iconColor = iconUrl.hex // const iconColor = iconUrl.hex
const iconColor = 'FFFFFF' const iconColor = 'FFFFFF' // white
const iconSvg = iconUrl.svg.replace('<path ', `<path fill="#${iconColor}" `) const iconSvg = iconUrl.svg.replace('<path ', `<path fill="#${iconColor}" `)
const svg = badgen({ const svg = badgen({
label: '', label: '',