Skip to content

Commit

Permalink
fixing cursor working
Browse files Browse the repository at this point in the history
  • Loading branch information
Cesar Faber authored and Cesar Faber committed Feb 9, 2024
1 parent a5c503d commit 2576e59
Show file tree
Hide file tree
Showing 4 changed files with 177 additions and 159 deletions.
3 changes: 1 addition & 2 deletions gatsby-browser.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,8 @@
import React from "react";

import Layout from "./src/components/Layout";
import Cursor from "./src/components/Cursor";

export const wrapPageElement = ({ element, props }) => {
const { path } = props;
return <Layout path={path}>{element}<Cursor /></Layout>;
return <Layout path={path}>{element}</Layout>;
};
174 changes: 90 additions & 84 deletions src/pages/about.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import * as React from "react";
import Header from "../components/Header";
import Note from "../components/Note";
import Loader from "../components/Loader";
import Cursor from "../components/Cursor";
import { FiCopy } from "@react-icons/all-files/fi/FiCopy";
import { FiDownload } from "@react-icons/all-files/fi/FiDownload";

Expand Down Expand Up @@ -45,92 +46,97 @@ const About = () => {
}, []);

return (
<div className="about">
<Loader isOpened={isOpened} />
<Header />
<main>
<div className="headshot column">
<img src={headshot} alt="headshot" />
<a className="button -icon" href={headshot} download={true}>
<FiDownload />
<p>download photo</p>
</a>
</div>
<div className="bio column">
<h3 className="about-title">bio</h3>
<p className="paragraph">
8+ years of experience as a Software Engineer, working on
large-scale and high-impact projects for digital companies, where I
created digital acquisition experiences, dashboards, awwwards-like
websites, design systems, mobile apps and email marketing tools.
</p>
<p className="paragraph">
I'm really focused about resolve real problems through technology,
specifically web development, creative development, and usability
engineering.
</p>
<ul className="control">
<li>
<button className="-icon" onClick={copyText}>
<FiCopy />
<p>copy bio</p>
<>
<Cursor />

<div className="about">
<Loader isOpened={isOpened} />
<Header />
<main>
<div className="headshot column">
<img src={headshot} alt="headshot" />
<a className="button -icon" href={headshot} download={true}>
<FiDownload />
<p>download photo</p>
</a>
</div>
<div className="bio column">
<h3 className="about-title">bio</h3>
<p className="paragraph">
8+ years of experience as a Software Engineer, working on
large-scale and high-impact projects for digital companies, where
I created digital acquisition experiences, dashboards,
awwwards-like websites, design systems, mobile apps and email
marketing tools.
</p>
<p className="paragraph">
I'm really focused about resolve real problems through technology,
specifically web development, creative development, and usability
engineering.
</p>
<ul className="control">
<li>
<button className="-icon" onClick={copyText}>
<FiCopy />
<p>copy bio</p>
</button>
</li>
<li>
<a className="button -icon" href={cesarolvrCV} download={true}>
<FiDownload />
<p>download cv</p>
</a>
</li>
</ul>
<div className="toggle">
<button
className={classNames("-toggle", {
"--active": activePanel === 1,
})}
onClick={() => setActivePanel(1)}
>
career path
</button>
<button
className={classNames("-toggle", {
"--active": activePanel === 2,
})}
onClick={() => setActivePanel(2)}
>
academy journey
</button>
</li>
<li>
<a className="button -icon" href={cesarolvrCV} download={true}>
<FiDownload />
<p>download cv</p>
</a>
</li>
</ul>
<div className="toggle">
<button
className={classNames("-toggle", {
"--active": activePanel === 1,
})}
onClick={() => setActivePanel(1)}
>
career path
</button>
<button
className={classNames("-toggle", {
"--active": activePanel === 2,
})}
onClick={() => setActivePanel(2)}
>
academy journey
</button>
</div>
{activePanel === 1 ? (
<ol className="career-path">
{careerPath.map(({ role, details, description }, index) => {
return (
<li key={index} className="about-career-experience">
<h4 className="role">{role}</h4>
<br />
<h5 className="infos">{details}</h5>
<p className="description">{description}</p>
</li>
);
})}
</ol>
) : (
<ol className="career-path -academic">
{academyPath.map(({ role, details, description }, index) => {
return (
<li key={index} className="about-career-experience">
<h4 className="role">{role}</h4>
<br />
<h5 className="infos">{details}</h5>
</li>
);
})}
</ol>
)}
</div>
{activePanel === 1 ? (
<ol className="career-path">
{careerPath.map(({ role, details, description }, index) => {
return (
<li key={index} className="about-career-experience">
<h4 className="role">{role}</h4>
<br />
<h5 className="infos">{details}</h5>
<p className="description">{description}</p>
</li>
);
})}
</ol>
) : (
<ol className="career-path -academic">
{academyPath.map(({ role, details, description }, index) => {
return (
<li key={index} className="about-career-experience">
<h4 className="role">{role}</h4>
<br />
<h5 className="infos">{details}</h5>
</li>
);
})}
</ol>
)}
</div>
</main>
<Note />
</div>
</main>
<Note />
</div>
</>
);
};

