diff --git a/package.json b/package.json index cd0b4a6..3109be2 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "preview": "vite preview" }, "dependencies": { + "@fontsource-variable/red-hat-display": "^5.1.1", "@fortawesome/fontawesome-svg-core": "^6.7.2", "@fortawesome/free-brands-svg-icons": "^6.7.2", "@fortawesome/react-fontawesome": "^0.2.2", diff --git a/src/App.tsx b/src/App.tsx index 6a2b7bf..f723431 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -7,6 +7,7 @@ import About from './pages/about'; import Contact from './pages/contact'; import Projects from './pages/projects'; import { HashRouter } from 'react-router-dom'; +import '@fontsource-variable/red-hat-display'; function App() { return ( @@ -14,7 +15,10 @@ function App() {
-
+
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx index eb6808a..e3df736 100644 --- a/src/pages/about/index.tsx +++ b/src/pages/about/index.tsx @@ -1,31 +1,12 @@ -import { useEffect, useRef } from 'react'; -import Typed from 'typed.js'; import { Paragraph } from './styles'; import { MainContainer } from '../../components/MainContent/styles'; export default function About() { - const typedElement = useRef(null); - - useEffect(() => { - const typed = new Typed(typedElement.current, { - strings: ["About me"], - typeSpeed: 50, - backSpeed: 25, - loop: false, - }); - - return () => { - typed.destroy(); - }; - }, []); - return ( -

- -

+

About Me

- Hi, I'm Giv, a software engineering student, interning on a nice company located in Minas Gerais in Brazil! + I'm Giv, a software engineering student interning at a nice company located in Minas Gerais, Brazil!
); diff --git a/src/pages/contact/index.tsx b/src/pages/contact/index.tsx index 0d27190..500e017 100644 --- a/src/pages/contact/index.tsx +++ b/src/pages/contact/index.tsx @@ -1,10 +1,8 @@ -import { useEffect, useRef, useState } from 'react'; -import Typed from 'typed.js'; +import { useState } from 'react'; import { Button, Paragraph, TextArea } from './styles'; import { MainContainer } from '../../components/MainContent/styles'; export default function Contact() { - const typedElement = useRef(null); const emailAddress = import.meta.env.VITE_GIV_EMAIL; const [typedText, setTypedText] = useState(''); @@ -13,26 +11,11 @@ export default function Contact() { window.location.href = mailToTrigger } - useEffect(() => { - const typed = new Typed(typedElement.current, { - strings: ["Contact"], - typeSpeed: 50, - backSpeed: 25, - loop: false, - }); - - return () => { - typed.destroy(); - }; - }, []); - return ( -

- -

+

Contact

- If you want to contact me, you can use the links on the Main section, or say something in the field below! (It will open your email client btw) + If you want to contact me, you can use the links above, or say put in the field below to send me an email!