+
+
+
\ No newline at end of file
diff --git a/src/components/techs/ToolsTab.vue b/src/components/techs/ToolsTab.vue
new file mode 100644
index 0000000..d8c8827
--- /dev/null
+++ b/src/components/techs/ToolsTab.vue
@@ -0,0 +1,172 @@
+
+
+
+
+
+
+ Github
+
+
+
+
+
+
+ Gitlab
+
+
+
+
+
+
+ Bitbucket
+
+
+
+
+
+
+ Drone
+
+
+
+
+
+
+ Git
+
+
+
+
+
+
+ Azure DevOps
+
+
+
+
+
+
+ Jenkins
+
+
+
+
+
+
+ Terraform
+
+
+
+
+
+
+ Vault
+
+
+
+
+
+
+ Argo CD
+
+
+
+
+
+
+ Helm
+
+
+
+
+
+
+ Ansible
+
+
+
+
+
+
+ DynaTrace
+
+
+
+
+
+
+ Prometheus
+
+
+
+
+
+
+ Istio
+
+
+
+
+
+
+ Jaeger
+
+
+
+
+
+
+
+ Traefik
+
+
+
+
+
+
+ Kibana
+
+
+
+
+
+
+ Elastic Search
+
+
+
+
+
+
+ Kafka
+
+
+
+
+
+
+ Confluent
+
+
+
+
+
+
+ Grafana
+
+
+
+
+
+
+ Cypress
+
+
+
+
+
+
+ CyberArk
+
+
+
diff --git a/src/data/certificates.ts b/src/data/certificates.ts
new file mode 100644
index 0000000..0b7bcc0
--- /dev/null
+++ b/src/data/certificates.ts
@@ -0,0 +1,481 @@
+interface Certificate {
+ title : string
+ image: string
+ certifier: string
+ file: string
+ date: string
+}
+
+const certificates : Certificate[] = [
+ {
+ title : 'Curso de FastAPI: Introducción, Operaciones, Validaciones y Autenticación',
+ image: 'platzi',
+ certifier: 'Platzi',
+ file: 'diploma-fastapi.pdf',
+ date: 'Mar 2023'
+ },
+ {
+ title : 'GitLab 101',
+ image: 'gitlab',
+ certifier: 'Gitlab',
+ file: 'gitlab-101.pdf',
+ date: 'Jan 2023'
+ },
+ {
+ title : 'Remote Foundations Certification',
+ image: 'gitlab',
+ certifier: 'Gitlab',
+ file: 'remote-foundations-certification.pdf',
+ date: 'Jan 2023'
+ },
+ {
+ title : 'TeamOps Certification',
+ image: 'gitlab',
+ certifier: 'Gitlab',
+ file: 'teamops-certification.pdf',
+ date: 'Jan 2023'
+ },
+ {
+ title : 'Curso de Azure Cache para Redis',
+ image: 'platzi',
+ certifier: 'Platzi',
+ file: 'diploma-azure-redis-cache.pdf',
+ date: 'Sep 2022'
+ },
+ {
+ title : 'Stream Processing with Kafka',
+ image: 'confluent',
+ certifier: 'Confluent',
+ file: 'stream-processing-with-kafka.pdf',
+ date: 'Jul 2022'
+ },
+ {
+ title : 'Apache Kafka® Architecture: Kafka Internal Components and How They Work',
+ image: 'confluent',
+ certifier: 'Confluent',
+ file: 'apache-kafka-architecture-kafka-internal-components-and-how-they-work.pdf',
+ date: 'Jul 2022'
+ },
+ {
+ title : 'Build an Apache Kafka® Event Streaming Pipeline',
+ image: 'confluent',
+ certifier: 'Confluent',
+ file: 'build-an-apache-kafka-event-streaming-pipeline.pdf',
+ date: 'Jul 2022'
+ },
+ {
+ title : 'GitOps Fundamentals',
+ image: 'codefresh',
+ certifier: 'GitOps Fundamentals',
+ file: 'gitops-fundamentals.pdf',
+ date: 'Mar 2022'
+ },
+ {
+ title : 'Apache kafka fundamentals',
+ image: 'confluent',
+ certifier: 'Confluent',
+ file: 'apache-kafka-fundamentals.pdf',
+ date: 'Oct 2021'
+ },
+ {
+ title : 'Red Hat Delivery Specialist - Container Platform (ISV)',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-delivery-specialist-container-platform.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Delivery Specialist - Container Platform Application Deployment',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-delivery-specialist-container-platform-application-deployment.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Delivery Specialist - Container Platform Deployment',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-delivery-specialist-containerp-latform-deployment.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Engineer Specialist - Container Platform',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-engineer-specialist-container-platform.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Specialist - Cloud-Native Development',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-specialist-cloud-native-development.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Specialist - Hybrid Cloud Infrastructure',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-specialist-hybrid-cloud-infrastructure.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Specialist - IT Automation and Management',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-specialist-it-automation-and-management.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Specialist - Red Hat Ansible Automation Platform',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-specialist-red-hat-ansible-automation-platform.pdf',
+ date: 'Apr 2021'
+ },
+ {
+ title : 'Red Hat Sales Specialist - Red Hat OpenShift',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'red-hat-sales-specialist-red-hat-openshift.pdf',
+ date: 'Dec 2020'
+ },
+ {
+ title : 'How to sell red hat openshift container storage',
+ image: 'redhat',
+ certifier: 'Redhat',
+ file: 'how-to-sell-red-hat-openshift-container-storage.pdf',
+ date: 'Dic 2020'
+ },
+ {
+ title : 'Preparing for the google cloud associate cloud engineer',
+ image: 'coursera',
+ certifier: 'Coursera',
+ file: 'preparing-for-the-google-cloud-associate-cloud-engineer.pdf',
+ date: 'May 2020'
+ },
+ {
+ title : 'Elastic google cloud infrastructure scaling and automation',
+ image: 'coursera',
+ certifier: 'Coursera',
+ file: 'elastic-google-cloud-infrastructure-scaling-and-automation.pdf',
+ date: 'May 2020'
+ },
+ {
+ title : 'Essential google cloud infrastructure foundation',
+ image: 'coursera',
+ certifier: 'Coursera',
+ file: 'essential-google-cloud-infrastructure-foundation.pdf',
+ date: 'May 2020'
+ },
+ {
+ title : 'Essential google cloud infrastructure core services',
+ image: 'coursera',
+ certifier: 'Coursera',
+ file: 'essential-google-cloud-infrastructure-core-services.pdf',
+ date: 'May 2020'
+ },
+ {
+ title : 'Google cloud platform fundamentals core infrastructure',
+ image: 'coursera',
+ certifier: 'Coursera',
+ file: 'google-cloud-platform-fundamentals-core-infrastructure.pdf',
+ date: 'May 2020'
+ },
+ {
+ title : 'VMware Server Virtualization Fundamentals',
+ image: 'vmware',
+ certifier: 'VMware',
+ file: 'vmware-server-virtualization-fundamentals.pdf',
+ date: 'Jun 2022'
+ },
+ {
+ title : 'Curso de pruebas automatizadas en una web con docker',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-pruebas-automatizadas-en-una-web-con-docker.pdf',
+ date: 'May 2021'
+ },
+ {
+ title : 'Curso de monitorización con grafana y prometheus',
+ image: 'openwebinars',
+ certifier: 'openwebinars',
+ file: 'curso-de-monitorizacion-con-grafana-y-prometheus.pdf',
+ date: 'Oct 2021'
+ },
+ {
+ title : 'Introduccion a kubernetes',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'introduccion-a-kubernetes.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Fundamentos generales orquestación y automatización IT',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'fundamentos-generales-orquestacion-y-automatizacion-it.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Virtualización de servidores',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'virtualizacion-de-servidores.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Fundamentos generales orquestación y automatización it',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'fundamentos-generales-orquestacion-y-automatizacion-it.pdf',
+ date: 'Jul 2020'
+ },
+
+ {
+ title : 'ElasticSearch, logStash y kibana - framework bigdata',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'elasticsearch-logstash-y-kibana-framework-bigdata.pdf',
+ date: 'May 2021'
+ },
+ {
+ title : 'Curso de testing de apis con jmeter',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-testing-de-apis-con-jmeter.pdf',
+ date: 'Jun 2021'
+ },
+ {
+ title : 'Curso de terraform',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-terraform.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Introducción a cloud computing',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'introduccion-a-cloud-computing.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Curso de serverless',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-serverless.pdf',
+ date: 'Jul 2021'
+ },
+ {
+ title : 'Curso de product owner en la prácticar',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-product-owner-en-la-practica.pdf',
+ date: 'Abr 2021'
+ },
+ {
+ title : 'Curso de openShift',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-openshift.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Curso de maven',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-maven.pdf',
+ date: 'Ene 2021'
+ },
+ {
+ title : 'Curso de loadrunner',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-loadrunner.pdf',
+ date: 'Dic 2020'
+ },
+ {
+ title : 'Curso de jenkins usuarios y jobs',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-jenkins-usuarios-y-jobs.pdf',
+ date: 'Ago 2021'
+ },
+ {
+ title : 'Curso de jenkins pipelines y herramientas',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-jenkins-pipelines-y-herramientas.pdf',
+ date: 'Ago 2021'
+ },
+ {
+ title : 'Curso de jenkins para principiantes.pdf',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-jenkins-para-principiantes.pdf',
+ date: 'Ago 2021'
+ },
+ {
+ title : 'Curso de liderazgo de equipos',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-liderazgo-de-equipos.pdf',
+ date: 'Mar 2021'
+ },
+ {
+ title : 'Curso de kafka',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-kafka.pdff',
+ date: 'Ago 2021'
+ },
+ {
+ title : 'Curso de jmeter para la implementación de pruebas de rendimiento',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-jmeter-para-la-implementacion-de-pruebas-de-rendimiento.pdf',
+ date: 'May 2021'
+ },
+ {
+ title : 'Curso de istio',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-istio.pdf',
+ date: 'Nov 2020'
+ },
+ {
+ title : 'Curso de introducción al testing',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-introduccion-al-testing.pdf',
+ date: 'Jun 2021'
+ },
+ {
+ title : 'Curso de inteligencia emocional aplicada a equipos de alto rendimiento',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-Inteligencia-emocional-aplicada-a-equipos-de-alto-rendimiento.pdf',
+ date: 'Abr 2021'
+ },
+ {
+ title : 'Curso de helm',
+ image: 'openwebinars',
+ certifier: 'Openwebinars',
+ file: 'curso-de-helm.pdf',
+ date: 'Nov 2019'
+ },
+ {
+ title : 'Curso de gestión de equipos con management 3.0',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-gestion-de-equipos-con-management-3-0.pdf',
+ date: 'Mar 2021'
+ },
+ {
+ title : 'Curso de fundamentos de lean change management',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-fundamentos-de-lean-change-management.pdf',
+ date: 'Abr 2021'
+ },
+ {
+ title : 'Curso de big data',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-big-data.pdf',
+ date: 'Feb 2021'
+ },
+ {
+ title : 'Curso de arquitecturas monolíticas basadas en microservicios',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-arquitecturas-monoliticas-basadas-en-microservicios.pdf',
+ date: 'Ago 2021'
+ },
+ {
+ title : 'Curso de amazon web services para desarrolladores',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-amazon-web-services-para-desarrolladores.pdf',
+ date: 'May 2021'
+ },
+ {
+ title : 'Curso de amazon web services para sysadmin',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-amazon-web-services-para-sysadmin.pdf',
+ date: 'Jun 2021'
+ },
+ {
+ title : 'Curso de design thinking',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-design-thinking.pdf',
+ date: 'May 2022'
+ },
+ {
+ title : 'Curso de ansible',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'ansible.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Curso de arquitectura hexagonal',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'curso-de-arquitectura-hexagonal.pdf',
+ date: 'Abr 2021'
+ },
+ {
+ title : 'Docker devops profesional',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'docker-devops-profesional.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Docker para desarrolladores',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'docker-para-desarrolladores.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Introducción a docker',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'introduccion-a-docker.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'SSH',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'ssh.pdf',
+ date: 'Jul 2020'
+ },
+ {
+ title : 'Virtualización de servidores',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'virtualizacion-de-servidores.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Linux desde cero',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'linux-desde-cero.pdf',
+ date: 'Feb 2020'
+ },
+ {
+ title : 'Administración de sitios Web con WordPress',
+ image: 'openwebinars',
+ certifier: 'OpenWebinars',
+ file: 'administracion-de-sitios-web-con-wordpress.pdf',
+ date: 'Feb 2020'
+ },
+]
+export default certificates
\ No newline at end of file
diff --git a/src/data/posts.ts b/src/data/posts.ts
new file mode 100644
index 0000000..52d9186
--- /dev/null
+++ b/src/data/posts.ts
@@ -0,0 +1,19 @@
+interface Post {
+ title : string
+ content : string
+ image: string
+ url: string
+ date: string
+}
+
+const posts : Post[] = [
+ {
+ title : 'Daniel Saldaña, exalumno del EU en DevOps de UNIR: "Lo que se veía antes como futuro ya es el presente"',
+ content: 'Este ingeniero en DevOps eligió el programa por las posibilidades de mejorar sus habilidades y ampliar la visión global de una metodología que, desde su experiencia, define como "crucial en cualquier empresa que persigue o dispone ya de un modelo de CI/CD”.',
+ image: '/images/unir_logo.svg',
+ url: 'https://www.unir.net/actualidad/alumnos-unir/daniel-saldana-exalumno-del-eu-en-devops-de-unir-lo-que-se-veia-antes-como-futuro-ya-es-el-presente',
+ date: 'May 2021'
+ },
+]
+
+export default posts
\ No newline at end of file
diff --git a/src/data/projects.ts b/src/data/projects.ts
new file mode 100644
index 0000000..6da1fd7
--- /dev/null
+++ b/src/data/projects.ts
@@ -0,0 +1,939 @@
+interface Project {
+ title : string
+ type: string
+ desc: string
+ from: string
+ to: string|null
+ techs: string[]
+ link: string|null
+}
+type Projects = {
+ [key in 'es' | 'en']: Project[]
+}
+
+const projects : Projects = {
+ 'es' : [
+ {
+ title: 'Microsoft Certified: Azure AI Engineer Associate',
+ type: 'Certificación',
+ from: 'Sep 2023',
+ to: 'Sep 2024',
+ desc: 'As a Microsoft Azure AI engineer, you will create AI solutions using Azure Cognitive Services and Applied AI Services, covering all development phases. Proficiency in Python and C#, utilizing SDK/REST APIs, and applying responsible AI principles are required.',
+ techs: ['azure'],
+ link: 'https://learn.microsoft.com/en-us/users/danieljsaldana/credentials/1655b468218af0a'
+ },
+ {
+ title: 'Microsoft Certified: Azure Cosmos DB Developer Specialty',
+ type: 'Certificación',
+ from: 'Aug 2023',
+ to: 'Aug 2024',
+ desc: 'This certification signifies a profound grasp of crafting strategic technical solutions to meet specific business goals. Demonstrating an adept balance of best practices and contextual trade-offs, holders excel in designing cross-platform solutions, with a specialized emphasis on harnessing Microsoft Azure Cosmos DBs capabilities for cloud-native applications.',
+ techs: ['azure'],
+ link: 'https://learn.microsoft.com/en-us/users/danieljsaldana/credentials/e9d53a8fc378fb76'
+ },
+ {
+ title: 'AWS Certified Solutions Architect – Professional',
+ type: 'Certificación',
+ from: 'Aug 2023',
+ to: 'Aug 2026',
+ desc: 'Earners of this certification have an extensive understanding of designing technical strategies to accomplish specific business goals. They demonstrated the ability to balance best practices and trade-offs based on business context. Badge owners are able to design solutions across multiple platforms and providers.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/872b2f1a-a56d-4351-a901-d6ca6904e11f'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure 2023 Multicloud Architect Certified Associate',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Jun 2025',
+ desc: 'The Oracle Cloud Infrastructure 2023 Multicloud Architect Associate certification is designed to test an individuals expertise in designing and implementing Oracle Cloud Infrastructure (OCI) multicloud solutions. This certification aims to evaluate the candidates ability to use a combination of cloud services to build a multicloud environment.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=CFE2F62ECAB9B9D9C63A6578116C6AF3546F990058223C6D66E9543E4645A7A0'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure 2023 Certified Foundations Associate',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Jun 2025',
+ desc: 'The Oracle Cloud Infrastructure (OCI) Foundations certification is for individuals who intend to demonstrate fundamental knowledge of public cloud services provided by Oracle Cloud Infrastructure (OCI). This certification is for candidates with non-technical backgrounds, such as those involved in selling or procuring cloud solutions, as well as those with a technical background who want to validate their foundational-level knowledge around core OCI services. This exam does not require any hands-on technical experience and is not a prerequisite for taking any other OCI certifications.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=524190EC86E8752386E9DB188282F849565A8A488AD6DD98C038FF6E2F88591A'
+ },
+ {
+ title: 'Microsoft Certified: Cybersecurity Architect Expert',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Abr 2024',
+ desc: 'Earning Cybersecurity Architect Expert validates subject matter expertise in designing and evolving the cybersecurity strategy to protect an organization’s mission and business processes across all aspects of the enterprise architecture.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/1c2bfadf-23e9-4472-a76e-83844cddf5e3'
+ },
+ {
+ title: 'SC-100: Microsoft Cybersecurity Architect',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: null,
+ desc: 'Passing Exam SC-100: Microsoft Cybersecurity Architect validates the skills and advanced experience and knowledge in a wide range of security engineering areas, including identity and access, platform protection, security operations, securing data, and securing applications. Candidates have experience with hybrid and cloud implementations.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/0a508fed-e128-4e2b-b4e2-7940e0c07936'
+ },
+ {
+ title: 'Intermediate Flux',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Flux is a data language used in the InfluxDB time series platform. This course provides a hands-on introduction to the Flux data language. Using an IoT use case, this intermediate course teaches more advanced principles and functions for working in Flux. Participants learn to write their own Flux queries, visualize data, and apply these principles to a real-world problem.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/efeab75b-818c-4ebb-a6fa-d0ec60885242'
+ },
+ {
+ title: 'Data Collection with Telegraf',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Telegraf is an open source data collection agent that allows users to collect time series data from hundreds of different sources. This course covers the fundamentals of what Telegraf is, how to install and configure it, how to perform data transformations and finally some tips and tricks on how to avoid common mistakes.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/628395d3-ffd3-4373-852e-8b3db4fc0f7d'
+ },
+ {
+ title: 'Beginner Flux',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Flux is a data language used in the InfluxDB time series platform. This course provides a hands-on introduction to the Flux data language. Using an IoT use case, this course teaches some of the basic principles and functions for working in Flux. Participants learn to write their own Flux queries, visualize data, and apply these principles to a real-world problem.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/f0d8e099-776e-421d-8d34-e86fa480346b'
+ },
+ {
+ title: 'Exploring InfluxDB Cloud',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'This course covers the basics of the InfluxDB Cloud time series data platform including a tour of the user interface components and basic administration. It also teaches how to ingest and visualize data as well as how to replicate data from the edge. Learners must complete a hands-on assignment to show their comprehension of the skills presented in the course.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/26a84329-bd56-45e3-a1e6-4bc98a853f4a'
+ },
+ {
+ title: 'InfluxDB Essentials',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'This course covers the fundamentals of InfluxDB. It walks through the various components of the platform, and introduces the InfluxDB data model and how to map raw data onto it. You will also learn about Flux, a scripting and querying language, and how to use it for basic transformation and analysis of time series data. Finally, it examines different methods for visualizing data in InfluxDB and how to use tasks to automate different workflows and processes.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/7dcc3341-1e9a-4fb7-b18e-b0a862c84bc8'
+ },
+ {
+ title: 'Microsoft Certified: Azure Network Engineer Associate',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Abr 2024',
+ desc: 'Earning Azure Network Engineer Associate validates skills and subject matter expertise in planning, implementing, and maintaining Azure networking solutions, including hybrid networking, connectivity, routing, security, and private access to Azure services. Professionals in this role deploy networking solutions using Azure Portal and other methods, including PowerShell, Azure Command-Line Interface (CLI), and Azure Resource Manager templates (ARM templates).',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/27d26914-5bf5-4b00-914d-2063240481ed'
+ },
+ {
+ title: '(ISC)² Candidate',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: 'Mar 2024',
+ desc: '(ISC)² Candidates are individuals pursuing or considering a cybersecurity certification. To become a Candidate, the individual must apply online and provide minimum identifying information, as well as affirm that they will abide by the (ISC)² Code of Ethics and Privacy Policy.',
+ techs: ['isc'],
+ link: 'https://www.credly.com/badges/15402b80-2c68-47c5-9ddb-365ad471b84d'
+ },
+ {
+ title: 'Microsoft Certified: Information Protection Administrator Associate',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: 'Mar 2023',
+ desc: 'Earning the Information Protection Administrator Associate certification validates the skills and knowledge to plan and implement controls that meet organizational compliance needs. Candidates are responsible for translating requirements and compliance controls into technical implementation. They are responsible for creating policies and rules for content classification, data loss prevention, governance, and protection.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/0d84a1b7-e11b-4378-a7c3-1d4cf777a21b'
+ },
+ {
+ title: 'Microsoft Certified: Dynamics 365 Fundamentals (CRM)',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Earners of Dynamics 365 Fundamentals (CRM) demonstrate relevant work experience in an Information Technology (IT) environment. Candidates have a fundamental understanding of the customer engagement capabilities of Dynamics 365.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/44216d31-d4cc-404a-b6bc-e879553ff0dc'
+ },
+ {
+ title: 'Microsoft 365 Certified: Fundamentals',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: null,
+ desc: 'Earning the Microsoft 365 Fundamentals certification demonstrates an understanding of the options available in Microsoft 365 and the benefits of adopting cloud services, the Software as a Service (SaaS) cloud model, and implementing Microsoft 365 cloud service.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/c1cf03d4-a8cd-40c6-b81b-62ad58bee529'
+ },
+ {
+ title: 'Achieve CI&CD With Jenkins',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2025',
+ desc: 'This course introduces the basic concepts, features and benifits of CI/CD compared with traditional software developing mode. Then we have a detailed introduction about the features and benefits of Jenkins software and also the installation of Jenkins based on Ubuntu operating system. Finally we introduced the detailed operations on Jenkins console with a brief demonstration.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/achieve-ci-cd-with-jenkins.png'
+ },
+ {
+ title: 'Alibaba Cloud Analysis Architecture and Case Studies',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'Through this course, you will learn the core services of Alibaba Cloud Analysis Architecture (E-MapReduce, MaxCompute, Table Store). By studying some classic use cases, you can understand how to build an analysis architecture in Alibaba Cloud.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-cloud-analysis-architecture-and-case-studies.png'
+ },
+ {
+ title: 'Alibaba Hybrid Cloud Solution',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'This course helps you undertsand the components and services in Alibaba Cloud that will help you build a Hybrid Cloud solution. The course will also introduce 4 Hybrid reference architectures.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-hybrid-cloud-solution.png'
+ },
+ {
+ title: 'Alibaba Cloud Fundamental Architecture and Case Analysis',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'Through this course, you will learn the core services of Alibaba Cloud Fundamental Architecture (ECS, SLB, OSS and RDS). By studying some classic use cases, you can understand how to build a basic architecture in Alibaba Cloud.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-cloud-fundamental-architecture-and-case-analysis.png'
+ },
+ {
+ title: 'Operate and Manage a Cloud Server',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'Understand the advantage of a cloud server. Learn how to purchase ECS on Alibaba Cloud, manage the server on our console, backup critical data and ensure your system can adjust according to business needs.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/operate-and-manage-a-cloud-server.png'
+ },
+ {
+ title: 'An Introduction of DevOps',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'What is DevOps? Its a combination of cultural philosophies, practices, and tools that increases a team’s ability to rapidly deliver services. In this clouder course, you’ll learn the concept and history of DevOps, how it works compared with traditional methodology, tools that support DevOps and recap the ideas with some classic case studies.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/an-introduction-of-devops.png'
+ },
+ {
+ title: 'Microsoft Certified: Dynamics 365 Fundamentals (ERP)',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: null,
+ desc: 'Earners of Dynamics 365 Fundamentals (ERP) demonstrate relevant work experience and exposure to the enterprise resource planning (ERP) capabilities of Dynamics 365. Candidates have a fundamental understanding of how finance and operations apps fit within the overall Microsoft ecosystem.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/b3e7e7a0-da29-4bc0-97e3-1b072bfdf4d5'
+ },
+ {
+ title: 'AWS Cloud Quest: Cloud Practitioner',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: null,
+ desc: 'Earners of this badge have demonstrated basic solution building knowledge using AWS services and have a fundamental understanding of AWS Cloud concepts. Badge earners have acquired hands-on experience with compute, networking, database and security services.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/dc7dfe47-5ce1-47fc-b22d-2891a5c3b3d9'
+ },
+ {
+ title: 'Microsoft Certified: Azure Security Engineer Associate',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2024',
+ desc: 'Earning Azure Security Engineer Associate certification validates the skills and knowledge to implement security controls and threat protection, manage identity and access, and protect data, applications, and networks in cloud and hybrid environments as part of end-to-end infrastructure.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/6f094529-1efa-40ff-8b7d-bca6228b308d'
+ },
+ {
+ title: 'Microsoft Certified: Azure Solutions Architect Expert',
+ type: 'Certificación',
+ from: 'Dic 2022',
+ to: 'Dic 2023',
+ desc: 'Earning the Azure Solutions Architect Expert certification demonstrates subject matter expertise in designing cloud and hybrid solutions that run on Microsoft Azure, including compute, network, storage, monitoring, and security. Candidates have advanced experience and knowledge across IT operations, including networking, virtualization, identity, security, business continuity, disaster recovery, data platforms, and governance.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/33d8bce2-bf89-4225-b244-cae4add890cf'
+ },
+ {
+ title: 'AZ-305: Designing Microsoft Azure Infrastructure Solutions',
+ type: 'Certificación',
+ from: 'Ago 2022',
+ to: null,
+ desc: 'Passing Exam AZ-305: Designing Microsoft Azure Infrastructure Solutions validates the skills and advanced experience and knowledge of IT operations, including networking, virtualization, identity, security, business continuity, disaster recovery, data platforms, and governance. Candidates have experience in Azure administration, Azure development, and DevOps processes.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/19451f57-fbf9-4464-8543-d446fa0a4b3d'
+ },
+ {
+ title: 'Microsoft Certified: DevOps Engineer Expert',
+ type: 'Certificación',
+ from: 'Ago 2022',
+ to: 'Ago 2023',
+ desc: 'Earning the DevOps Engineer Expert certification demonstrates the ability to combine people, process, and technologies to continuously deliver valuable products and services that meet end user needs and business objectives. DevOps professionals streamline delivery by optimizing practices, improving communications and collaboration, and creating automation.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/53cafd70-78b5-47f0-ba79-cda141af4502'
+ },
+ {
+ title: 'Microsoft Certified: Azure Administrator Associate',
+ type: 'Certificación',
+ from: 'Ago 2022',
+ to: 'Ago 2023',
+ desc: 'Earning Azure Administrator Associate certification validates the skills and knowledge to implement, manage, and monitor an organization’s Microsoft Azure environment. Candidates have a deep understanding of each implementing, managing, and monitoring identity, governance, storage, compute, and virtual networks in a cloud environment, plus provision, size, monitor, and adjust resources, when needed.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/934f07ee-6aaa-47dd-aaa1-95522a7f11ec'
+ },
+ {
+ title: 'CyberArk Trustee Certification Level-1',
+ type: 'Certificación',
+ from: 'Jul 2022',
+ to: null,
+ desc: 'The course Introduction to CyberArk Privileged Access Management is designed for anyone who is interested in learning about privileged account management. It is highly recommended for any professional who will be part of a CyberArk project.',
+ techs: ['cyberark'],
+ link: 'https://danieljsaldana.dev/certificates/level-1-trustee-exam-certification.pdf'
+ },
+ {
+ title: 'AZ-400: Designing and Implementing Microsoft DevOps Solutions',
+ type: 'Certificación',
+ from: 'Jul 2022',
+ to: null,
+ desc: 'Passing exam AZ-400: Designing and Implementing Microsoft DevOps Solutions validates the skills and knowledge to combine people, processes, and technologies to deliver valuable products and services that meet end-user needs and business objectives. Candidates optimize practices, improve communications, and create automation to streamline delivery. They design and implement strategies for application code and infrastructure for continuous integration, testing, delivery, monitoring and feedback.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/93d936cb-09f2-4611-ab6a-545ab699faef'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure Foundations 2021 Associate',
+ type: 'Certificación',
+ from: 'Jun 2022',
+ to: 'Dic 2023',
+ desc: 'The Oracle Cloud Infrastructure (OCI) Foundations certification is intended for individuals looking to demonstrate fundamental knowledge of public cloud services provided by Oracle Cloud Infrastructure. This certification is targeted towards candidates with non-technical backgrounds such as those involved in selling or procuring cloud solutions, as well as those with a technical background who want to validate their foundational-level knowledge around core OCI services. This exam does not require any hands-on technical experience and is not a prerequisite for taking any other OCI certifications.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=82F0E94E34541E5828584308E88CE4EF27C4EAC6A8AFB80F4A8CA26FC5394F22'
+ },
+ {
+ title: 'WS Learning: Object Storage',
+ type: 'Certificación',
+ from: 'Jun 2022',
+ to: null,
+ desc: 'Earners of this badge have developed the technical skills and knowledge of AWS storage services with a focus on Amazon Simple Storage Service (S3).',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/b634d8af-48ec-4c0c-85e3-0fb6b48f46ba'
+ },
+ {
+ title: 'Lifelong Learning',
+ type: 'Certificación',
+ from: 'May 2022',
+ to: null,
+ desc: 'Earners with this badge have proven their unwavering commitment to lifelong learning, vitally important in todays ever-changing and expanding digital world. It also identifies the qualities of an open-minded, disciplined, and constantly evolving mind, capable of using and contributing its knowledge to develop a more equal and better world.',
+ techs: ['certiprof'],
+ link: 'https://www.credly.com/badges/73f9cf3d-cf43-4c38-bad0-bb453c3f48e7',
+ },
+ {
+ title: 'Microsoft Certified: Azure AI Fundamentals',
+ type: 'Certificación',
+ from: 'Abr 2022',
+ to: null,
+ desc: 'Earners of the Azure AI Fundamentals certification have demonstrated foundational knowledge of machine learning (ML) and artificial intelligence (AI) concepts and related Microsoft Azure services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/b0b84311-ec76-41e6-8482-0de53cbdc4d6',
+ },
+ {
+ title: 'Microsoft Certified: Power Platform Fundamentals',
+ type: 'Certificación',
+ from: 'Abr 2022',
+ to: null,
+ desc: 'Earners of the Power Platform Fundamentals certification are users who aspire to improve productivity by automating business processes, analyzing data to produce business insights, and acting more effectively by creating simple app experiences.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/e8a1e70c-34a8-435b-b9c4-1a49de62fa40',
+ },
+ {
+ title: 'Microsoft Certified: Azure Data Fundamentals',
+ type: 'Certificación',
+ from: 'Mar 2022',
+ to: null,
+ desc: 'Earners of the Azure Data Fundamentals certification have demonstrated foundational knowledge of core data concepts and how they are implemented using Microsoft Azure data services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/7382e0e7-1bcb-4995-8031-7b5eb5dce1b3',
+ },
+ {
+ title: 'LFS169: Introduction to GitOps',
+ type: 'Certificación',
+ from: 'Ene 2022',
+ to: null,
+ desc: 'Earners of the LFS169: Introduction to GitOp badge can explain what GitOps is, along with its key principles, practices and technologies within the context of setting up Continuous Delivery on Kubernetes. They understand the two reconciliation models and three main tools used to implement GitOps on Kubernetes. They understand the benefits of GitOps: how to set up infrastructure, roll out applications and recover from a disaster, all using developer-friendly git-based workflows.',
+ techs: ['linux_foundation'],
+ link: null,
+ },
+ {
+ title: 'Microsoft Certified: Security, Compliance, and Identity Fundamentals',
+ type: 'Certificación',
+ from: 'Ene 2022',
+ to: null,
+ desc: 'Earners of the Security, Compliance, and Identity Fundamentals demonstrate a functional understanding of security, compliance, and identity (SCI) across cloud-based and related Microsoft services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/659ab939-293b-440f-9b1b-69520a68a88f',
+ },
+ {
+ title: 'Cybersecurity Essentials',
+ type: 'Certificación',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has a foundational knowledge of cybersecurity, including the basics of network security, DevSecOps (Development, Security, Operations), encryption and cybersecurity laws. The holder has been introduced to tactics and techniques used by Black Hats, and the principles of Confidentiality, Integrity and Availability (CIA) used by White Hats to defend networks. This credential also certifies that the holder has practiced critical thinking and problem solving skills.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/b188b838-136f-44e4-8ca9-6ae5e2d6b072',
+ },
+ {
+ title: 'Introduction to Cybersecurity',
+ type: 'Certificación',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has introductory knowledge of cybersecurity, including the global implications of cyber threats, the impact of cyber attacks on industries, and why cybersecurity is a growing profession. The holder has an understanding of the ways in which networks are vulnerable to attack and Cisco’s approach to threat detection and defense. They also have insight into opportunities available for pursuing network security certifications.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/af81e96b-c04e-4201-96c2-c5155747720d',
+ },
+ {
+ title: 'Introduction to IoT',
+ type: 'Certificación',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has introductory knowledge of Internet of Things and has an understanding how it enables the Digital Transformation along with emerging technologies such as data analytics, artificial intelligence and the increased attention to cybersecurity. The holder understands the importance of the new Intent Based Networking that uses a software-driven approach and machine learning to be able to connect and secure tens of billions of new devices with ease.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/db40e633-3a87-4617-a0a7-ff5aa6b4cf94',
+ },
+ {
+ title: 'Networking Essentials',
+ type: 'Certificación',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'Cisco verifies the earner of this badge successfully completed the Networking Essentials course and achieved this student level credential. Earner has knowledge of fundamentals of networking, how devices communicate, network addressing and services, how to build a home or small office network and configure basic security, basics of configuring Cisco devices, and the basics of testing and troubleshooting network problems. Participated in up to 19 labs and 24 Cisco Packet Tracer activities.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/147c24cf-3c8b-4faf-a5fa-2a3291f650d2',
+ },
+ {
+ title: 'Scrum Fundamentals Certified (SFC™)',
+ type: 'Certificación',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'Scrum Fundamentals Certified course is tailored to help anyone interested to know more about Scrum; learn about key concepts in Scrum as defined in the SBOK® Guide; and to get a basic understanding of how Scrum framework works in delivering successful projects. ',
+ techs: [''],
+ link: 'https://www.scrumstudy.com/certification/verify?type=SFC&number=882413',
+ },
+ {
+ title: 'confluent Fundamentals Accreditation',
+ type: 'Certificación',
+ from: 'Oct 2021',
+ to: null,
+ desc: 'confluent Fundamentals Accreditation',
+ techs: ['confluent'],
+ link: 'https://www.credential.net/b92d85bf-b725-4a03-9b98-c7a9147c0b18',
+ },
+ {
+ title: 'Microsoft Certified: Azure Fundamentals',
+ type: 'Certificación',
+ from: 'Sep 2021',
+ to: null,
+ desc: 'Earners of the Azure Fundamentals certification have demonstrated foundational level knowledge of cloud services and how those services are provided with Microsoft Azure.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/93cbe9df-0c1d-40e2-93a8-25edfc31242d',
+ },
+ {
+ title: 'AWS Certified Solutions Architect – Associate',
+ type: 'Certificación',
+ from: 'Sep 2021',
+ to: 'Sep 2024',
+ desc: 'Earners of this certification have a comprehensive understanding of AWS services and technologies. They demonstrated the ability to build secure and robust solutions using architectural design principles based on customer requirements. Badge owners are able to strategically design well-architected distributed systems that are scalable, resilient, efficient, and fault-tolerant.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/cb1af97f-cab2-4504-8f1f-b8abb4c6ca0e',
+ },
+ {
+ title: 'AWS Certified Cloud Practitioner',
+ type: 'Certificación',
+ from: 'Sep 2021',
+ to: 'Sep 2024',
+ desc: 'Earners of this certification have a fundamental understanding of IT services and their uses in the AWS Cloud. They demonstrated cloud fluency and foundational AWS knowledge. Badge owners are able to identify essential AWS services necessary to set up AWS-focused projects.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/4070db58-f1fd-4a48-a0b4-ef4aa5e36e21',
+ },
+ {
+ title: 'Associate Cloud Engineer',
+ type: 'Certificación',
+ from: 'Oct 2021',
+ to: 'Oct 2023',
+ desc: 'Un Associate Cloud Engineer se encarga de implementar aplicaciones, supervisar operaciones y administrar soluciones empresariales. También sabe cómo usar Google Cloud Console y la interfaz de línea de comandos para realizar tareas comunes en la plataforma a fin de mantener una o más soluciones implementadas que aprovechen los servicios administrados por Google o autoadministrados que se encuentran en Google Cloud.',
+ techs: ['gcp'],
+ link: 'https://www.credential.net/7ab2a600-a1da-4359-9d45-a900024233c7',
+ },
+ {
+ title: 'Dynatrace Partner Foundation Certification',
+ type: 'Certificación',
+ from: 'Ago 2021',
+ to: 'Ago 2023',
+ desc: 'Dynatrace Partner Foundation Certification',
+ techs: ['dynatrace'],
+ link: 'https://www.credly.com/badges/18fbdec5-b709-4a5d-8fcd-e107fe39d239',
+ },
+ ],
+ 'en' : [
+ {
+ title: 'Microsoft Certified: Azure AI Engineer Associate',
+ type: 'Certificación',
+ from: 'Sep 2023',
+ to: 'Sep 2024',
+ desc: 'As a Microsoft Azure AI engineer, you will create AI solutions using Azure Cognitive Services and Applied AI Services, covering all development phases. Proficiency in Python and C#, utilizing SDK/REST APIs, and applying responsible AI principles are required.',
+ techs: ['azure'],
+ link: 'https://learn.microsoft.com/en-us/users/danieljsaldana/credentials/1655b468218af0a'
+ },
+ {
+ title: 'Microsoft Certified: Azure Cosmos DB Developer Specialty',
+ type: 'Certificación',
+ from: 'Aug 2023',
+ to: 'Aug 2024',
+ desc: 'This certification signifies a profound grasp of crafting strategic technical solutions to meet specific business goals. Demonstrating an adept balance of best practices and contextual trade-offs, holders excel in designing cross-platform solutions, with a specialized emphasis on harnessing Microsoft Azure Cosmos DBs capabilities for cloud-native applications.',
+ techs: ['azure'],
+ link: 'https://learn.microsoft.com/en-us/users/danieljsaldana/credentials/e9d53a8fc378fb76'
+ },
+ {
+ title: 'AWS Certified Solutions Architect – Professional',
+ type: 'Certificación',
+ from: 'Aug 2023',
+ to: 'Aug 2026',
+ desc: 'Earners of this certification have an extensive understanding of designing technical strategies to accomplish specific business goals. They demonstrated the ability to balance best practices and trade-offs based on business context. Badge owners are able to design solutions across multiple platforms and providers.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/872b2f1a-a56d-4351-a901-d6ca6904e11f'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure 2023 Multicloud Architect Certified Associate',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Jun 2025',
+ desc: 'The Oracle Cloud Infrastructure 2023 Multicloud Architect Associate certification is designed to test an individuals expertise in designing and implementing Oracle Cloud Infrastructure (OCI) multicloud solutions. This certification aims to evaluate the candidates ability to use a combination of cloud services to build a multicloud environment.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=CFE2F62ECAB9B9D9C63A6578116C6AF3546F990058223C6D66E9543E4645A7A0'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure 2023 Certified Foundations Associate',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Jun 2025',
+ desc: 'The Oracle Cloud Infrastructure (OCI) Foundations certification is for individuals who intend to demonstrate fundamental knowledge of public cloud services provided by Oracle Cloud Infrastructure (OCI). This certification is for candidates with non-technical backgrounds, such as those involved in selling or procuring cloud solutions, as well as those with a technical background who want to validate their foundational-level knowledge around core OCI services. This exam does not require any hands-on technical experience and is not a prerequisite for taking any other OCI certifications.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=524190EC86E8752386E9DB188282F849565A8A488AD6DD98C038FF6E2F88591A'
+ },
+ {
+ title: 'Microsoft Certified: Cybersecurity Architect Expert',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: 'Abr 2024',
+ desc: 'Earning Cybersecurity Architect Expert validates subject matter expertise in designing and evolving the cybersecurity strategy to protect an organization’s mission and business processes across all aspects of the enterprise architecture.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/1c2bfadf-23e9-4472-a76e-83844cddf5e3'
+ },
+ {
+ title: 'SC-100: Microsoft Cybersecurity Architect',
+ type: 'Certificación',
+ from: 'Abr 2023',
+ to: null,
+ desc: 'Passing Exam SC-100: Microsoft Cybersecurity Architect validates the skills and advanced experience and knowledge in a wide range of security engineering areas, including identity and access, platform protection, security operations, securing data, and securing applications. Candidates have experience with hybrid and cloud implementations.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/0a508fed-e128-4e2b-b4e2-7940e0c07936'
+ },
+ {
+ title: 'Intermediate Flux',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Flux is a data language used in the InfluxDB time series platform. This course provides a hands-on introduction to the Flux data language. Using an IoT use case, this intermediate course teaches more advanced principles and functions for working in Flux. Participants learn to write their own Flux queries, visualize data, and apply these principles to a real-world problem.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/efeab75b-818c-4ebb-a6fa-d0ec60885242'
+ },
+ {
+ title: 'Data Collection with Telegraf',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Telegraf is an open source data collection agent that allows users to collect time series data from hundreds of different sources. This course covers the fundamentals of what Telegraf is, how to install and configure it, how to perform data transformations and finally some tips and tricks on how to avoid common mistakes.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/628395d3-ffd3-4373-852e-8b3db4fc0f7d'
+ },
+ {
+ title: 'Beginner Flux',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'Flux is a data language used in the InfluxDB time series platform. This course provides a hands-on introduction to the Flux data language. Using an IoT use case, this course teaches some of the basic principles and functions for working in Flux. Participants learn to write their own Flux queries, visualize data, and apply these principles to a real-world problem.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/f0d8e099-776e-421d-8d34-e86fa480346b'
+ },
+ {
+ title: 'Exploring InfluxDB Cloud',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'This course covers the basics of the InfluxDB Cloud time series data platform including a tour of the user interface components and basic administration. It also teaches how to ingest and visualize data as well as how to replicate data from the edge. Learners must complete a hands-on assignment to show their comprehension of the skills presented in the course.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/26a84329-bd56-45e3-a1e6-4bc98a853f4a'
+ },
+ {
+ title: 'InfluxDB Essentials',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: null,
+ desc: 'This course covers the fundamentals of InfluxDB. It walks through the various components of the platform, and introduces the InfluxDB data model and how to map raw data onto it. You will also learn about Flux, a scripting and querying language, and how to use it for basic transformation and analysis of time series data. Finally, it examines different methods for visualizing data in InfluxDB and how to use tasks to automate different workflows and processes.',
+ techs: ['influxdata'],
+ link: 'https://www.credly.com/badges/7dcc3341-1e9a-4fb7-b18e-b0a862c84bc8'
+ },
+ {
+ title: 'Microsoft Certified: Azure Network Engineer Associate',
+ type: 'Certificación',
+ from: 'Apr 2023',
+ to: 'Apr 2024',
+ desc: 'Earning Azure Network Engineer Associate validates skills and subject matter expertise in planning, implementing, and maintaining Azure networking solutions, including hybrid networking, connectivity, routing, security, and private access to Azure services. Professionals in this role deploy networking solutions using Azure Portal and other methods, including PowerShell, Azure Command-Line Interface (CLI), and Azure Resource Manager templates (ARM templates).',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/27d26914-5bf5-4b00-914d-2063240481ed'
+ },
+ {
+ title: '(ISC)² Candidate',
+ type: 'Certificación',
+ from: 'Mar 2023',
+ to: 'Mar 2024',
+ desc: '(ISC)² Candidates are individuals pursuing or considering a cybersecurity certification. To become a Candidate, the individual must apply online and provide minimum identifying information, as well as affirm that they will abide by the (ISC)² Code of Ethics and Privacy Policy.',
+ techs: ['(ISC)²'],
+ link: 'https://www.credly.com/badges/15402b80-2c68-47c5-9ddb-365ad471b84d'
+ },
+ {
+ title: 'Microsoft Certified: Information Protection Administrator Associate',
+ type: 'Certificación',
+ from: 'Mar 2024',
+ to: 'Mar 2024',
+ desc: 'Earning the Information Protection Administrator Associate certification validates the skills and knowledge to plan and implement controls that meet organizational compliance needs. Candidates are responsible for translating requirements and compliance controls into technical implementation. They are responsible for creating policies and rules for content classification, data loss prevention, governance, and protection.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/0d84a1b7-e11b-4378-a7c3-1d4cf777a21b'
+ },
+ {
+ title: 'Microsoft Certified: Dynamics 365 Fundamentals (CRM)',
+ type: 'Certificación',
+ from: 'Mar 2024',
+ to: null,
+ desc: 'Earners of Dynamics 365 Fundamentals (CRM) demonstrate relevant work experience in an Information Technology (IT) environment. Candidates have a fundamental understanding of the customer engagement capabilities of Dynamics 365.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/44216d31-d4cc-404a-b6bc-e879553ff0dc'
+ },
+ {
+ title: 'Microsoft 365 Certified: Fundamentals',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: null,
+ desc: 'Earning the Microsoft 365 Fundamentals certification demonstrates an understanding of the options available in Microsoft 365 and the benefits of adopting cloud services, the Software as a Service (SaaS) cloud model, and implementing Microsoft 365 cloud service.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/c1cf03d4-a8cd-40c6-b81b-62ad58bee529'
+ },
+ {
+ title: 'Achieve CI&CD With Jenkins',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: 'Ene 2025',
+ desc: 'This course introduces the basic concepts, features and benifits of CI/CD compared with traditional software developing mode. Then we have a detailed introduction about the features and benefits of Jenkins software and also the installation of Jenkins based on Ubuntu operating system. Finally we introduced the detailed operations on Jenkins console with a brief demonstration.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/achieve-ci-cd-with-jenkins.png'
+ },
+ {
+ title: 'Alibaba Cloud Analysis Architecture and Case Studies',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: 'Ene 2025',
+ desc: 'Through this course, you will learn the core services of Alibaba Cloud Analysis Architecture (E-MapReduce, MaxCompute, Table Store). By studying some classic use cases, you can understand how to build an analysis architecture in Alibaba Cloud.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-cloud-analysis-architecture-and-case-studies.png'
+ },
+ {
+ title: 'Alibaba Hybrid Cloud Solution',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: 'Ene 2025',
+ desc: 'This course helps you undertsand the components and services in Alibaba Cloud that will help you build a Hybrid Cloud solution. The course will also introduce 4 Hybrid reference architectures.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-hybrid-cloud-solution.png'
+ },
+ {
+ title: 'Alibaba Cloud Fundamental Architecture and Case Analysis',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: 'Ene 2025',
+ desc: 'Through this course, you will learn the core services of Alibaba Cloud Fundamental Architecture (ECS, SLB, OSS and RDS). By studying some classic use cases, you can understand how to build a basic architecture in Alibaba Cloud.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/alibaba-cloud-fundamental-architecture-and-case-analysis.png'
+ },
+ {
+ title: 'Operate and Manage a Cloud Server',
+ type: 'Certificación',
+ from: 'Ene 2024',
+ to: 'Ene 2025',
+ desc: 'Understand the advantage of a cloud server. Learn how to purchase ECS on Alibaba Cloud, manage the server on our console, backup critical data and ensure your system can adjust according to business needs.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/operate-and-manage-a-cloud-server.png'
+ },
+ {
+ title: 'An Introduction of DevOps',
+ type: 'Certificación',
+ from: 'Ene 2023',
+ to: 'Ene 2023',
+ desc: 'What is DevOps? Its a combination of cultural philosophies, practices, and tools that increases a team’s ability to rapidly deliver services. In this clouder course, you’ll learn the concept and history of DevOps, how it works compared with traditional methodology, tools that support DevOps and recap the ideas with some classic case studies.',
+ techs: ['alibabacloud'],
+ link: 'https://danieljsaldana.dev/certificates/an-introduction-of-devops.png'
+ },
+ {
+ title: 'Microsoft Certified: Dynamics 365 Fundamentals (ERP)',
+ type: 'Certificación',
+ from: 'Jan 2023',
+ to: null,
+ desc: 'Earners of Dynamics 365 Fundamentals (ERP) demonstrate relevant work experience and exposure to the enterprise resource planning (ERP) capabilities of Dynamics 365. Candidates have a fundamental understanding of how finance and operations apps fit within the overall Microsoft ecosystem.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/b3e7e7a0-da29-4bc0-97e3-1b072bfdf4d5'
+ },
+ {
+ title: 'AWS Cloud Quest: Cloud Practitioner',
+ type: 'Certification',
+ from: 'Jan 2023',
+ to: null,
+ desc: 'Earners of this badge have demonstrated basic solution building knowledge using AWS services and have a fundamental understanding of AWS Cloud concepts. Badge earners have acquired hands-on experience with compute, networking, database and security services.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/dc7dfe47-5ce1-47fc-b22d-2891a5c3b3d9'
+ },
+ {
+ title: 'Microsoft Certified: Azure Security Engineer Associate',
+ type: 'Certification',
+ from: 'Jan 2023',
+ to: 'Jan 2024',
+ desc: 'Earning Azure Security Engineer Associate certification validates the skills and knowledge to implement security controls and threat protection, manage identity and access, and protect data, applications, and networks in cloud and hybrid environments as part of end-to-end infrastructure.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/6f094529-1efa-40ff-8b7d-bca6228b308d'
+ },
+ {
+ title: 'Microsoft Certified: Azure Solutions Architect Expert',
+ type: 'Certification',
+ from: 'Dec 2022',
+ to: 'Dec 2023',
+ desc: 'Earning the Azure Solutions Architect Expert certification demonstrates subject matter expertise in designing cloud and hybrid solutions that run on Microsoft Azure, including compute, network, storage, monitoring, and security. Candidates have advanced experience and knowledge across IT operations, including networking, virtualization, identity, security, business continuity, disaster recovery, data platforms, and governance.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/33d8bce2-bf89-4225-b244-cae4add890cf'
+ },
+ {
+ title: 'AZ-305: Designing Microsoft Azure Infrastructure Solutions',
+ type: 'Certification',
+ from: 'Aug 2022',
+ to: null,
+ desc: 'Passing Exam AZ-305: Designing Microsoft Azure Infrastructure Solutions validates the skills and advanced experience and knowledge of IT operations, including networking, virtualization, identity, security, business continuity, disaster recovery, data platforms, and governance. Candidates have experience in Azure administration, Azure development, and DevOps processes.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/19451f57-fbf9-4464-8543-d446fa0a4b3d'
+ },
+ {
+ title: 'Microsoft Certified: DevOps Engineer Expert',
+ type: 'Certificación',
+ from: 'Aug 2022',
+ to: 'Aug 2023',
+ desc: 'Earning the DevOps Engineer Expert certification demonstrates the ability to combine people, process, and technologies to continuously deliver valuable products and services that meet end user needs and business objectives. DevOps professionals streamline delivery by optimizing practices, improving communications and collaboration, and creating automation.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/53cafd70-78b5-47f0-ba79-cda141af4502'
+ },
+ {
+ title: 'Microsoft Certified: Azure Administrator Associate',
+ type: 'Certification',
+ from: 'Aug 2022',
+ to: 'Aug 2023',
+ desc: 'Earning Azure Administrator Associate certification validates the skills and knowledge to implement, manage, and monitor an organization’s Microsoft Azure environment. Candidates have a deep understanding of each implementing, managing, and monitoring identity, governance, storage, compute, and virtual networks in a cloud environment, plus provision, size, monitor, and adjust resources, when needed.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/934f07ee-6aaa-47dd-aaa1-95522a7f11ec'
+ },
+ {
+ title: 'CyberArk Trustee Certification Level-1',
+ type: 'Certification',
+ from: 'Jul 2022',
+ to: null,
+ desc: 'The course Introduction to CyberArk Privileged Access Management is designed for anyone who is interested in learning about privileged account management. It is highly recommended for any professional who will be part of a CyberArk project.',
+ techs: ['cyberark'],
+ link: 'https://danieljsaldana.dev/certificates/level-1-trustee-exam-certification.pdf'
+ },
+ {
+ title: 'AZ-400: Designing and Implementing Microsoft DevOps Solutions',
+ type: 'Certification',
+ from: 'Jul 2022',
+ to: null,
+ desc: 'Passing exam AZ-400: Designing and Implementing Microsoft DevOps Solutions validates the skills and knowledge to combine people, processes, and technologies to deliver valuable products and services that meet end-user needs and business objectives. Candidates optimize practices, improve communications, and create automation to streamline delivery. They design and implement strategies for application code and infrastructure for continuous integration, testing, delivery, monitoring and feedback.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/93d936cb-09f2-4611-ab6a-545ab699faef'
+ },
+ {
+ title: 'Oracle Cloud Infrastructure Foundations 2021 Associate',
+ type: 'Certification',
+ from: 'Jun 2022',
+ to: 'Dic 2023',
+ desc: 'The Oracle Cloud Infrastructure (OCI) Foundations certification is intended for individuals looking to demonstrate fundamental knowledge of public cloud services provided by Oracle Cloud Infrastructure. This certification is targeted towards candidates with non-technical backgrounds such as those involved in selling or procuring cloud solutions, as well as those with a technical background who want to validate their foundational-level knowledge around core OCI services. This exam does not require any hands-on technical experience and is not a prerequisite for taking any other OCI certifications.',
+ techs: ['oracle'],
+ link: 'https://catalog-education.oracle.com/pls/certview/sharebadge?id=82F0E94E34541E5828584308E88CE4EF27C4EAC6A8AFB80F4A8CA26FC5394F22'
+ },
+ {
+ title: 'WS Learning: Object Storage',
+ type: 'Certificación',
+ from: 'Jun 2022',
+ to: null,
+ desc: 'Earners of this badge have developed the technical skills and knowledge of AWS storage services with a focus on Amazon Simple Storage Service (S3).',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/b634d8af-48ec-4c0c-85e3-0fb6b48f46ba'
+ },
+ {
+ title: 'Lifelong Learning',
+ type: 'Certification',
+ from: 'May 2022',
+ to: null,
+ desc: 'Earners with this badge have proven their unwavering commitment to lifelong learning, vitally important in todays ever-changing and expanding digital world. It also identifies the qualities of an open-minded, disciplined, and constantly evolving mind, capable of using and contributing its knowledge to develop a more equal and better world.',
+ techs: ['certiprof'],
+ link: 'https://www.credly.com/badges/73f9cf3d-cf43-4c38-bad0-bb453c3f48e7',
+ },
+ {
+ title: 'Microsoft Certified: Azure AI Fundamentals',
+ type: 'Certification',
+ from: 'Apr 2022',
+ to: null,
+ desc: 'Earners of the Azure AI Fundamentals certification have demonstrated foundational knowledge of machine learning (ML) and artificial intelligence (AI) concepts and related Microsoft Azure services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/b0b84311-ec76-41e6-8482-0de53cbdc4d6',
+ },
+ {
+ title: 'Microsoft Certified: Power Platform Fundamentals',
+ type: 'Certification',
+ from: 'Apr 2022',
+ to: null,
+ desc: 'Earners of the Power Platform Fundamentals certification are users who aspire to improve productivity by automating business processes, analyzing data to produce business insights, and acting more effectively by creating simple app experiences.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/e8a1e70c-34a8-435b-b9c4-1a49de62fa40',
+ },
+ {
+ title: 'Microsoft Certified: Azure Data Fundamentals',
+ type: 'Certification',
+ from: 'Mar 2022',
+ to: null,
+ desc: 'Earners of the Azure Data Fundamentals certification have demonstrated foundational knowledge of core data concepts and how they are implemented using Microsoft Azure data services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/7382e0e7-1bcb-4995-8031-7b5eb5dce1b3',
+ },
+ {
+ title: 'LFS169: Introduction to GitOps',
+ type: 'Certification',
+ from: 'Jan 2022',
+ to: null,
+ desc: 'Earners of the LFS169: Introduction to GitOp badge can explain what GitOps is, along with its key principles, practices and technologies within the context of setting up Continuous Delivery on Kubernetes. They understand the two reconciliation models and three main tools used to implement GitOps on Kubernetes. They understand the benefits of GitOps: how to set up infrastructure, roll out applications and recover from a disaster, all using developer-friendly git-based workflows.',
+ techs: ['linux_foundation'],
+ link: null,
+ },
+ {
+ title: 'Microsoft Certified: Security, Compliance, and Identity Fundamentals',
+ type: 'Certification',
+ from: 'Jan 2022',
+ to: null,
+ desc: 'Earners of the Security, Compliance, and Identity Fundamentals demonstrate a functional understanding of security, compliance, and identity (SCI) across cloud-based and related Microsoft services.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/659ab939-293b-440f-9b1b-69520a68a88f',
+ },
+ {
+ title: 'Cybersecurity Essentials',
+ type: 'Certification',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has a foundational knowledge of cybersecurity, including the basics of network security, DevSecOps (Development, Security, Operations), encryption and cybersecurity laws. The holder has been introduced to tactics and techniques used by Black Hats, and the principles of Confidentiality, Integrity and Availability (CIA) used by White Hats to defend networks. This credential also certifies that the holder has practiced critical thinking and problem solving skills.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/b188b838-136f-44e4-8ca9-6ae5e2d6b072',
+ },
+ {
+ title: 'Introduction to Cybersecurity',
+ type: 'Certification',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has introductory knowledge of cybersecurity, including the global implications of cyber threats, the impact of cyber attacks on industries, and why cybersecurity is a growing profession. The holder has an understanding of the ways in which networks are vulnerable to attack and Cisco’s approach to threat detection and defense. They also have insight into opportunities available for pursuing network security certifications.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/af81e96b-c04e-4201-96c2-c5155747720d',
+ },
+ {
+ title: 'Introduction to IoT',
+ type: 'Certification',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'The holder of this credential has introductory knowledge of Internet of Things and has an understanding how it enables the Digital Transformation along with emerging technologies such as data analytics, artificial intelligence and the increased attention to cybersecurity. The holder understands the importance of the new Intent Based Networking that uses a software-driven approach and machine learning to be able to connect and secure tens of billions of new devices with ease.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/db40e633-3a87-4617-a0a7-ff5aa6b4cf94',
+ },
+ {
+ title: 'Networking Essentials',
+ type: 'Certification',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'Cisco verifies the earner of this badge successfully completed the Networking Essentials course and achieved this student level credential. Earner has knowledge of fundamentals of networking, how devices communicate, network addressing and services, how to build a home or small office network and configure basic security, basics of configuring Cisco devices, and the basics of testing and troubleshooting network problems. Participated in up to 19 labs and 24 Cisco Packet Tracer activities.',
+ techs: ['cisco'],
+ link: 'https://www.credly.com/badges/147c24cf-3c8b-4faf-a5fa-2a3291f650d2',
+ },
+ {
+ title: 'Scrum Fundamentals Certified (SFC™)',
+ type: 'Certification',
+ from: 'Nov 2021',
+ to: null,
+ desc: 'Scrum Fundamentals Certified course is tailored to help anyone interested to know more about Scrum; learn about key concepts in Scrum as defined in the SBOK® Guide; and to get a basic understanding of how Scrum framework works in delivering successful projects. ',
+ techs: [''],
+ link: 'https://www.scrumstudy.com/certification/verify?type=SFC&number=882413',
+ },
+ {
+ title: 'confluent Fundamentals Accreditation',
+ type: 'Certification',
+ from: 'Oct 2021',
+ to: null,
+ desc: 'confluent Fundamentals Accreditation',
+ techs: ['confluent'],
+ link: 'https://www.credential.net/b92d85bf-b725-4a03-9b98-c7a9147c0b18',
+ },
+ {
+ title: 'Microsoft Certified: Azure Fundamentals',
+ type: 'Certification',
+ from: 'Sep 2021',
+ to: null,
+ desc: 'Earners of the Azure Fundamentals certification have demonstrated foundational level knowledge of cloud services and how those services are provided with Microsoft Azure.',
+ techs: ['azure'],
+ link: 'https://www.credly.com/badges/93cbe9df-0c1d-40e2-93a8-25edfc31242d',
+ },
+ {
+ title: 'AWS Certified Solutions Architect – Associate',
+ type: 'Certification',
+ from: 'Sep 2021',
+ to: 'Sep 2024',
+ desc: 'Earners of this certification have a comprehensive understanding of AWS services and technologies. They demonstrated the ability to build secure and robust solutions using architectural design principles based on customer requirements. Badge owners are able to strategically design well-architected distributed systems that are scalable, resilient, efficient, and fault-tolerant.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/cb1af97f-cab2-4504-8f1f-b8abb4c6ca0e',
+ },
+ {
+ title: 'AWS Certified Cloud Practitioner',
+ type: 'Certification',
+ from: 'Sep 2021',
+ to: 'Sep 2024',
+ desc: 'Earners of this certification have a fundamental understanding of IT services and their uses in the AWS Cloud. They demonstrated cloud fluency and foundational AWS knowledge. Badge owners are able to identify essential AWS services necessary to set up AWS-focused projects.',
+ techs: ['aws'],
+ link: 'https://www.credly.com/badges/4070db58-f1fd-4a48-a0b4-ef4aa5e36e21',
+ },
+ {
+ title: 'Associate Cloud Engineer',
+ type: 'Certification',
+ from: 'Oct 2021',
+ to: 'Oct 2023',
+ desc: 'Un Associate Cloud Engineer se encarga de implementar aplicaciones, supervisar operaciones y administrar soluciones empresariales. También sabe cómo usar Google Cloud Console y la interfaz de línea de comandos para realizar tareas comunes en la plataforma a fin de mantener una o más soluciones implementadas que aprovechen los servicios administrados por Google o autoadministrados que se encuentran en Google Cloud.',
+ techs: ['gcp'],
+ link: 'https://www.credential.net/7ab2a600-a1da-4359-9d45-a900024233c7',
+ },
+ {
+ title: 'Dynatrace Partner Foundation Certification',
+ type: 'Certification',
+ from: 'Aug 2021',
+ to: 'Aug 2023',
+ desc: 'Dynatrace Partner Foundation Certification',
+ techs: ['dynatrace'],
+ link: 'https://www.credly.com/badges/18fbdec5-b709-4a5d-8fcd-e107fe39d239',
+ },
+ ],
+}
+
+export default projects
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..aafef95
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,8 @@
+///
+
+declare module '*.vue' {
+ import type { DefineComponent } from 'vue'
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+ const component: DefineComponent<{}, {}, any>
+ export default component
+}
diff --git a/src/langs/about_me.ts b/src/langs/about_me.ts
new file mode 100644
index 0000000..7013f03
--- /dev/null
+++ b/src/langs/about_me.ts
@@ -0,0 +1,41 @@
+import { Langs } from '../types/langs'
+
+const about_me : Langs = {
+ 'es' : {
+ 'hi' : '👋 Hola, mi nombre es',
+ 'develop' : 'Product Onwer.',
+ 'years_exp' : 'Años de experiencia',
+ 'certifications_success' : 'Certificaciones',
+ 'course_finished' : 'Cursos',
+ 'love_coding' : 'Perseverancia',
+ 'about_me' : 'Sobre Mi',
+ 'am_sre_devops' : `Soy Product Onwer🔥, con un background de Software Arquitect, DevOp, SRE, SysAdmin y especializado en provedores Cloud como AWS,
+ Azure y GCP. Dispongo de un fuerte dominio de Arquitectura Cloud y Diseño de modelos de CI/CD.`,
+ 'live_in' : `Vivo en Almería, España 🌍 tengo`,
+ 'years' : 'años',
+ 'studies' : 'Educación',
+ 'college_expert_cloud' : 'Experto Universitario en Cloud Computing. Arquitecturas y Soluciones (AWS y Azure)',
+ 'college_expert_devops' : 'Experto Universitario en Devops & Cloud',
+ 'chat' : '¡Hablemos!',
+ 'sorry' : 'Perdón, tu navegador no soporta videos embebidos.'
+ },
+ 'en' : {
+ 'hi' : '👋 Hello, my name is',
+ 'develop' : 'Product Onwer.',
+ 'years_exp' : 'Experience years',
+ 'certifications_success' : 'Certifications',
+ 'course_finished' : 'Course',
+ 'love_coding' : 'Perseverance',
+ 'about_me' : 'About Me',
+ 'am_sre_devops' : `I am Product Onwer🔥, with a background of Software Arquitect,DevOp, SRE, SysAdmin and specialized in Cloud providers such as AWS ,
+ Azure and GCP. I have a strong command of Cloud Architecture and Model Design of CI/CD.`,
+ 'live_in' : `I am currently living in Almería, Spain 🌍 I am`,
+ 'years' : 'years old',
+ 'studies' : 'Studies',
+ 'college_expert_cloud' : 'University Expert in Cloud Computing. Architectures and Solutions (AWS and Azure)',
+ 'college_expert_devops' : 'University Expert in Devops & Cloud',
+ 'chat' : 'Let\'s talk!',
+ 'sorry' : 'Sorry, your browser does not support embedded videos.'
+ }
+}
+export default about_me
\ No newline at end of file
diff --git a/src/langs/certificates_list.ts b/src/langs/certificates_list.ts
new file mode 100644
index 0000000..1ee2def
--- /dev/null
+++ b/src/langs/certificates_list.ts
@@ -0,0 +1,17 @@
+import { Langs } from '../types/langs'
+
+const certificates_list : Langs = {
+ 'es' : {
+ 'certificates' : 'Cursos',
+ 'all' : 'Todas mis cursos en orden cronológico.',
+ 'load_more' : 'Cargar más',
+ 'see' : 'Ver Curso',
+ },
+ 'en' : {
+ 'certificates' : 'Courses',
+ 'all' : 'All my courses in chronological order.',
+ 'load_more' : 'Load more',
+ 'see' : 'See Course',
+ }
+}
+export default certificates_list
\ No newline at end of file
diff --git a/src/langs/my_experience.ts b/src/langs/my_experience.ts
new file mode 100644
index 0000000..7b65ae6
--- /dev/null
+++ b/src/langs/my_experience.ts
@@ -0,0 +1,55 @@
+import { Langs } from '../types/langs'
+
+const my_experience : Langs = {
+ 'es' : {
+ 'my_exp' : 'Mi Experiencia',
+ 'productowner' : 'Product Owner',
+ 'now' : 'Actualidad',
+ 'productowner_exp' : `Como Product Owner, mi liderazgo 🚀 guía el diseño y desarrollo de la arquitectura tecnológica, seleccionando software adecuado 🛠️ y supervisando implementaciones. Coordinando la resolución de problemas, cada paso se planifica meticulosamente para construir una sólida base técnica 💡. Soy el puente entre la visión y la ejecución, asegurando un camino exitoso en la construcción de nuestra arquitectura.`,
+ 'softwarearquitect' : 'Software Arquitect',
+ 'softwarearquitect_exp' : `Toma decisiones de diseño de alto nivel y dicta estándares técnicos 📋, incluyendo estándares de codificación de software, herramientas y plataformas.
+ Dirijo el diseño y desarrollo de la arquitectura tecnológica de un sistema 🏗️, aplicación o plataforma.
+ Para ello, me encargo de seleccionar el software adecuado para cada función, vigilar la implementación y coordinar la resolución de los problemas técnicos que puedan surgir,
+ planificando técnicamente cada paso a seguir en la construcción de esa arquitectura 💬.`,
+ 'sre' : 'Site Reliability Engineering',
+ 'sre_exp' : `Automatización de tareas operativas, creación de pipeline 🚀, diseño level design para garantizar la
+ disponibilidad de las aplicaciones 🏗️, explotación de métricas e identificar, diagnosticar y resolver los
+ problemas de aplicaciones 🧪.`,
+ 'devops' : 'DevOps Engineer',
+ 'devops_exp' : `Desarrollo automatizaciones en la solución CI/CD interna 🔧. Cooperación con los equipos de Arquitectura en la
+ fase de design thinking así como en las distintas fases de desarrollo de evolutivo 🗒️. Miembro del equipo de estrategia del
+ Dominio de Ingeniera para definir nuevos procedimientos y modelos de trabajo ✍️.`,
+ 'sysadmin_linux' : 'SysAdmin Linux',
+ 'sysadmin_linux_exp' : `Resolución de incidencias 🔴, automatización de procedimientos, creación y configuración
+ de máquinas virtuales 🖥️, gestión de todo la infraestructura interna de la organización 🧮.`,
+ 'sysadmin' : 'SysAdmin Linux/Windows',
+ 'sysadmin_exp' : `Intervenciones en máquinas físicas y virtuales y entornos de servidores compartidos ☁️,
+ gestión en clusters de correo ✉️, implementación de reglas de seguridad 🔐.`
+ },
+ 'en' : {
+ 'my_exp' : 'My Experience',
+ 'productowner' : 'Product Owner',
+ 'now' : 'Actualidad',
+ 'productowner_exp' : `As a Product Owner, my leadership 🚀 guides the design and development of technological architecture, selecting appropriate software 🛠️ and overseeing implementations. Coordinating the resolution of issues, each step is meticulously planned to build a strong technical foundation 💡. I serve as the bridge between vision and execution, ensuring a successful path in constructing our architecture.∫`,
+ 'softwarearquitect' : 'Software Arquitect',
+ 'softwarearquitect_exp' : `Make high-level design decisions and dictate technical standards 📋, including software coding standards, tools, and platforms.
+ I direct the design and development of the technological architecture of a system 🏗️, application or platform.
+ To do this, I am in charge of selecting the appropriate software for each function, monitoring the implementation and coordinating the resolution of any technical problems that may arise,
+ technically planning each step to follow in the construction of that architecture 💬.`,
+ 'sre' : 'Site Reliability Engineering',
+ 'sre_exp' : `Automation of operational tasks, pipeline creation 🚀, level design to guarantee the
+ availability of applications 🏗️, exploitation of metrics and identify, diagnose and solve problems
+ app problems 🧪.`,
+ 'devops' : 'DevOps Engineer',
+ 'devops_exp' : `I develop automations in the internal CI/CD solution 🔧. Cooperation with the Architecture teams in the
+ design thinking phase as well as the different phases of evolutionary development 🗒️. Member of the strategy team
+ Engineering domain to define new procedures and work models ✍️.`,
+ 'sysadmin_linux' : 'SysAdmin Linux',
+ 'sysadmin_linux_exp' : `Resolution of incidents 🔴, automation of procedures, creation and configuration
+ of virtual machines 🖥️, management of all the internal infrastructure of the organization 🧮.`,
+ 'sysadmin' : 'SysAdmin Linux/Windows',
+ 'sysadmin_exp' : `Interventions on physical and virtual machines and shared server environments ☁️,
+ management in mail clusters ✉️, implementation of security rules 🔐.`
+ }
+}
+export default my_experience
\ No newline at end of file
diff --git a/src/langs/page_footer.ts b/src/langs/page_footer.ts
new file mode 100644
index 0000000..5b42547
--- /dev/null
+++ b/src/langs/page_footer.ts
@@ -0,0 +1,16 @@
+import { Langs } from '../types/langs'
+import { version } from '../../package.json'
+
+const page_footer : Langs = {
+ 'es' : {
+ 'develop' : 'Desarrollado <con VueJS🔥>',
+ 'version' : '<Version ⛩️ ' + version + '>',
+ 'back_up' : '☝️ Regresar arriba',
+ },
+ 'en' : {
+ 'develop' : 'Developed <with VueJS🔥>',
+ 'version' : '<Version ⛩️ ' + version + '>',
+ 'back_up' : '☝️ Back to heaven',
+ }
+}
+export default page_footer
\ No newline at end of file
diff --git a/src/langs/posts_lists.ts b/src/langs/posts_lists.ts
new file mode 100644
index 0000000..ec1d38c
--- /dev/null
+++ b/src/langs/posts_lists.ts
@@ -0,0 +1,17 @@
+import { Langs } from '../types/langs'
+
+const posts_list : Langs = {
+ 'es' : {
+ 'posts' : 'Artículos',
+ 'all' : 'Todos mis artículos en orden cronológico.',
+ 'load_more' : 'Cargar más',
+ 'see' : 'Ver Artículo',
+ },
+ 'en' : {
+ 'posts' : 'Articles',
+ 'all' : 'All my article in chronological order.',
+ 'load_more' : 'Load more',
+ 'see' : 'See Article',
+ }
+}
+export default posts_list
\ No newline at end of file
diff --git a/src/langs/professional_skills.ts b/src/langs/professional_skills.ts
new file mode 100644
index 0000000..d2ace30
--- /dev/null
+++ b/src/langs/professional_skills.ts
@@ -0,0 +1,17 @@
+import { Langs } from '../types/langs'
+
+const professional_skills : Langs = {
+ 'es' : {
+ 'cloud_publica' : 'Cloud Publicas',
+ 'tech' : 'Cloud Computing',
+ 'db' : 'Bases de Datos',
+ 'tools' : 'Herramientas',
+ },
+ 'en' : {
+ 'cloud_publica' : 'Public Cloud',
+ 'tech' : 'Cloud Computing',
+ 'db' : 'Database',
+ 'tools' : 'Tools',
+ }
+}
+export default professional_skills
\ No newline at end of file
diff --git a/src/langs/projects_time_line.ts b/src/langs/projects_time_line.ts
new file mode 100644
index 0000000..609d2d2
--- /dev/null
+++ b/src/langs/projects_time_line.ts
@@ -0,0 +1,15 @@
+import { Langs } from '../types/langs'
+
+const projects_time_line : Langs = {
+ 'es' : {
+ 'projects' : 'Certificaciones',
+ 'a_line' : 'Una línea de tiempo de las certificaciones que he realizado.',
+ 'load_more' : 'Cargar más',
+ },
+ 'en' : {
+ 'projects' : 'Certifications',
+ 'a_line' : 'A timeline of the certifications I have completed.',
+ 'load_more' : 'Load more',
+ }
+}
+export default projects_time_line
\ No newline at end of file
diff --git a/src/langs/soft_skills.ts b/src/langs/soft_skills.ts
new file mode 100644
index 0000000..e58c391
--- /dev/null
+++ b/src/langs/soft_skills.ts
@@ -0,0 +1,21 @@
+import { Langs } from '../types/langs'
+
+const soft_skills : Langs = {
+ 'es' : {
+ 'skills' : 'Habilidades',
+ 'resp' : 'Responsable',
+ 'dec' : 'Resolutivo',
+ 'team' : 'Trabajo en equipo',
+ 'pro' : 'Proactivo',
+ 'eng' : 'Comprometido',
+ },
+ 'en' : {
+ 'skills' : 'Soft Skills',
+ 'resp' : 'Responsible',
+ 'dec' : 'Decisive',
+ 'team' : 'Teamwork',
+ 'pro' : 'Proactive',
+ 'eng' : 'Engaged',
+ }
+}
+export default soft_skills
\ No newline at end of file
diff --git a/src/langs/top_nav.ts b/src/langs/top_nav.ts
new file mode 100644
index 0000000..f9a8ee4
--- /dev/null
+++ b/src/langs/top_nav.ts
@@ -0,0 +1,19 @@
+import { Langs } from '../types/langs'
+
+const top_nav : Langs = {
+ 'es' : {
+ 'about_me' : 'Sobre Mí',
+ 'projects' : 'Certificaciones',
+ 'certificates' : 'Cursos',
+ 'blog' : 'Blog',
+ 'api' : 'API'
+ },
+ 'en' : {
+ 'about_me' : 'About me',
+ 'projects' : 'Certifications',
+ 'certificates' : 'Courses',
+ 'blog' : 'Blog',
+ 'api' : 'API'
+ }
+}
+export default top_nav
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..b6c7385
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,6 @@
+import { createApp } from 'vue'
+import store from './store'
+import './sass/main.scss'
+import App from './App.vue'
+
+createApp(App).use(store).mount('#__vue3')
diff --git a/src/sass/animations/blink.scss b/src/sass/animations/blink.scss
new file mode 100644
index 0000000..3b12aee
--- /dev/null
+++ b/src/sass/animations/blink.scss
@@ -0,0 +1,9 @@
+.blink {
+ animation: blinker 2s linear infinite;
+}
+
+@keyframes blinker {
+ 50% {
+ opacity: 0;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/animations/entry_component.scss b/src/sass/animations/entry_component.scss
new file mode 100644
index 0000000..75ab940
--- /dev/null
+++ b/src/sass/animations/entry_component.scss
@@ -0,0 +1,12 @@
+.v-enter-active {
+ transition: all 0.1s ease-in;
+}
+
+.v-enter-from {
+ transform: translateY(-20px);
+ opacity: 0;
+}
+
+.v-leave-to {
+ opacity: 0;
+}
\ No newline at end of file
diff --git a/src/sass/components/about.scss b/src/sass/components/about.scss
new file mode 100644
index 0000000..926dd95
--- /dev/null
+++ b/src/sass/components/about.scss
@@ -0,0 +1,205 @@
+.about {
+ position: relative;
+ @include flex_column;
+
+ .about__presentation {
+ margin-bottom: 40px;
+ text-align: center;
+
+ h4 {
+ font-size: 20px;
+ margin-bottom: 24px;
+ }
+
+ h1 {
+ font-size: 64px;
+ color: $black;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ h1 {
+ font-size: 55px;
+ }
+ }
+ }
+
+ .about__profile {
+ position: relative;
+ width: 100%;
+ max-width: 1150px;
+
+ // Tablas, Desktop
+ @media only screen and (min-width: 576px) {
+ height: 659.23px;
+ @include flex_row(space-between);
+ }
+
+ .about__education, .about__stats {
+ max-width: 310px;
+ }
+
+ .about__photo {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ text-align: center;
+
+ figure {
+ margin-bottom: 23.77px;
+
+ video {
+ border-radius: 30px;
+ }
+ }
+
+ small {
+ color: $black_8;
+ font-size: 1rem;
+ font-weight: 400;
+ }
+ }
+
+ .about__stats {
+ margin-left: 60px;
+ ul {
+ li {
+ margin-bottom: 48px;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
+
+ .about__education {
+ .box {
+ margin-bottom: 21px;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+
+ .subtitle {
+ a {
+ font-size: 14px;
+ color: #000;
+ font-weight: 600;
+ }
+ }
+ }
+
+ margin-bottom: 60px;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ height: 100%;
+ padding-top: 720px;
+ @include flex_column_reverse(flex-start);
+
+ .about__stats {
+ margin-left: 0;
+ margin-bottom: 50px;
+
+ ul {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ }
+ }
+
+ // iPad vertical
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
+ .about__stats {
+ margin-left: 0px;
+
+ .stat {
+ max-width: 170px;
+ }
+ }
+ .about__education {
+ max-width: 140px;
+
+ .education {
+ position: absolute;
+ bottom: -176px;
+ left: 50%;
+ transform: translateX(-50%);
+ text-align: center;
+
+ .title {
+ display: none;
+ }
+ }
+
+ .second_educ {
+ bottom: -269px;
+ }
+ }
+ }
+
+ // iPad horizontal
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .about__stats {
+ margin-left: 70px;
+ }
+ .about__education {
+ max-width: 270px;
+ }
+ }
+
+
+ }
+
+ .lets-talk {
+ position: absolute;
+ top: 107px;
+ right: 117px;
+
+ @media only screen and (max-width: 1300px) {
+ display: none;
+ }
+
+ a {
+ width: 140px;
+ height: 140px;
+ background-color: $blue;
+ border-radius: 50%;
+ @include flex_column;
+ transition: all 0.2s ease-in-out;
+
+ span {
+ margin-top: 10px;
+ color: $white;
+ font-weight: bold;
+ text-transform: uppercase;
+ letter-spacing: 0.02em;
+ }
+ }
+
+ .border {
+ width: 184px;
+ height: 184px;
+ background-color: transparent;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ position: absolute;
+ top: -22px;
+ right: -21px;
+ border-radius: 50%;
+ z-index: -1;
+ transition: all 0.2s ease-in-out;
+ }
+
+ &:hover {
+ a {
+ transform: scale(1.1);
+ }
+ .border {
+ transform: scale(0.85);
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/components/certificates.scss b/src/sass/components/certificates.scss
new file mode 100644
index 0000000..7651d23
--- /dev/null
+++ b/src/sass/components/certificates.scss
@@ -0,0 +1,41 @@
+.certificates {
+ @include flex_column;
+
+ h1 {
+ font-size: 48px;
+ font-weight: bold;
+ color: $black;
+ }
+
+ > p {
+ max-width: 630px;
+ width: 100%;
+ text-align: center;
+ line-height: 28px;
+ margin-bottom: 56px;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ margin-top: 0;
+
+ h1 {
+ text-align: center;
+ }
+
+ .list-of-certificates {
+ padding: 10px;
+ }
+ }
+
+ // iPad vertical
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
+ margin-top: 70px;
+ }
+
+
+ .load_more {
+ margin-top: 24px;
+ }
+ margin-bottom: 80px;
+}
\ No newline at end of file
diff --git a/src/sass/components/chat.scss b/src/sass/components/chat.scss
new file mode 100644
index 0000000..ad4b379
--- /dev/null
+++ b/src/sass/components/chat.scss
@@ -0,0 +1,102 @@
+.chatContainer {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+
+ .chat {
+ width: 70px;
+ height: 70px;
+ border-radius: 50%;
+ background-color: #EDEDED;
+ padding: 8px;
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ user-select: none;
+ cursor: pointer;
+
+ > div {
+ background-color: #FCFCFC;
+ box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ > img {
+ width: 25px;
+ height: 25px;
+ object-fit: contain;
+ }
+ }
+ }
+
+ .mensajes {
+ position: fixed;
+ background-color: $blue;
+ border-top-right-radius: 7px;
+ border-top-left-radius: 7px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
+ color: $black;
+ width: calc(100vw - 10px);
+ height: calc(100% - 150px);
+ right: 50%;
+ transform: translateX(50%);
+ bottom: 100px;
+
+ @media (min-width: 1024px) {
+ width: 400px;
+ right: 230px;
+ height: 670px;
+ }
+
+ .list_de_mensajes {
+ background-color: transparent;
+ height: calc(100% - 60px);
+ padding: 20px;
+ overflow-y: scroll;
+ padding-bottom: 50px;
+ display: flex;
+ flex-direction: column;
+
+ > li {
+ background-color: $white;
+ color: $black;
+ border-radius: 5px;
+ box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
+ margin-bottom: 20px;
+ padding: 10px;
+ width: fit-content;
+ align-self: flex-end;
+
+ &:nth-child(2n) {
+ background-color: rgba(139, 134, 134, 0.0509803922);
+ color: $white;
+ align-self: flex-start;
+ }
+ }
+ }
+
+ .input_de_mensajes {
+ position: absolute;
+ width: calc(100% - 20px);
+ height: 40px;
+ bottom: 10px;
+ right: 10px;
+ background-color: $white;
+ border: 0;
+ border-radius: 5px;
+ color: #fcfcfc;
+ padding: 0 10px;
+ outline: none;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/components/experience.scss b/src/sass/components/experience.scss
new file mode 100644
index 0000000..f241f9d
--- /dev/null
+++ b/src/sass/components/experience.scss
@@ -0,0 +1,52 @@
+.experience {
+ margin-top: 90px;
+ @include flex_column;
+
+ > div {
+ @include flex_column;
+ margin-bottom: 40px;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+ }
+
+ h3 {
+ text-transform: uppercase;
+ font-size: 14px;
+ margin-bottom: 32px;
+ }
+
+ h1 {
+ font-size: 48px;
+ font-weight: bold;
+ color: $black;
+ }
+
+ small {
+ margin-bottom: 16px;
+ }
+
+ p {
+ max-width: 630px;
+ width: 100%;
+ text-align: center;
+ line-height: 28px;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ margin-top: 0;
+
+ h1, h3 {
+ text-align: center;
+ }
+ }
+
+ // iPad vertical
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
+ margin-top: 320px;
+ }
+
+ margin-bottom: 60px;
+}
\ No newline at end of file
diff --git a/src/sass/components/footer.scss b/src/sass/components/footer.scss
new file mode 100644
index 0000000..6592f71
--- /dev/null
+++ b/src/sass/components/footer.scss
@@ -0,0 +1,23 @@
+.footer {
+ padding: 50px;
+ width: 100%;
+ line-height: 1.8;
+ @include flex_row(space-between);
+
+ a {
+ color: $black;
+
+ &:hover {
+ color: $blue;
+ }
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ @include flex_column(center);
+
+ a {
+ margin-top: 20px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/components/posts.scss b/src/sass/components/posts.scss
new file mode 100644
index 0000000..19a48e8
--- /dev/null
+++ b/src/sass/components/posts.scss
@@ -0,0 +1,9 @@
+#posts {
+
+ figure {
+ img {
+ height: 100px;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/src/sass/components/professional_skills.scss b/src/sass/components/professional_skills.scss
new file mode 100644
index 0000000..e11b5cc
--- /dev/null
+++ b/src/sass/components/professional_skills.scss
@@ -0,0 +1,28 @@
+.professional_skills {
+ @include flex_column;
+
+ .switch {
+ height: 64px;
+
+ div {
+ height: 48px;
+ }
+
+ margin-bottom: 35px;
+ }
+
+ // Movil
+ @media only screen and (max-width: 575px) {
+ padding: 2px;
+
+ .switch {
+ width: 95%;
+ flex-wrap: wrap;
+ height: auto;
+ border-radius: 40px;
+ }
+
+ }
+
+ margin-bottom: 90px;
+}
\ No newline at end of file
diff --git a/src/sass/components/projects.scss b/src/sass/components/projects.scss
new file mode 100644
index 0000000..c0d5782
--- /dev/null
+++ b/src/sass/components/projects.scss
@@ -0,0 +1,90 @@
+.projects {
+ @include flex_column;
+
+ h1 {
+ font-size: 48px;
+ font-weight: bold;
+ color: $black;
+ }
+
+ p {
+ max-width: 630px;
+ width: 100%;
+ text-align: center;
+ line-height: 28px;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ margin-top: 0;
+
+ h1 {
+ text-align: center;
+ }
+ }
+
+ // iPad vertical
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
+ margin-top: 70px;
+ }
+
+ .time_line {
+ margin-top: 88px;
+ }
+
+ .load_more {
+ margin-top: 50px;
+ }
+
+ padding-bottom: 80px;
+
+ .shields {
+ max-width: 830px;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: wrap;
+ margin: 0 auto;
+ gap: 20px;
+ padding-top: 30px;
+
+ // Movil
+ @media only screen and (max-width: 575px) {
+ flex-direction: column;
+ }
+
+ .shield {
+ position: relative;
+ width: 200px;
+ height: 200px;
+ background: #FFFFFF;
+ border: 1px solid rgba(0,0,0,.1);
+ border-radius: 10px;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ > img {
+ width: 100px;
+ height: auto;
+ margin-bottom: 23px;
+ }
+
+ .number-shield {
+ font-size: 18px;
+ color: $black_8;
+ font-family: Consolas,sans-serif;
+ }
+ }
+ }
+
+}
+.projects-border {
+ border-bottom: 1px solid $black_1;
+ margin-bottom: 80px;
+}
\ No newline at end of file
diff --git a/src/sass/components/soft_skills.scss b/src/sass/components/soft_skills.scss
new file mode 100644
index 0000000..4b030cd
--- /dev/null
+++ b/src/sass/components/soft_skills.scss
@@ -0,0 +1,127 @@
+.soft_skills {
+ @include flex_column;
+ margin-bottom: 60px;
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ align-items: flex-start;
+ margin-left: 10px;
+ }
+
+
+ .soft_skills_title {
+ @include flex_column;
+
+ position: relative;
+ background: $black;
+ border-radius: 30px;
+ padding: 16px 24px;
+ color: #FFF;
+ text-transform: uppercase;
+ font-weight: bold;
+ width: 155px;
+ margin-bottom: 70px;
+
+ // Tablas, Desktop
+ @media only screen and (min-width: 576px) {
+ &::before {
+ content: "";
+ width: 546px;
+ height: 1px;
+ border-bottom: 2px dashed #000;
+ position: absolute;
+ left: 50%;
+ bottom: -24px;
+ transform: translate(-50%)
+ }
+
+ &::after {
+ content: "";
+ bottom: -23px;
+ left: 50%;
+ transform: translate(-50%);
+ width: 1px;
+ height: 24px;
+ position: absolute;
+ border-left: 2px dashed #000;
+ }
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ margin-bottom: 10px;
+
+ &::before {
+ content: "";
+ width: 1px;
+ height: 225px;
+ border-left: 2px dashed #000;
+ position: absolute;
+ left: 25px;
+ bottom: -221px;
+ }
+ }
+
+ }
+
+ .soft_skills_lines {
+ @include flex_column;
+
+ .words {
+ margin-top: 8px;
+ width: 110%;
+
+ // Tablas, Desktop
+ @media only screen and (min-width: 576px) {
+ @include flex_row(space-between);
+ }
+
+ span {
+ position: relative;
+ color: #000;
+ font-weight: bold;
+ font-size: 14px;
+ width: 121px;
+ text-align: center;
+
+ // Tablas, Desktop
+ @media only screen and (min-width: 576px) {
+ &::before {
+ content: "";
+ top: -54px;
+ left: 50%;
+ transform: translate(-50%);
+ width: 1px;
+ height: 46px;
+ position: absolute;
+ border-left: 2px dashed #000;
+ }
+ }
+
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ @include flex_column(flex-start);
+ margin-left: 80px;
+
+ span {
+ text-align: left;
+ margin-bottom: 30px;
+
+ &::before {
+ content: "";
+ left: -54px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 46px;
+ height: 1px;
+ position: absolute;
+ border-bottom: 2px dashed #000;
+ }
+ }
+ }
+ }
+
+ }
+}
diff --git a/src/sass/components/topnav.scss b/src/sass/components/topnav.scss
new file mode 100644
index 0000000..699d3a9
--- /dev/null
+++ b/src/sass/components/topnav.scss
@@ -0,0 +1,81 @@
+header.container {
+ padding-top: 41px;
+ margin-bottom: 109.7px;
+ height: 46px;
+
+ // Movil
+ @media only screen and (max-width: 575px) {
+ margin-bottom: 50px;
+ }
+
+ > nav.top_nav {
+ // Tablas, Desktop
+ @media only screen and (min-width: 576px) {
+ @include flex_row(space-between);
+ }
+
+ // Movil
+ @media only screen and (max-width: 575px) {
+ @include flex_row(center);
+ }
+
+ ul.menu {
+ @include flex_row;
+
+ // Movil
+ @media only screen and (max-width: 575px) {
+ display: none;
+ }
+
+ li {
+ margin-right: 40px;
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+
+ a {
+ color: $black_4;
+ font-weight: 600;
+
+ &:hover, &.active {
+ color: $black;
+ }
+ }
+ }
+ }
+
+ div.net-and-lang {
+ @include flex_row(flex-start);
+
+ ul.networks {
+ @include flex_row;
+
+ li {
+ margin-right: 27px;
+
+ a {
+ img {
+ width: 19.5px;
+ height: 19.5px;
+ transition: all 0.1s ease;
+ }
+
+ &:hover {
+ img {
+ transform: translateY(-2px);
+ }
+ }
+ }
+
+ &:last-of-type {
+ margin-right: 28.65px;
+ }
+ }
+
+ }
+
+
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/arrow.scss b/src/sass/elements/arrow.scss
new file mode 100644
index 0000000..cbc60f0
--- /dev/null
+++ b/src/sass/elements/arrow.scss
@@ -0,0 +1,74 @@
+$easing: cubic-bezier(.25,1.7,.35,.8);
+$duration: 0.5s;
+
+.arrow {
+ height: 2.8em;
+ width: 2.8em;
+ display: block;
+ padding: 0.5em;
+ margin: 1em auto;
+ border-radius: 4px;
+ position: absolute;
+
+ .left-bar {
+ position: absolute;
+ background-color: transparent;
+ top: 0;
+ left: 0;
+ width: 40px;
+ height: 10px;
+ display: block;
+ transform: rotate(35deg);
+ float: right;
+ border-radius: 2px;
+
+ &:after {
+ content: "";
+ background-color: $black;
+ width: 40px;
+ height: 10px;
+ display: block;
+ float: right;
+ border-radius: 6px 10px 10px 6px;
+ transition: all $duration $easing;
+ z-index: -1;
+ }
+ }
+
+ .right-bar {
+ position: absolute;
+ background-color: transparent;
+ top: 0px;
+ left: 26px;
+ width: 40px;
+ height: 10px;
+ display: block;
+ transform: rotate(-35deg);
+ float: right;
+ border-radius: 2px;
+
+ &:after {
+ content: "";
+ background-color: $black;
+ width: 40px;
+ height: 10px;
+ display: block;
+ float: right;
+ border-radius: 10px 6px 6px 10px;
+ transition: all $duration $easing;
+ z-index: -1;
+ }
+ }
+
+ &.open {
+ .left-bar:after {
+ transform-origin: center center;
+ transform: rotate(-70deg);
+ }
+
+ .right-bar:after {
+ transform-origin: center center;
+ transform: rotate(70deg);
+ }
+ }
+}
diff --git a/src/sass/elements/bg.scss b/src/sass/elements/bg.scss
new file mode 100644
index 0000000..b4b15fc
--- /dev/null
+++ b/src/sass/elements/bg.scss
@@ -0,0 +1,58 @@
+.bg {
+ padding: 0 5px;
+ color: $white;
+
+ &.bg--aws {
+ background-color: #232f3e;
+ color: #fffffe;
+ }
+
+ &.bg--azure {
+ background-color: #0078d4;
+ color: white;
+ }
+
+ &.bg--gcp {
+ background-color: #5f6368;
+ color: white;
+ }
+
+ &.bg--cloud {
+ background-color: #73d0e0;
+ color: #1d5665;
+ }
+
+ &.bg--cicd {
+ background-color: #faaf24;
+ color: $black;
+ }
+
+ &.bg--backend {
+ background-color: $blue;
+ }
+
+ &.bg--frontend {
+ background-color: $green;
+ }
+
+ &.bg--golang {
+ background-color: #6ad7e5;
+ color: #FFF;
+ }
+ &.bg--php {
+ background-color: #8993c1;
+ color: #20222f;
+ }
+ &.bg--js {
+ background-color: #efd81d;
+ color: #000;
+ }
+ &.bg--vue {
+ background-color: #3fb27f;
+ color: #32475b;
+ }
+ &.bg--react {
+ background-color: #20232a;
+ color: #61dafb;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/box.scss b/src/sass/elements/box.scss
new file mode 100644
index 0000000..43427c3
--- /dev/null
+++ b/src/sass/elements/box.scss
@@ -0,0 +1,25 @@
+.box {
+ span.title {
+ font-weight: bold;
+ text-transform: uppercase;
+ color: $black;
+ font-size: 14px;
+ display: block;
+ margin-bottom: 20px;
+ }
+
+ p {
+ line-height: 28px;
+ text-align: justify;
+ }
+
+ figure {
+ margin-bottom: 16px;
+ }
+
+ span.subtitle {
+ font-size: 14px;
+ color: $black;
+ font-weight: 600;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/button.scss b/src/sass/elements/button.scss
new file mode 100644
index 0000000..fe0c6b8
--- /dev/null
+++ b/src/sass/elements/button.scss
@@ -0,0 +1,19 @@
+.button {
+ width: auto;
+ max-width: 356px;
+ height: 64px;
+ background-color: $blue;
+ border: 1px solid $blue;
+ border-radius: 10px;
+ transition: all 0.1s ease;
+ color: #FFF;
+ font-weight: bold;
+ font-size: 20px;
+ padding: 0 100px;
+
+ @include flex_column;
+
+ &:hover {
+ transform: translateY(-3px);
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/certified.scss b/src/sass/elements/certified.scss
new file mode 100644
index 0000000..5f7a019
--- /dev/null
+++ b/src/sass/elements/certified.scss
@@ -0,0 +1,75 @@
+.certified {
+ width: 100%;
+ max-width: 945px;
+ height: auto;
+ min-height: 147px;
+ background: #FFFFFF;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 10px;
+ padding: 24px;
+ margin-bottom: 16px;
+ @include flex_row(flex-start);
+
+ figure {
+ margin-right: 24px;
+ }
+
+ .certified_content {
+ width: 100%;
+ @include flex_row(space-between);
+
+ .title {
+ font-weight: bold;
+ font-size: 20px;
+ margin-bottom: 12px;
+ color: $black;
+ margin-right: 20px;
+ }
+
+ .certifier {
+ color: $black_6;
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ @include flex_column;
+
+ .certified_data {
+ @include flex_column;
+
+ .title {
+ text-align: center;
+ margin-right: 0;
+ }
+ }
+ }
+ }
+
+ .certified_time {
+ @include flex_column;
+
+ span {
+ color: $black_4;
+ font-size: 14px;
+ font-weight: 600;
+ margin-bottom: 10px;
+ display: block;
+ }
+
+ a {
+ background-color: white;
+ border: 1px solid $blue;
+ color: $blue;
+ border-radius: 4px;
+ @include flex_row;
+ padding: 10px 20px;
+ width: 155px;
+
+ &:hover {
+ background-color: $blue;
+ color: white;
+ }
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/container.scss b/src/sass/elements/container.scss
new file mode 100644
index 0000000..25d5988
--- /dev/null
+++ b/src/sass/elements/container.scss
@@ -0,0 +1,32 @@
+.container {
+ width: 100%;
+ @include flex_row;
+
+ > * {
+ width: 100%;
+
+ @media only screen and (max-width: 575px) {
+ max-width: 100%;
+ }
+
+ @media only screen and (min-width: 576px) and (max-width: 767px) {
+ max-width: 540px;
+ }
+
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
+ max-width: 720px;
+ }
+
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ max-width: 960px;
+ }
+
+ @media only screen and (min-width: 1200px) and (max-width: 1439px) {
+ max-width: 1140px;
+ }
+
+ @media only screen and (min-width: 1440px) {
+ max-width: 1420px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/squared_list.scss b/src/sass/elements/squared_list.scss
new file mode 100644
index 0000000..39e64a7
--- /dev/null
+++ b/src/sass/elements/squared_list.scss
@@ -0,0 +1,31 @@
+.squared_list {
+ max-width: 740px;
+ width: 100%;
+ @include flex_row;
+ flex-wrap: wrap;
+ margin: 0 auto;
+ gap: 20px;
+
+ .square {
+ width: 170px;
+ height: 145px;
+ background: #FFFFFF;
+ border: 1px solid $black_1;
+ border-radius: 10px;
+ @include flex_column;
+
+ figure {
+ margin-bottom: 23px;
+ }
+
+ small {
+ color: $black_8;
+ }
+
+ &.empty {
+ border: none;
+ background: transparent!important;
+ height: 0;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/stat.scss b/src/sass/elements/stat.scss
new file mode 100644
index 0000000..a1a247a
--- /dev/null
+++ b/src/sass/elements/stat.scss
@@ -0,0 +1,17 @@
+.stat {
+ width: 250px;
+
+ .quantity {
+ font-weight: bold;
+ font-size: 40px;
+ color: $black;
+ margin-bottom: 10px;
+ }
+ .subtitle {
+ font-weight: 600;
+ font-size: 1rem;
+ color: $black_6;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ }
+}
diff --git a/src/sass/elements/switch.scss b/src/sass/elements/switch.scss
new file mode 100644
index 0000000..693b8f5
--- /dev/null
+++ b/src/sass/elements/switch.scss
@@ -0,0 +1,37 @@
+.switch {
+ background-color: $gray;
+ border-radius: 100px;
+ padding: 8px;
+ @include flex_row;
+ width: auto;
+
+ div {
+ color: $black;
+ padding: 8px 16px;
+ height: 30px;
+ font-weight: 600;
+ cursor: default;
+ user-select: none;
+ border-radius: 30px;
+ @include flex_row(center);
+ margin-left: 5px;
+
+ &:first-of-type {
+ margin-left: 0;
+ }
+
+ &.selected {
+ background-color: $white;
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
+
+
+ &:hover {
+ background-color: #fcfcfc6b;
+ }
+ }
+
+ &:hover {
+ background-color: #fcfcfc6b;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/terminal.scss b/src/sass/elements/terminal.scss
new file mode 100644
index 0000000..947202e
--- /dev/null
+++ b/src/sass/elements/terminal.scss
@@ -0,0 +1,156 @@
+.terminal {
+ background-color: #282a36;
+ color: $white;
+ border-top-right-radius: 7px;
+ border-top-left-radius: 7px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ padding-bottom: 8px;
+
+ .line-in-terminal {
+ @include flex_row(flex-start);
+
+ .apple {
+ width: 10px;
+ height: auto;
+ margin-right: 5px;
+ }
+
+ .folder {
+ height: 10px;
+ width: auto;
+ margin-right: 5px;
+ }
+
+ span {
+ font-family: "Consolas", sans-serif!important;
+
+ &.green {
+ color: #fcfcfc;
+ }
+ &.blue {
+ color: #4baef8;
+ }
+ }
+
+ ul {
+ @include flex_row(flex-start);
+ padding: 3px 11px 3px 10px;
+ background-color: #282a36;
+ position: relative;
+
+ &::before {
+ position: absolute;
+ border: solid black;
+ border-width: 0 3px 3px 0;
+ display: inline-block;
+ padding: 3px;
+ right: 0;
+ bottom: 0;
+ transform: rotate(-45deg);
+ }
+
+ li {
+ color: $white;
+ font-size: 13px;
+ font-family: "Consolas", sans-serif!important;
+ color: #fcfcfc;
+ @include flex_row;
+ }
+ }
+
+ // Móvil
+ @media only screen and (max-width: 575px) {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ }
+ }
+
+ .barra_title {
+ @include flex_row(flex-start);
+ background-color: #efeff0;
+ width: 100%;
+ border-top-right-radius: 7px;
+ border-top-left-radius: 7px;
+ border: 1px solid #b8b9ba;
+ height: 25px;
+ position: relative;
+ user-select: none;
+
+ .actions {
+ @include flex_row;
+ padding-left: 10px;
+
+ div {
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ background-color: red;
+ margin-right: 3px;
+
+ &.close {
+ background-color: #ed6a5e;
+ }
+
+ &.maxim {
+ background-color: #61c354;
+ }
+
+ &.mini {
+ background-color: #f5bf4f;
+ }
+ }
+ }
+
+ .title {
+ position: absolute;
+ margin: 0 auto;
+ left: 50%;
+ transform: translateX(-50%);
+ color: #747577;
+ font-family: "Consolas", sans-serif;
+ }
+ }
+
+ .tabs_content {
+ // Desde tabla para arriba
+ @media only screen and (min-width: 576px) {
+ padding: 10px;
+ }
+
+ }
+
+ .square {
+ background-color: #8b86860d;
+ small {
+ color: $white;
+ }
+ }
+
+ .switch {
+ justify-content: flex-start;
+ background-color: transparent;
+ padding: 0;
+ align-items: flex-start;
+ margin-bottom: 0!important;
+
+ @media only screen and (max-width: 575px) {
+ justify-content: center;
+ gap: 3px;
+ }
+
+ div {
+ background-color: #2d2f3a;
+ box-shadow: none;
+ border-radius: 0;
+ margin-left: 0;
+ color: #c9cacc;
+ font-weight: normal;
+
+ &.selected {
+ background-color: transparent;
+ color: $white;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/sass/elements/time_line.scss b/src/sass/elements/time_line.scss
new file mode 100644
index 0000000..7dc1fb9
--- /dev/null
+++ b/src/sass/elements/time_line.scss
@@ -0,0 +1,172 @@
+@mixin left_part($circle : -56px) {
+ &::after {
+ right: unset;
+ left: -3px;
+ box-shadow: -2px -3px 3px rgb(0 0 0 / 10%)
+ }
+ &::before {
+ right: unset;
+ left: $circle;
+ }
+}
+
+.time_line {
+ width: 100%;
+ @include flex_column;
+ position: relative;
+
+ &::before {
+ content: "";
+ position: absolute;
+ width: 1px;
+ height: 100%;
+ border-left: 2px solid $black_1;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+
+ .time_line_section {
+ width: 100%;
+ max-width: 1145px;
+
+ .time_line__item {
+ width: 100%;
+ max-width: 530px;
+ // Hasta tablets
+ @media only screen and (max-width: 1199px) {
+ max-width: 100%;
+ }
+ height: auto;
+ background: #FFF;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+ border-radius: 20px;
+ padding: 40px;
+ position: relative;
+
+ &::after {
+ content: "";
+ width: 10px;
+ height: 10px;
+ transform: rotate(-45deg);
+ background: #fff;
+ position: absolute;
+ box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
+ top: 51px;
+ right: -3px;
+ }
+
+ &::before {
+ content: "";
+ background-color: $gray_dark_2;
+ width: 18px;
+ height: 18px;
+ border: 4px solid $white;
+ border-radius: 50%;
+ position: absolute;
+ top: 44px;
+ right: -56px;
+ }
+
+ header {
+ position: relative;
+ user-select: none;
+
+ .arrow {
+ top: -18px;
+ right: -32px;
+ transform: scale(0.2);
+ }
+ }
+
+ h5 {
+ margin-bottom: 16px;
+ font-size: 24px;
+ font-size: bold;
+ }
+
+ small {
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ color: $black_6;
+ }
+
+ p {
+ margin-top: 24px;
+ color: $gray_dark;
+ text-align: justify;
+ line-height: 24px;
+ }
+
+ footer {
+ @include flex_row(space-between);
+ margin-top: 35px;
+
+ ul {
+ @include flex_row(flex-start);
+ flex-wrap: wrap;
+ gap: 16px;
+
+ img {
+ height: 32px;
+ width: auto;
+ }
+ }
+
+ a {
+ width: 48px;
+ height: 48px;
+ border: 1px solid $gray_dark_2;
+ border-radius: 8px;
+ @include flex_column;
+ }
+
+ }
+ }
+
+ @include flex_row(flex-start);
+
+ &:nth-child(2n) {
+ justify-content: flex-end;
+
+ .time_line__item {
+ @include left_part
+ }
+ }
+
+ }
+
+ // Hasta tablas
+ @media only screen and (max-width: 1199px) {
+ padding-right: 10px;
+
+ &::before {
+ left: 15px;
+ }
+
+ .time_line_section {
+
+ .time_line__item {
+ margin-left: 40px;
+ margin-bottom: 25px;
+
+ @include left_part(-37px)
+ }
+
+ &:last-child {
+ margin-bottom: 0px;
+ }
+
+ &:nth-child(2n) {
+ justify-content: flex-start;
+
+ .time_line__item {
+ @include left_part(-37px)
+ }
+ }
+
+
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/src/sass/main.scss b/src/sass/main.scss
new file mode 100644
index 0000000..0d34bff
--- /dev/null
+++ b/src/sass/main.scss
@@ -0,0 +1,27 @@
+@import './tools/mixins.scss';
+@import './settings/colors.scss';
+@import './settings/format.scss';
+@import './settings/typography.scss';
+@import './animations/blink.scss';
+@import './animations/entry_component.scss';
+@import './elements/container.scss';
+@import './elements/stat.scss';
+@import './elements/bg.scss';
+@import './elements/box.scss';
+@import './elements/switch.scss';
+@import './elements/squared_list.scss';
+@import './elements/time_line.scss';
+@import './elements/arrow.scss';
+@import './elements/button.scss';
+@import './elements/certified.scss';
+@import './elements/terminal.scss';
+@import './components/topnav.scss';
+@import './components/about.scss';
+@import './components/experience.scss';
+@import './components/soft_skills.scss';
+@import './components/professional_skills.scss';
+@import './components/projects.scss';
+@import './components/certificates.scss';
+@import './components/chat.scss';
+@import './components/posts.scss';
+@import './components/footer.scss';
\ No newline at end of file
diff --git a/src/sass/settings/colors.scss b/src/sass/settings/colors.scss
new file mode 100644
index 0000000..3192e8b
--- /dev/null
+++ b/src/sass/settings/colors.scss
@@ -0,0 +1,11 @@
+$white : #fff;
+$gray: #fbfcfc;
+$black: #282d34;
+$gray_dark : #747577;
+$gray_dark_2 : #D5D5D5;
+$black_1: rgba(0, 0, 0, 0.1);
+$black_4: rgba(0, 0, 0, 0.4);
+$black_6: rgba(0, 0, 0, 0.6);
+$black_8: rgba(0, 0, 0, 0.8);
+$blue: #282936;
+$green: #00cd9a;
\ No newline at end of file
diff --git a/src/sass/settings/format.scss b/src/sass/settings/format.scss
new file mode 100644
index 0000000..c9ef2e9
--- /dev/null
+++ b/src/sass/settings/format.scss
@@ -0,0 +1,88 @@
+* {
+ margin : 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Gilroy', sans-serif;
+ font-weight: normal;
+}
+html {
+ font-size: 100%;
+ scroll-behavior: smooth;
+}
+body {
+ background-color: $white;
+ font-size: 1rem;
+ color: $black_8;
+ overflow-x:hidden!important;
+
+ .__noise {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+ display: block;
+ width: 100%;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ background-image: url('/images/noise.gif');
+ background-size: 100px 100px;
+ opacity: .24;
+ }
+}
+small, h4 {
+ font-family: 'Consolas', sans-serif;
+}
+h1, h2 {
+ font-weight: 900;
+}
+h3, h4 {
+ font-weight: bold;
+}
+h5, h6 {
+ font-weight: 600;
+}
+h3 {
+ color: $black_4;
+}
+h5 {
+ color: $black;
+}
+ul {
+ list-style: none;
+}
+a {
+ transition: all 0.2s ease-in-out;
+ text-decoration: none;
+}
+strong {
+ font-weight: 600;
+}
+::-webkit-scrollbar {
+ width: 4px;
+}
+::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgb(218, 216, 216);
+}
+::-webkit-scrollbar-thumb {
+ background: $blue;
+}
+::-webkit-scrollbar-thumb:hover {
+ background: $blue;
+}
+::selection {
+ background: $blue; /* WebKit/Blink Browsers */
+ color: $white;
+}
+::-moz-selection {
+ background: $blue; /* Gecko Browsers */
+ color: $white;
+}
+// Móvil
+@media only screen and (max-width: 575px) {
+ .no-mobile {
+ display: none!important;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/settings/typography.scss b/src/sass/settings/typography.scss
new file mode 100644
index 0000000..1f9a9f7
--- /dev/null
+++ b/src/sass/settings/typography.scss
@@ -0,0 +1,49 @@
+@font-face {
+ font-family: 'Gilroy';
+ font-style: normal;
+ font-weight: lighter;
+ src: url('/fonts/Gilroy-Light.ttf');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Gilroy';
+ font-style: normal;
+ font-weight: normal;
+ src: url('/fonts/Gilroy-Regular.ttf');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Gilroy';
+ font-style: normal;
+ font-weight: 600;
+ src: url('/fonts/Gilroy-SemiBold.ttf');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Gilroy';
+ font-style: normal;
+ font-weight: bold;
+ src: url('/fonts/Gilroy-Bold.ttf');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Gilroy';
+ font-style: normal;
+ font-weight: 900;
+ src: url('/fonts/Gilroy-Heavy.ttf');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Consolas';
+ font-style: normal;
+ font-weight: normal;
+ src: url('/fonts/CONSOLA.TTF');
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Consolas';
+ font-style: normal;
+ font-weight: bold;
+ src: url('/fonts/CONSOLAB.TTF');
+ font-display: swap;
+}
diff --git a/src/sass/tools/mixins.scss b/src/sass/tools/mixins.scss
new file mode 100644
index 0000000..e4a54e0
--- /dev/null
+++ b/src/sass/tools/mixins.scss
@@ -0,0 +1,23 @@
+@mixin flex_row($justify: center) {
+ display: flex;
+ justify-content: $justify;
+ align-content: center;
+ align-items: center;
+ flex-direction: row;
+}
+
+@mixin flex_column($justify: center) {
+ display: flex;
+ justify-content: $justify;
+ align-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+
+@mixin flex_column_reverse($justify: center) {
+ display: flex;
+ justify-content: $justify;
+ align-content: center;
+ align-items: center;
+ flex-direction: column-reverse;
+}
\ No newline at end of file
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..90d7758
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,25 @@
+import { createStore } from 'vuex'
+
+const LANG_LOCAL_STORAGE_NAME = '____page_language____'
+
+export default createStore({
+ state: {
+ lang: localStorage.getItem(LANG_LOCAL_STORAGE_NAME) || import.meta.env.VITE_APP_DEFAULT_LANGUAGE,
+ },
+ getters: {
+ lang(state) {
+ if (['es','en'].indexOf(state.lang) != -1) {
+ return state.lang
+ }
+
+ return import.meta.env.VITE_APP_DEFAULT_LANGUAGE
+ },
+ },
+ mutations: {
+ change_language(state, lang : 'es'|'en') {
+ state.lang = lang
+ localStorage.setItem(LANG_LOCAL_STORAGE_NAME, lang);
+ },
+ },
+ actions: {},
+})
diff --git a/src/tests/App.test.ts b/src/tests/App.test.ts
new file mode 100644
index 0000000..c924dbd
--- /dev/null
+++ b/src/tests/App.test.ts
@@ -0,0 +1,17 @@
+import mockStore from './store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import App from '../App.vue'
+
+describe('App.vue', () => {
+ const wrapper = mount(App, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('it should render __noise div class', async () => {
+ const div = wrapper.get('div.__noise')
+ expect(div.html()).to.equal('')
+ })
+})
\ No newline at end of file
diff --git a/src/tests/components/AboutMe.test.ts b/src/tests/components/AboutMe.test.ts
new file mode 100644
index 0000000..59d6fe0
--- /dev/null
+++ b/src/tests/components/AboutMe.test.ts
@@ -0,0 +1,19 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import about_me from '../../langs/about_me'
+import AboutMe from '../../components/AboutMe.vue'
+
+describe('components/AboutMe.vue', () => {
+ const wrapper = mount(AboutMe, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('h1.js-web-developer')
+ expect(div.text()).to.equal(about_me.es.develop)
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/CertificatesList.test.ts b/src/tests/components/CertificatesList.test.ts
new file mode 100644
index 0000000..8d10d2b
--- /dev/null
+++ b/src/tests/components/CertificatesList.test.ts
@@ -0,0 +1,55 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import CertificatesList from '../../components/CertificatesList.vue'
+import certificates_list from '../../langs/certificates_list'
+import certificates from '../../data/certificates'
+
+describe('components/CertificatesList.vue', () => {
+ const wrapper = mount(CertificatesList, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ const MAX_CERTIFICATES_SHOWN_BY_DEFAULT = 5
+ const CERTIFICATES_FOR_EACH_CLICK = 4
+
+ it('It should render', async () => {
+ const div = wrapper.get('h1')
+ expect(div.text()).to.equal(certificates_list['es'].certificates)
+ })
+
+ it('It should get 6 certificates, after click show more button, see 10 certificates', async () => {
+ // get list of certificates
+ let div = wrapper.findAll('.certified')
+ expect(div.length).to.equal(MAX_CERTIFICATES_SHOWN_BY_DEFAULT) // 5 first
+
+ // load more click
+ const button = wrapper.find('button.button')
+ await button.trigger('click')
+
+ // get certificates again
+ div = wrapper.findAll('.certified')
+ expect(div.length).to.equal(MAX_CERTIFICATES_SHOWN_BY_DEFAULT + CERTIFICATES_FOR_EACH_CLICK) // 4 more
+ })
+
+ it('It should disable the load more button when the certificates shown are equal to total certificates', async () => {
+ // count the total clicks
+ const clicks = Math.ceil((certificates.length - MAX_CERTIFICATES_SHOWN_BY_DEFAULT) / CERTIFICATES_FOR_EACH_CLICK)
+
+ // get the button
+ const button = wrapper.find('button.button')
+
+ // load more clicks
+ for (let i = 0; i < clicks; i++) {
+ await button.trigger('click')
+ }
+
+ // in this point should be disappear the load more button
+ const div_button = wrapper.find('div.load_more')
+ const attr = div_button.attributes()
+ expect(attr.style).to.equal('display: none;')
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/MyExperience.test.ts b/src/tests/components/MyExperience.test.ts
new file mode 100644
index 0000000..8d33bdd
--- /dev/null
+++ b/src/tests/components/MyExperience.test.ts
@@ -0,0 +1,18 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import MyExperience from '../../components/MyExperience.vue'
+import my_experience from '../../langs/my_experience'
+
+describe('components/MyExperience.vue', () => {
+ const wrapper = mount(MyExperience, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const h1 = wrapper.get('h1') // Change this line to get 'h1' element
+ expect(h1.text()).to.equal(my_experience['es'].my_exp)
+ })
+})
diff --git a/src/tests/components/PageFooter.test.ts b/src/tests/components/PageFooter.test.ts
new file mode 100644
index 0000000..e7228b3
--- /dev/null
+++ b/src/tests/components/PageFooter.test.ts
@@ -0,0 +1,18 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import PageFooter from '../../components/PageFooter.vue'
+import page_footer from '../../langs/page_footer'
+
+describe('components/PageFooter.vue', () => {
+ const wrapper = mount(PageFooter, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const anchor = wrapper.find('a') // Change this line to find 'a' element without specifying id
+ expect(anchor.text()).to.equal(page_footer['es'].back_up)
+ })
+})
diff --git a/src/tests/components/ProfessionalSkills.test.ts b/src/tests/components/ProfessionalSkills.test.ts
new file mode 100644
index 0000000..e4ecc18
--- /dev/null
+++ b/src/tests/components/ProfessionalSkills.test.ts
@@ -0,0 +1,31 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import ProfessionalSkills from '../../components/ProfessionalSkills.vue'
+import professional_skills from '../../langs/professional_skills'
+
+describe('components/ProfessionalSkills.vue', () => {
+ const wrapper = mount(ProfessionalSkills, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('div.js-front-tab')
+ expect(div.text()).to.equal(professional_skills['es'].cloud_publica)
+ })
+
+ it.concurrent('It change the tab', async () => {
+ // get the tools tab button
+ let div = wrapper.find('div.js-tools-tab')
+
+ // click him
+ await div.trigger('click')
+
+ // selected should be tools
+ div = wrapper.find('div.selected')
+ expect(div.text()).to.equal(professional_skills['es'].tools) // 4 more
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/ProjectsTimeLine.test.ts b/src/tests/components/ProjectsTimeLine.test.ts
new file mode 100644
index 0000000..dc83c36
--- /dev/null
+++ b/src/tests/components/ProjectsTimeLine.test.ts
@@ -0,0 +1,55 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import ProjectsTimeLine from '../../components/ProjectsTimeLine.vue'
+import projects_time_line from '../../langs/projects_time_line'
+import projects from '../../data/projects'
+
+describe('components/ProjectsTimeLine.vue', () => {
+ const wrapper = mount(ProjectsTimeLine, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ const MAX_PROJECTS_SHOWN_BY_DEFAULT = 6
+ const PROJECTS_FOR_EACH_CLICK = 4
+
+ it('It should render', async () => {
+ const div = wrapper.get('h1')
+ expect(div.text()).to.equal(projects_time_line['es'].projects)
+ })
+
+ it('It should get 6 projects, after click show more button, see 10 projects', async () => {
+ // get list of projects
+ let div = wrapper.findAll('.time_line_section')
+ expect(div.length).to.equal(MAX_PROJECTS_SHOWN_BY_DEFAULT)
+
+ // load more click
+ const button = wrapper.find('button.button')
+ await button.trigger('click')
+
+ // get projects again
+ div = wrapper.findAll('.time_line_section')
+ expect(div.length).to.equal(MAX_PROJECTS_SHOWN_BY_DEFAULT + PROJECTS_FOR_EACH_CLICK)
+ })
+
+ it('It should disable the load more button when the projects shown are equal to total projects', async () => {
+ // count the total clicks
+ const clicks = Math.ceil((projects.es.length - MAX_PROJECTS_SHOWN_BY_DEFAULT) / PROJECTS_FOR_EACH_CLICK)
+
+ // get the button
+ const button = wrapper.find('button.button')
+
+ // load more clicks
+ for (let i = 0; i < clicks; i++) {
+ await button.trigger('click')
+ }
+
+ // in this point should be disappear the load more button
+ const div_button = wrapper.find('div.load_more')
+ const attr = div_button.attributes()
+ expect(attr.style).to.equal('display: none;')
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/SoftSkills.test.ts b/src/tests/components/SoftSkills.test.ts
new file mode 100644
index 0000000..40155e2
--- /dev/null
+++ b/src/tests/components/SoftSkills.test.ts
@@ -0,0 +1,19 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import soft_skills from '../../langs/soft_skills'
+import SoftSkills from '../../components/SoftSkills.vue'
+
+describe('components/SoftSkills.vue', () => {
+ const wrapper = mount(SoftSkills, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('.soft_skills_title')
+ expect(div.text()).to.equal(soft_skills['es'].skills)
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/TopNav.test.ts b/src/tests/components/TopNav.test.ts
new file mode 100644
index 0000000..7e87e3b
--- /dev/null
+++ b/src/tests/components/TopNav.test.ts
@@ -0,0 +1,34 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import TopNav from '../../components/TopNav.vue'
+
+describe('components/TopNav.vue', () => {
+ const wrapper = mount(TopNav, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('header')
+ const attr = div.attributes()
+ expect(attr.id).to.equal('heaven')
+ })
+
+ it.concurrent('It should change the language', async () => {
+ let expected = '
English
'
+
+ // get button
+ let div = wrapper.find('.js-change-lang-en')
+ expect(div.html()).not.to.equal(expected)
+
+ // change lang click
+ await div.trigger('click')
+
+ // get projects again
+ div = wrapper.find('div.selected')
+ expect(div.html()).to.equal(expected)
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/components/projects/Project.test.ts b/src/tests/components/projects/Project.test.ts
new file mode 100644
index 0000000..5095c47
--- /dev/null
+++ b/src/tests/components/projects/Project.test.ts
@@ -0,0 +1,48 @@
+import mockStore from '../../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import Project from '../../../components/projects/Project.vue'
+
+describe('components/projects/Project.vue', () => {
+ const mockProject = {
+ title : 'test name of project',
+ type: 'test',
+ desc: 'test description of project',
+ from: 'test',
+ to: null,
+ techs: ['php'],
+ link: null,
+ }
+
+ const wrapper = mount(Project, {
+ global: {
+ plugins: [mockStore],
+ },
+ props: {
+ p : mockProject
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('h5')
+ expect(div.text()).to.equal(mockProject.title)
+ })
+
+ it.concurrent('It should show the description of project', async () => {
+ let div = wrapper.get('p.js-project-description')
+ let attr = div.attributes()
+ expect(attr.style).to.equal('display: none;')
+
+ // button
+ const header = wrapper.get('header')
+
+ // click
+ await header.trigger('click')
+
+ // check again
+ div = wrapper.get('p.js-project-description')
+ attr = div.attributes()
+ expect(attr.style).to.equal(undefined)
+ })
+
+})
\ No newline at end of file
diff --git a/src/tests/store_mock.ts b/src/tests/store_mock.ts
new file mode 100644
index 0000000..730edc3
--- /dev/null
+++ b/src/tests/store_mock.ts
@@ -0,0 +1,24 @@
+import { createStore } from 'vuex'
+
+const mockStore = createStore({
+ state: {
+ lang: 'es',
+ },
+ getters: {
+ lang(state) {
+ if (['es','en'].indexOf(state.lang) != -1) {
+ return state.lang
+ }
+
+ return 'es'
+ },
+ },
+ mutations: {
+ change_language(state, lang : 'es'|'en') {
+ state.lang = lang
+ },
+ },
+ actions: {},
+})
+
+export default mockStore
\ No newline at end of file
diff --git a/src/tests/utils/increaser.test.ts b/src/tests/utils/increaser.test.ts
new file mode 100644
index 0000000..610dfda
--- /dev/null
+++ b/src/tests/utils/increaser.test.ts
@@ -0,0 +1,12 @@
+import { describe, it, expect } from 'vitest'
+import { ref, Ref } from '@vue/runtime-core'
+import { useIncreaser } from "../../utils/increaser"
+
+describe('utils/increaser.ts', () => {
+ it('it should increase the number', async () => {
+ const INCREASE_EXPECTED = 10
+ const reactive : Ref = ref(0)
+ await useIncreaser(reactive, INCREASE_EXPECTED, 5)
+ expect(reactive.value).to.equal(INCREASE_EXPECTED)
+ })
+})
\ No newline at end of file
diff --git a/src/tests/utils/langs.test.ts b/src/tests/utils/langs.test.ts
new file mode 100644
index 0000000..7375fe1
--- /dev/null
+++ b/src/tests/utils/langs.test.ts
@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest'
+import { useLang } from "../../utils/langs"
+import { Langs } from '../../types/langs'
+
+describe('utils/langs.ts', () => {
+ const mockLang : Langs = {
+ 'es' : {
+ 'test' : 'test en español'
+ },
+ 'en' : {
+ 'test' : 'test in english'
+ }
+ }
+
+ it('it should do change depend of the lang', async () => {
+ let result = useLang(mockLang, 'es')
+ expect(result.test).to.equal(mockLang.es.test)
+
+ result = useLang(mockLang, 'en')
+ expect(result.test).to.equal(mockLang.en.test)
+ })
+})
\ No newline at end of file
diff --git a/src/tests/utils/writer.test.ts b/src/tests/utils/writer.test.ts
new file mode 100644
index 0000000..2ec5018
--- /dev/null
+++ b/src/tests/utils/writer.test.ts
@@ -0,0 +1,24 @@
+import { describe, it, expect } from 'vitest'
+import { ref, Ref } from '@vue/runtime-core'
+import { useWriter } from "../../utils/writer"
+
+describe('utils/writer.ts', () => {
+ it('it should fill the string', async () => {
+ const FULL_STRING_EXPECTED = 'this is a test'
+
+ const reactive : Ref = ref('')
+
+ await useWriter(reactive, FULL_STRING_EXPECTED, false, 5)
+ expect(reactive.value).to.equal(FULL_STRING_EXPECTED)
+ })
+
+ it.concurrent('it should fill the string with blink _', async () => {
+ const FULL_STRING_FILL = 'this is a test'
+ const FULL_STRING_EXPECTED = FULL_STRING_FILL + '_'
+
+ const reactive : Ref = ref('')
+
+ await useWriter(reactive, FULL_STRING_FILL, true, 5)
+ expect(reactive.value).to.equal(FULL_STRING_EXPECTED)
+ })
+})
\ No newline at end of file
diff --git a/src/tests/views/LandingView.test.ts b/src/tests/views/LandingView.test.ts
new file mode 100644
index 0000000..b7be1c2
--- /dev/null
+++ b/src/tests/views/LandingView.test.ts
@@ -0,0 +1,19 @@
+import mockStore from '../store_mock'
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import LandingView from '../../views/LandingView.vue'
+
+describe('components/LandingView.vue', () => {
+ const wrapper = mount(LandingView, {
+ global: {
+ plugins: [mockStore],
+ }
+ })
+
+ it('It should render', async () => {
+ const div = wrapper.get('main')
+ const attr = div.attributes()
+ expect(attr.class).to.equal("LandingView_Layout")
+ })
+
+})
\ No newline at end of file
diff --git a/src/types/langs.ts b/src/types/langs.ts
new file mode 100644
index 0000000..2c52567
--- /dev/null
+++ b/src/types/langs.ts
@@ -0,0 +1,7 @@
+interface Lang {
+ [key: string] : string
+}
+
+export type Langs = {
+ [key in 'es' | 'en']: Lang
+}
\ No newline at end of file
diff --git a/src/utils/increaser.ts b/src/utils/increaser.ts
new file mode 100644
index 0000000..45f714b
--- /dev/null
+++ b/src/utils/increaser.ts
@@ -0,0 +1,9 @@
+import { Ref } from '@vue/runtime-core'
+
+export async function useIncreaser(reactive : Ref, to : number, speed : number = 80) {
+ reactive.value = 0
+ for (let i = 0; i < to; i++) {
+ reactive.value++
+ await new Promise(r => setTimeout(r, speed));
+ }
+}
\ No newline at end of file
diff --git a/src/utils/langs.ts b/src/utils/langs.ts
new file mode 100644
index 0000000..3e85da3
--- /dev/null
+++ b/src/utils/langs.ts
@@ -0,0 +1,5 @@
+import { Langs } from '../types/langs'
+
+export function useLang(l : Langs, actual_lang : 'es'|'en') {
+ return l[ actual_lang ]
+}
\ No newline at end of file
diff --git a/src/utils/writer.ts b/src/utils/writer.ts
new file mode 100644
index 0000000..ece7bba
--- /dev/null
+++ b/src/utils/writer.ts
@@ -0,0 +1,23 @@
+import { Ref, computed } from '@vue/runtime-core'
+
+const EMPTY_REACTIVE_VALUE = ""
+
+export async function useWriter(reactive : Ref, filled : string, blink : boolean = false, speed : number = 30) {
+ reactive.value = EMPTY_REACTIVE_VALUE
+
+ for (let i = 0; i < filled.length; i++) {
+ await new Promise(r => setTimeout(r, speed));
+
+ // Avoid write in $reactive when $filled has changed but the promise do not resolve yet
+ if (i > 0 && reactive.value == EMPTY_REACTIVE_VALUE) {
+ return
+ }
+
+ reactive.value += filled.charAt(i)
+
+ if (blink && i == (filled.length - 1)) {
+ reactive.value += '_'
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/src/views/LandingView.vue b/src/views/LandingView.vue
new file mode 100644
index 0000000..d7f79c7
--- /dev/null
+++ b/src/views/LandingView.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/staticwebapp.config.json b/staticwebapp.config.json
new file mode 100644
index 0000000..3bee48f
--- /dev/null
+++ b/staticwebapp.config.json
@@ -0,0 +1,15 @@
+{
+ "$schema": "https://aka.ms/azure/static-web-apps-cli/schema",
+ "platform": {
+ "apiRuntime": "node:18"
+ },
+ "configurations": {
+ "portfolio-vitest": {
+ "appLocation": "./portfolio-vitest",
+ "outputLocation": "./portfolio-vitest/dist",
+ "appBuildCommand": "npm run build",
+ "run": "npm run dev",
+ "appDevserverUrl": "http://localhost:3000"
+ }
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..bcc4abd
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,18 @@
+{
+ "compilerOptions": {
+ "target": "esnext",
+ "useDefineForClassFields": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "strict": true,
+ "jsx": "preserve",
+ "sourceMap": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "lib": ["esnext", "dom"],
+ "skipLibCheck": true
+ },
+ "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+ "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..e993792
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,8 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "module": "esnext",
+ "moduleResolution": "node"
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..19a4079
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+
+export default defineConfig({
+ plugins: [vue()],
+ server: {
+ port: 3000
+ },
+})
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
~/var/professional/skills/{{ folder }}_
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+