diff --git a/app/components/Resume.jsx b/app/components/Resume.jsx index 2903d50..277df0b 100644 --- a/app/components/Resume.jsx +++ b/app/components/Resume.jsx @@ -3,7 +3,7 @@ import { StyleSheet, Text, View } from 'react-native'; import ReactToPrint from "react-to-print"; import "./resume.css"; import me from '../public/data/me.json'; - +import { FaLinkedin, FaGithub, FaEnvelope, FaPhoneAlt, FaHandPaper } from 'react-icons/fa'; class ComponentToPrint extends React.Component { render() { @@ -14,14 +14,35 @@ class ComponentToPrint extends React.Component {

{me.name}

{me.title}. - Phone: {me.contact.phone} - Web: {me.contact.website} + + + {me.contact.phone} + + + + + {me.contact.website} + +
Currently based in {me.location}. - LinkedIn: {me.contact.linkedin} - Email: {me.contact.email} + + + {me.contact.linkedin} + + + + + {me.contact.github} + + + + + {me.contact.email} + +
My Photo @@ -60,7 +81,7 @@ class ComponentToPrint extends React.Component {
- {/*
-
Page 2/2
-
*/} ); } @@ -104,9 +122,13 @@ class ComponentToPrint extends React.Component { class Resume extends React.Component { render() { return ( - + } + trigger={() => ( + + )} content={() => this.componentRef} /> (this.componentRef = el)} /> diff --git a/app/components/resume.css b/app/components/resume.css index edfc7e9..a163c75 100644 --- a/app/components/resume.css +++ b/app/components/resume.css @@ -132,4 +132,39 @@ body { text-align-last: justify; /* word-spacing: 2px; */ text-transform: uppercase; +} + +.icon-link { + color: #0b6d00; + text-decoration: none; + display: inline-flex; +} +.icon-link svg { + margin-right: 5px; +} + + +.icon-link:hover { + color: #12b600; +} + +.button-print { + display: inline-block; + padding: 10px 20px; + margin-top: 20px; + background-color: #0b6d00; + color: white; + text-decoration: none; + border-radius: 5px; + font-family: 'Libre Baskerville', serif; + font-size: 16px; + text-transform: uppercase; +} + +.button-print:hover { + background-color: #12b600; +} + +.button-print:active { + background-color: #915500; } \ No newline at end of file diff --git a/app/package-lock.json b/app/package-lock.json index 177e525..2f1249e 100644 --- a/app/package-lock.json +++ b/app/package-lock.json @@ -20,6 +20,7 @@ "expo-web-browser": "~12.8.2", "react": "18.2.0", "react-dom": "18.2.0", + "react-icons": "^5.2.1", "react-native": "0.73.6", "react-native-safe-area-context": "4.8.2", "react-native-screens": "~3.29.0", @@ -16520,6 +16521,14 @@ "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/app/package.json b/app/package.json index 2309874..f2256a9 100644 --- a/app/package.json +++ b/app/package.json @@ -25,6 +25,7 @@ "expo-web-browser": "~12.8.2", "react": "18.2.0", "react-dom": "18.2.0", + "react-icons": "^5.2.1", "react-native": "0.73.6", "react-native-safe-area-context": "4.8.2", "react-native-screens": "~3.29.0", diff --git a/app/public/data/me.json b/app/public/data/me.json index 2994ae6..fbe43f9 100644 --- a/app/public/data/me.json +++ b/app/public/data/me.json @@ -9,8 +9,9 @@ "contact": { "phone": "+4552755971", "email": "daniel.talaman@gmail.com", - "website": "https://talaman.info", - "linkedin": "danieltala" + "website": "hello.talaman.info", + "linkedin": "danieltala", + "github": "talaman" }, "personal_statement": "As a software and machine learning engineer with 15 years of experience, I specialize in MLOps and designing scalable solutions. With a passion for problem-solving, I'm dedicated to overcoming technical challenges and ensuring smooth production. As an adventurer with a global perspective, I've lived in eight countries and traveled to 36, gaining valuable insights and a unique appreciation for diverse cultures.", "skills_and_experience": "Experienced in ML Ops engineering, AI, software development, and project management, with a Bachelor's degree in Computer Science and Engineering, an MBA, and various certifications in Machine Learning, DevOps, and IoT. Fluent in English and Spanish with a basic understanding of Danish. Worked as an MLOps Engineer for TDC Net in Denmark and as an AI Specialist for Republica. Also served as a Senior Software Engineer for Kairos in Chile and a Principal Consultant in Software Factory for Talaman.", diff --git a/me-native.pdf b/me-native.pdf index 6e8cb80..89bb658 100644 Binary files a/me-native.pdf and b/me-native.pdf differ