Skip to content

Commit

Permalink
Merge pull request #3 from Zachdidit/develop
Browse files Browse the repository at this point in the history
Adding files because git from terminal is fun
  • Loading branch information
Zachdidit authored Sep 22, 2024
2 parents 2f28994 + 2767743 commit a06ffff
Show file tree
Hide file tree
Showing 2 changed files with 101 additions and 0 deletions.
30 changes: 30 additions & 0 deletions src/app/footer.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
import {Text, Flex, Button} from '@/once-ui/components';

export default function Footer() {
return (
<Flex
as="footer"
position="relative"
fillWidth paddingX="l" paddingY="m"
alignItems='center'
justifyContent="space-between">
<Text
variant="body-default-s" onBackground="neutral-weak">
© 2024 Zachary White
</Text>
<Flex alignItems="center"
gap="12">
<Button
href="https://github.com/Zachdidit"
prefixIcon="github" size="s" variant="tertiary">
GitHub
</Button>
<Button
href="https://www.linkedin.com/in/zach-white-7a96106/"
prefixIcon="linkedin" size="s" variant="tertiary">
Linkedin
</Button>
</Flex>
</Flex>
);
}
71 changes: 71 additions & 0 deletions src/app/navbar.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
import {Text, Flex, Grid, Icon } from '@/once-ui/components';
import Link from 'next/link';

export default function Navbar() {
const links = [
{
href: "/",
title: "Home",
description: "",
},
{
href: "/projects",
title: "Projects",
description: "What I've worked on",
},
{
href: "mailto:[email protected]",
title: "Hire Me",
description: "Let's make something great",
},
{
href: "https://drive.google.com/drive/folders/17nWA6gL9AuTV6rEOZpj9Gxzc1nPEoGPP?usp=sharing",
title: "Resume",
description: "",
}

];

return (
<Flex
position="relative"
as="nav" overflow="hidden"
fillWidth
direction="row" alignItems="start" flex={1}>
<Grid
radius="l"
border="neutral-medium"
borderStyle="solid-1"
columns="repeat(4, 1fr)"
tabletColumns="1col"
mobileColumns="1col"
fillWidth>
{links.map((link) => (
<Link
target={link.title=='Resume'?'_blank':''}
style={{ padding: 'var(--responsive-space-l)' }}
key={link.href}
href={link.href}>
<Flex
fillWidth gap="8"
direction="column">
<Flex
fillWidth gap="12"
alignItems="center">
<Text
variant="body-strong-m" onBackground="neutral-strong">
{link.title}
</Text>
<Icon size="s" name="arrowUpRight" />
</Flex>
<Text
variant="body-default-s" onBackground="neutral-weak">
{link.description}
</Text>
</Flex>
</Link>
))}
</Grid>
</Flex>
);
}

0 comments on commit a06ffff

Please sign in to comment.