Expand Down
114 changes: 61 additions & 53 deletions src/pages/actions.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import Header from "../components/Header";
import Container from "../components/Container";
import Note from "../components/Note";
import Loader from "../components/Loader";
import Cursor from "../components/Cursor";

// Files
import cesarolvrCV from "../files/cv-cesarolvr.pdf";
Expand All @@ -22,59 +23,66 @@ const Actions = () => {
}, []);

return (
<div className="actions">
<Loader isOpened={isOpened} duration={0.8} />
<Header hideShortcut={true} />
<main>
<Container>
<ul className="actions-list">
<li>
<a href={cesarolvrCV} download={true} target="_blank">
download cv
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/cesarolvr/" target="_blank">
go to my linkedin
</a>
</li>
<li>
<a href="https://meet.google.com/" target="_blank">
book a meeting <span>invite to -> contact@cesarolvr.com</span>
</a>
</li>
<li>
<a href="https://github.com/cesarolvr/" target="_blank">
see my github
</a>
</li>
<li>
{" "}
<a href="mailto:contact@cesarolvr.com">send me an email</a>
</li>
<li>
<a href="https://www.instagram.com/cesarolvr/" target="_blank">
follow me on instagram <span>(only friends)</span>
</a>
</li>
<li>
<a href="https://goodreads.com/cesarolvr" target="_blank">
my current readings <span>(only curious)</span>
</a>
</li>
<li>
<a
href="https://github.com/cesarolvr/cesarolvr-www"
target="_blank"
>
view source code of this website <span>(only devs)</span>
</a>
</li>
</ul>
</Container>
</main>
<Note />
</div>
<>
<Cursor />

<div className="actions">
<Loader isOpened={isOpened} duration={0.8} />
<Header hideShortcut={true} />
<main>
<Container>
<ul className="actions-list">
<li>
<a href={cesarolvrCV} download={true} target="_blank">
download cv
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/cesarolvr/"
target="_blank"
>
go to my linkedin
</a>
</li>
<li>
<a href="https://meet.google.com/" target="_blank">
book a meeting <span>invite to -> contact@cesarolvr.com</span>
</a>
</li>
<li>
<a href="https://github.com/cesarolvr/" target="_blank">
see my github
</a>
</li>
<li>
{" "}
<a href="mailto:contact@cesarolvr.com">send me an email</a>
</li>
<li>
<a href="https://www.instagram.com/cesarolvr/" target="_blank">
follow me on instagram <span>(only friends)</span>
</a>
</li>
<li>
<a href="https://goodreads.com/cesarolvr" target="_blank">
my current readings <span>(only curious)</span>
</a>
</li>
<li>
<a
href="https://github.com/cesarolvr/cesarolvr-www"
target="_blank"
>
view source code of this website <span>(only devs)</span>
</a>
</li>
</ul>
</Container>
</main>
<Note />
</div>
</>
);
};

Expand Down
45 changes: 25 additions & 20 deletions src/pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import Container from "../components/Container";
import Footer from "../components/Footer";
import Shortcut from "../components/Shortcut";
import Loader from "../components/Loader";
import Cursor from "../components/Cursor";

// Styles
import "../styles/global.scss";
Expand All @@ -21,26 +22,30 @@ const IndexPage = () => {
}, []);

return (
<div className="home">
<Loader isOpened={isOpened} />
<Header hideShortcut />
<main>
<Container>
<h1 className="banner-title">cesar oliveira</h1>
<h2 className="banner-subtitle">
tech lead at{" "}
<a target="_blank" href="https://itau.com.br">
itaú
</a>
</h2>
<p className="banner-description">
and having fun creating cool digital experiences
</p>
<Shortcut text="to find what you are looking for"/>
</Container>
</main>
<Footer />
</div>
<>
<Cursor />

<div className="home">
<Loader isOpened={isOpened} />
<Header hideShortcut />
<main>
<Container>
<h1 className="banner-title">cesar oliveira</h1>
<h2 className="banner-subtitle">
tech lead at{" "}
<a target="_blank" href="https://itau.com.br">
itaú
</a>
</h2>
<p className="banner-description">
and having fun creating cool digital experiences
</p>
<Shortcut text="to find what you are looking for" />
</Container>
</main>
<Footer />
</div>
</>
);
};

Expand Down

0 comments on commit 2576e59

Please sign in to comment.