Skip to content

Commit

Permalink
[updated] refactor buttons link. Agregado un nuevo proyecto al portaf…
Browse files Browse the repository at this point in the history 
…olio
  • Loading branch information
@alexchristianqr
alexchristianqr committed Jul 21, 2022
1 parent 5fb86cd commit d3f6937
Show file tree
Hide file tree
Showing 5 changed files with 157 additions and 77 deletions.
11 changes: 7 additions & 4 deletions public/assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -521,7 +521,6 @@ section {
margin-bottom: 30px;
}
.portfolio #portfolio-flters {
padding: 0;
margin: 0 auto 35px auto;
list-style: none;
text-align: center;
Expand Down Expand Up @@ -588,15 +587,19 @@ section {
.portfolio .portfolio-wrap .portfolio-links a:hover {
background: rgba(20, 157, 221, 1);
}
.portfolio .portfolio-wrap .portfolio-links a + a {
border-left: 1px solid #37b3ed;
.portfolio .portfolio-wrap .portfolio-links a {
border-left: 1px solid #ffffff;
opacity: 0.75;
}
.portfolio .portfolio-wrap .portfolio-links a:hover {
opacity: 1;
}
.portfolio .portfolio-wrap:hover::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
/*opacity: 0.25;*/
}
.portfolio .portfolio-wrap:hover .portfolio-links {
opacity: 1;
Expand Down
Binary file added public/assets/img/portfolio/graphqlapi.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 13 additions & 6 deletions src/components/main/SectionPortfolio.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,23 @@
<div class="portfolio-wrap shadow">
<img :src="v.image" class="img-fluid border-0" alt="" />
<div class="portfolio-links">
<a :href="v.image" data-gallery="portfolioGallery" class="portfolio-lightbox pt-2" :data-glightbox="`title: ${v.title}; description: ${v.description ? v.description : ''};`"
><i class="bx bx-search"></i
></a>
<a v-if="v.granted.permission" :href="v.link" target="_blank" :title="v.granted.label" class="pt-2 bg-success">
<!--Zoom de la imagen-->
<a :href="v.image" data-gallery="portfolioGallery" class="portfolio-lightbox pt-2" :data-glightbox="`title: ${v.title}; description: ${v.description ? v.description : ''};`">
<i class="bx bx-fullscreen"></i>
</a>
<!--Link sitio web-->
<a :href="v.link" target="_blank" :title="v.link" class="pt-2 ">
<span>
<i class="bx bx-link"></i>
</span>
</a>
<!--Repositorio-->
<a v-if="v.granted.permission" :href="v.repository" target="_blank" :title="v.granted.label" class="pt-2 ">
<span>
<!-- <i class="bx bx-lock-open"></i>-->
<i class="bx bx-code-alt"></i>
</span>
</a>
<a v-if="!v.granted.permission" :href="v.link" target="_blank" :title="v.granted.label" class="pt-2 bg-danger">
<a v-if="!v.granted.permission" :href="v.repository" target="_blank" :title="v.granted.label" class="pt-2 bg-danger">
<span>
<i class="bx bx-code-block"></i>
</span>
Expand Down
101 changes: 68 additions & 33 deletions src/store/languages/en.json.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,8 @@ export default {
title: 'Todo-list',
description: 'Demo web application',
image: 'assets/img/portfolio/todolist.png',
link: 'https://github.com/alexchristianqr/todolist',
link: 'https://alexchristianqr.github.io/todolist/',
repository: 'https://github.com/alexchristianqr/todolist',
granted: {
label: 'See public repository',
permission: true,
Expand All @@ -177,7 +178,8 @@ export default {
title: 'For you',
description: 'Interactive demo web application',
image: 'assets/img/portfolio/foryou.png',
link: 'https://github.com/alexchristianqr/foryou',
link: 'https://alexchristianqr.github.io/foryou/',
repository: 'https://github.com/alexchristianqr/foryou',
granted: {
label: 'See public repository',
permission: true,
Expand All @@ -188,18 +190,21 @@ export default {
title: 'Orbidata',
image: 'assets/img/portfolio/orbidata.png',
description: 'It is a system to consult information of a person data for contact center.',
link: 'https://wa.link/r28uwd',
link: 'https://app.orbidata.pe/',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},

{
type: 'app',
title: 'Platcon',
description: 'It is a management system for bulk SMS shipments for marketing.',
image: 'assets/img/portfolio/platcon.png',
link: 'https://wa.link/r28uwd',
link: 'https://platcon.com.pe/',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
Expand All @@ -210,7 +215,8 @@ export default {
title: 'Ticker',
description: 'It is a real-time chat system that integrates a WhatsApp API Twilio, Messenger, Instagram API.',
image: 'assets/img/portfolio/ticker.png',
link: 'https://wa.link/r28uwd',
link: 'https://app.ticker.pe/login',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
Expand All @@ -221,100 +227,125 @@ export default {
title: 'Súmate al Éxito',
description: 'It is a COWORKING room reservation management system.',
image: 'assets/img/portfolio/sumatealexito.png',
link: 'https://wa.link/r28uwd',
link: 'https://app.sumatealexito.com/login',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},

{
type: 'landing',
title: 'Intellitec',
image: 'assets/img/portfolio/intellitec.png',
link: 'https://wa.link/r28uwd',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},
{
type: 'landing',
title: 'Personal Portfolio',
image: 'assets/img/portfolio/portfolio.png',
link: 'https://alexchristianqr.github.io/portfolio/',
repository: 'https://github.com/alexchristianqr/portfolio',
granted: {
label: 'See public repository',
permission: true,
},
},
{
type: 'app',
title: 'Tasks CRM',
description: 'It is a CRM that integrates the most used chat applications such as WhatsApp with QR, Telegram, Widget livechats.',
image: 'assets/img/portfolio/taskscrm.png',
link: 'https://wa.link/r28uwd',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},

{
type: 'microservice',
title: 'Main API - Tasks CRM',
image: 'assets/img/portfolio/microservicio01.png',
link: 'https://wa.link/r28uwd',
title: 'API in postman',
description: 'Crud API example exercise with use of postman in public mode.',
image: 'assets/img/portfolio/api-colors-postman.png',
link: 'https://documenter.getpostman.com/view/3683906/UVXonZoV',
repository: 'https://github.com/alexchristianqr/api-colors',
granted: {
label: 'Request permission to view private repository',
permission: false,
label: 'See public repository',
permission: true,
},
},
{
type: 'microservice',
title: 'Billing API - Tasks CRM',
image: 'assets/img/portfolio/microservicio02.png',
link: 'https://wa.link/r28uwd',
title: 'API GraphQL - Tasks CRM',
image: 'assets/img/portfolio/graphqlapi.png',
link: 'https://documenter.getpostman.com/view/3683906/UVCCfisV',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},
{
type: 'microservice',
title: 'API Socket - Tasks CRM',
image: 'assets/img/portfolio/microservicio03.png',
title: 'Main API - Tasks CRM',
image: 'assets/img/portfolio/microservicio01.png',
link: 'https://wa.link/r28uwd',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'Request permission to view private repository',
permission: false,
},
},

{
type: 'microservice',
title: 'API in postman',
description: 'Crud API example exercise with use of postman in public mode.',
image: 'assets/img/portfolio/api-colors-postman.png',
link: 'https://github.com/alexchristianqr/api-colors',
type: 'app',
title: 'Personal Blog',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/blog',
repository: 'https://github.com/alexchristianqr/blog',
granted: {
label: 'See public repository',
permission: true,
},
},
{
type: 'landing',
title: 'Personal Portfolio',
image: 'assets/img/portfolio/portfolio.png',
link: 'https://github.com/alexchristianqr/portfolio',
type: 'microservice',
title: 'Billing API - Tasks CRM',
image: 'assets/img/portfolio/microservicio02.png',
link: 'https://wa.link/r28uwd',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'See public repository',
permission: true,
label: 'Request permission to view private repository',
permission: false,
},
},
{
type: 'app',
title: 'Personal Blog',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/blog',
type: 'microservice',
title: 'API Socket - Tasks CRM',
image: 'assets/img/portfolio/microservicio03.png',
link: 'https://wa.link/r28uwd',
repository: 'https://wa.link/r28uwd',
granted: {
label: 'See public repository',
permission: true,
label: 'Request permission to view private repository',
permission: false,
},
},

{
type: 'app',
title: 'Personal CMS Blog',
description: 'It is a personal blog on the server side with laravel and vuejs to be deployed in the digital ocean cloud.',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/cms-blog',
repository: 'https://github.com/alexchristianqr/cms-blog',
granted: {
label: 'See public repository',
permission: true,
Expand All @@ -326,6 +357,7 @@ export default {
description: 'It is a virtual survey manager system to evaluate help desk customer service.',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/virtual-exam',
repository: 'https://github.com/alexchristianqr/virtual-exam',
granted: {
label: 'See public repository',
permission: true,
Expand All @@ -336,16 +368,19 @@ export default {
title: 'GMAIL clone',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/gmail-clone-app',
repository: 'https://github.com/alexchristianqr/gmail-clone-app',
granted: {
label: 'See public repository',
permission: true,
},
},

{
type: 'mobile',
title: 'Sushi Delivery Restaurant',
image: 'assets/img/portfolio/github.png',
link: 'https://github.com/alexchristianqr/rollyroll-app',
repository: 'https://github.com/alexchristianqr/rollyroll-app',
granted: {
label: 'See public repository',
permission: true,
Expand Down
Loading

0 comments on commit d3f6937

Please sign in to comment.