diff --git a/public/images/enerlinq.com.png b/public/images/enerlinq.com.png new file mode 100644 index 0000000..38212ab Binary files /dev/null and b/public/images/enerlinq.com.png differ diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 4cd3fc0..d2347a5 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,4 +1,3 @@ -import React from "react"; import HeaderResume from "./HeaderResume"; import HeaderProfile from "./HeaderProfile"; import "../styles/Header.scss"; diff --git a/src/components/HeaderProfile.tsx b/src/components/HeaderProfile.tsx index 29fe5da..7d9c5b4 100644 --- a/src/components/HeaderProfile.tsx +++ b/src/components/HeaderProfile.tsx @@ -1,4 +1,3 @@ -import React from "react"; import "../styles/HeaderProfile.scss"; import Box from "./Box"; diff --git a/src/components/HeaderResume.tsx b/src/components/HeaderResume.tsx index 82c7e7e..6bb1fe3 100644 --- a/src/components/HeaderResume.tsx +++ b/src/components/HeaderResume.tsx @@ -4,6 +4,8 @@ import Box from "./Box"; import Icon from "./icons/Icon"; function HeaderResume() { + const name = 'Jonás Perusquía Morales'; + const job = 'Chief Technology Officer at Enerlinq Innovations'; const socialNetworks = [ { name: "Facebook", @@ -73,27 +75,26 @@ function HeaderResume() { ), - url: "mailto:jonaspm_99@outlook.com", + url: "mailto:jperusm@outlook.com", }, ]; return ( -
+

- - Jonás Perusquía Morales + + {name} -

- Senior Software Associate at Concentrix Catalyst + {job}
- {socialNetworks.map((socialNetwork, index) => { + {socialNetworks.map(socialNetwork => { return ( diff --git a/src/styles/global.scss b/src/styles/global.scss index 094522a..6ee7d39 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -48,4 +48,4 @@ body { font-weight: var(--font-weight); text-shadow: var(--font-shadow); font-size: var(--font-size); -} +} \ No newline at end of file diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 14ed546..c653b57 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -15,8 +15,7 @@ module.exports = { }, extend: { animation: { - typewriter: "typewriter 5s steps(23) 0s infinite alternate both", - blinking: "blinkTextCursor 800ms infinite normal", + typewriter: "typewriter 8s steps(23) -6s infinite alternate both, blinkTextCursor 800ms infinite normal", "fade-in": "fadeIn 800ms calc(var(--delay-index) * 0.5s) ease-out forwards", }, @@ -32,9 +31,9 @@ module.exports = { }, }, typewriter: { - "0%": { width: "0" }, - "20%": { width: "0" }, - "80%": { width: "100%" }, + "0%": { width: "0%" }, + "37.5%": { width: "0%" }, + "62.5%": { width: "100%" }, "100%": { width: "100%" }, }, blinkTextCursor: {