Animation-heavy personal portfolio on Next.js: a custom cursor, a page-transition loader, and canvas backgrounds.
canvas-animationscss-modulesdark-themehandcodednextjspersonal-websiteportfolioreact
1const strings = {
2 title: "Isaac Bythewood",
3 description:
4 "Isaac Bythewood is a Senior Solutions Architect at Craftmaster Furniture " +
5 "located in Elkin, NC.",
6};
7
8const theme = {
9 colors: {
10 primary: "#20232e",
11 blue: "#0e3ff4",
12 purple: "#842bff",
13 },
14 breakpoints: {
15 mobile: "max-width: 767.98px",
16 tablet: "max-width: 1023.98px",
17 },
18 transitionDuration: "250ms",
19 animationDuration: "1500ms",
20 animationTimingFunction: "ease-in-out",
21 borderRadius: "3px",
22};
23
24export { strings, theme };