|
18 | 18 |
|
19 | 19 |  |
20 | 20 |  |
21 | | - |
22 | | - |
| 21 | + |
23 | 22 |  |
24 | | - |
25 | | - |
26 | | - |
27 | | - |
28 | | - |
29 | | - |
30 | | - |
31 | | - |
32 | | - |
33 | | - - Used to create the smooth animation in the skills section: |
34 | | -```js |
35 | | -<Marquee |
36 | | - gradient={true} |
37 | | - speed={30} |
38 | | - pauseOnHover={true} |
39 | | - pauseOnClick={true} |
40 | | - delay={0} |
41 | | - play={true} |
42 | | - direction="left" |
43 | | - > |
44 | | - {skillsData.map((skill, id) => ( |
45 | | - <div className="skill--box" key={id} style={skillBoxStyle}> |
46 | | - <img src={skillsImage(skill)} alt={skill} /> |
47 | | - <h3 style={{ color: theme.tertiary }}> |
48 | | - {skill} |
49 | | - </h3> |
50 | | - </div> |
51 | | - ))} |
52 | | - </Marquee> |
53 | | -``` |
54 | | - - Used throughout to output plain html tags using plain html tags: |
55 | | -```js |
56 | | -<Helmet> |
57 | | - <title>{headerData.name} | Projects</title> |
58 | | -</Helmet> |
59 | | -``` |
60 | | - |
| 23 | + |
| 24 | + |
| 25 | + |
| 26 | + |
| 27 | + |
| 28 | + |
61 | 29 |  |
62 | 30 |  |
63 | 31 |  |
|
0 commit comments