FIX pdf resume

assets/js/langs.js

@@ -50,7 +50,7 @@ const dictionary = {
 		proactivity: 'Proactividad',
 		responsability: 'Responsabilidad',
 		comunication: 'Comunicación',
-		pdf: 'Formato de impresión',
+		pdf: 'Descargar Currículum',
 		cv: 'Currículum',
 		m2m: 'Mouth 2 Mouth (App, Backend, Microservicio)',
 		m2m_description: 'M2M es una plataforma comercial donde los usuarios pueden administrar y usar personalmente sus datos para comerciar, recibir recompensas y ofertas para su actividad normal en línea y fuera de línea. En este proyecto desarrollé toda la lógica de negocios las interfaces gráficas de la app móvil y el microservicio para la encriptación y desencriptación de los datos.',
@@ -143,7 +143,7 @@ const dictionary = {
 		pnl: 'Neuro-Linguistic Programming',
 		psicologia: 'Behavioral Psychology',
 		desarrollo: 'Personal development',
-		pdf: 'Print format',
+		pdf: 'Download Curriculum',
 		cv: 'Curriculum',
 		m2m: 'Mouth 2 Mouth (App, Backend, Microservice)',
 		m2m_description: 'M2M is a trading platform where users can personally manage and use their data to trade, receive rewards and offers for their normal online and offline activity. In this project I developed all the business logic, the graphical interfaces of the mobile app and the microservice for data encryption and decryption.',

index.html

@@ -105,9 +105,13 @@ <h2 class="container-block-title" data-translate="soft_skills">Habilidades bland
 			<div class="interests-container container-block" id="cv_btn">
 				<h2 class="container-block-title" data-translate="cv">Currículum</h2>
 				<!-- <a target="_blank" href="https://drive.google.com/file/d/1CHQrlYjoNFsCaF_8jCpmCsGrMrHBNOYF/view?usp=sharing" class="btn btn-md btn-danger"><i class="fas fa-file-pdf mr-2"></i>Ver en Google Drive</a> -->
-				<a href="#" onclick="print()" class="btn btn-sm btn-danger">
+				<a
+					href="assets/CV_JOSELOPEZ_2024_ATS.pdf"
+					target="_blank" class="btn btn-sm btn-danger"
+					onclick="//print()"
+				>
 					<i class="fas fa-file-pdf mr-2"></i>
-					<span data-translate="pdf">Formato de impresión</span>
+					<span data-translate="pdf">Descargar Curriculum</span>
 				</a>
 			</div>
 		</div>
@@ -492,102 +496,106 @@ <h2 class="section-title">
 				<div class="skillset">
 
 					<div class="d-flex justify-content-md-around justify-content-sm-around justify-content-lg-between flex-wrap">
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/html.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">HTML5 & CSS3</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/bootstrap.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Bootstrap 4</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/javascript.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Javascript</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/react.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">React.js</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/nodejs.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Node.js</h3>
 						</div>
 					</div>
 
 					<div class="d-flex justify-content-md-around justify-content-sm-around justify-content-lg-between flex-wrap">
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/reactnative.png" alt="svg image"/>
 							<h3 class="level-title mt-2">React Native</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/vuejs.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Vue.js</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/expressjs.png" alt="svg image"/>
 							<h3 class="level-title mt-2">Express.js</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/adonis.png" alt="png image"/>
 							<h3 class="level-title mt-2">Adonis.js</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/php.png" alt="svg image"/>
 							<h3 class="level-title mt-2">PHP</h3>
 						</div>
 					</div>
 
 					<div class="d-flex justify-content-md-around justify-content-sm-around justify-content-lg-between flex-wrap">
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/laravel.png" alt="svg image"/>
 							<h3 class="level-title mt-2">Laravel</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/codeigniter.png" alt="svg image"/>
 							<h3 class="level-title mt-2">Codeigniter 3</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/ts.png" alt="png image"/>
 							<h3 class="level-title mt-2">TypeScript</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/bd.png" alt="png image"/>
 							<h3 class="level-title mt-2">MySQL / PostgreSQL</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/git.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">GIT</h3>
 						</div>
 					</div>
 
 					<div class="d-flex justify-content-md-around justify-content-sm-around justify-content-lg-between flex-wrap">
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/agile.png" alt="png image"/>
 							<h3 class="level-title mt-2" data-translate="agile">Metodologías ágiles</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/tailwindcss.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Tailwindcss</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/vuetify.png" alt="png image"/>
 							<h3 class="level-title mt-2">Vuetify</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/nextjs.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Next.js</h3>
 						</div>
-						<div class="item d-flex align-items-center">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/redux.png" alt="png image"/>
 							<h3 class="level-title mt-2">Redux</h3>
 						</div>
 					</div>
 
-					<div class="d-flex justify-content-md-around justify-content-sm-around justify-content-lg-between flex-wrap">
-						<div class="item d-flex align-items-center">
+					<div class="d-flex justify-content-center flex-wrap">
+						<div class="item d-flex align-items-center mr-4">
 							<img class="icon" src="./assets/icons/firebase.svg" alt="svg image"/>
 							<h3 class="level-title mt-2">Firebase</h3>
 						</div>
+						<div class="item d-flex align-items-center mr-4">
+							<img class="icon" src="./assets/icons/expoicon.ico" alt="ico image"/>
+							<h3 class="level-title mt-2">Expo</h3>
+						</div>
 					</div>
 
 				</div>