GivFNZ/my-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add more skills

Browse Source
This commit is contained in:
GiovaniFZ 2025-02-17 19:21:34 -03:00
parent 7ff356f4b6
commit f9898669f9
No known key found for this signature in database
GPG Key ID: 63DD92181B575322
4 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/about/index.tsx
View File

@ -6,7 +6,7 @@ export default function About() {
<MainContainer> <MainContainer>
<h1>About Me</h1> <h1>About Me</h1>
<Paragraph> <Paragraph>
<span>I'm Giv, a software engineering student, interning and studying in Minas Gerais, Brazil!</span> <span>I'm Giovani, a software engineering student, interning and studying in Minas Gerais, Brazil!</span>
</Paragraph> </Paragraph>
</MainContainer> </MainContainer>
); );

2
src/pages/home/index.tsx
View File

@ -11,7 +11,7 @@ export default function Home() {
useEffect(() => { useEffect(() => {
const typed = new Typed(typedElement.current, { const typed = new Typed(typedElement.current, {
strings: ["Hi, I'm Giv! Welcome to my website!"], strings: ["Hi, I'm Giovani! Welcome to my website!"],
typeSpeed: 70, typeSpeed: 70,
backSpeed: 50, backSpeed: 50,
loop: false, loop: false,

22
src/pages/skills/index.tsx
View File

@ -1,14 +1,28 @@
import { MainContainer } from "../../components/MainContent/styles"; import { MainContainer } from "../../components/MainContent/styles";
import { Paragraph } from "../../components/Paragraph/styles";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faAndroid } from '@fortawesome/free-brands-svg-icons' import { faAndroid, faAngular, faGit, faLinux, faNode, faReact, faWindows } from '@fortawesome/free-brands-svg-icons'
import { SkillsContainer } from "./styles";
export default function Skills() { export default function Skills() {
return ( return (
<MainContainer> <MainContainer>
<h1>Skills</h1> <h1>Skills</h1>
<Paragraph>Hey, check some of my skills:</Paragraph> <SkillsContainer>
<FontAwesomeIcon icon={faAndroid} /> <FontAwesomeIcon size="2x" style={{ color: '#fff' }} icon={faAndroid} />
<p>Android</p>
<FontAwesomeIcon size="2x" icon={faLinux} />
<p>Linux</p>
<FontAwesomeIcon size="2x" icon={faNode} />
<p>Node</p>
<FontAwesomeIcon size="2x" icon={faReact} />
<p>React</p>
<FontAwesomeIcon size="2x" icon={faAngular} />
<p>Angular</p>
<FontAwesomeIcon size="2x" icon={faWindows} />
<p>Windows</p>
<FontAwesomeIcon size="2x" icon={faGit} />
<p>Git</p>
</SkillsContainer>
</MainContainer> </MainContainer>
) )
} }

10
src/pages/skills/styles.ts Normal file
View File

@ -0,0 +1,10 @@
import styled from "styled-components";
export const SkillsContainer = styled.div`
display: flex;
margin-top: 1rem;
p {
margin-left: 0.3rem;
margin-right: 2.5rem;
}
`