diff options
| -rw-r--r-- | components/topnav.tsx | 2 | ||||
| -rw-r--r-- | data/publications.tsx | 28 | ||||
| -rw-r--r-- | pages/index.tsx | 11 |
3 files changed, 38 insertions, 3 deletions
diff --git a/components/topnav.tsx b/components/topnav.tsx index 8213b71..3e729ba 100644 --- a/components/topnav.tsx +++ b/components/topnav.tsx @@ -31,7 +31,6 @@ function MobileNav() { Action </MenuButton> <MenuList> - <MenuItem>Publications</MenuItem> <MenuItem icon={<DiGithubBadge/>}>View source</MenuItem> </MenuList> </Menu> @@ -40,7 +39,6 @@ function MobileNav() { function DesktopNav() { return <HStack> <Box> - <Link>Publications</Link> </Box> <Box> <Link href="https://github.com/michalsapka/michal-sapka-pl">Source code</Link> diff --git a/data/publications.tsx b/data/publications.tsx new file mode 100644 index 0000000..099841d --- /dev/null +++ b/data/publications.tsx @@ -0,0 +1,28 @@ +type Publications = { + name: string, + url: string, +} + +const Publications : Array<Publication> = [ + { + name: "Buffers, splits and tabs in Vim", + url: "https://medium.com/@msapka/buffers-splits-and-tabs-in-vim-5bb3b6dc1c19" + + }, + { + name: "A month with a disgusting ThinkPad", + url: "https://medium.com/@msapka/a-month-with-a-disgusting-thinkpad-936e7c675a74" + + }, + { + name: "Managing dotfiles with GNU Stow", + url: "https://medium.com/@msapka/managing-dotfiles-with-gnu-stow-72b4e3bb9434" + + }, + { + name: "Adding dynamic DNS to my home server", + url: "https://medium.com/@msapka/adding-dynamic-dns-to-my-home-server-d05bf65358cc" + } +] + +export default Publications diff --git a/pages/index.tsx b/pages/index.tsx index 89af9e2..c2ef3a1 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -16,6 +16,7 @@ import { Button, } from '@chakra-ui/react' import { AiFillGithub,AiFillMediumCircle} from "react-icons/ai"; +import Publications from "../data/publications" const BioEntry = ({date, description}) => { return <HStack spacing="6" alignItems="start"> @@ -67,7 +68,15 @@ Non-action movies, anime and manga, classic PC games (with huge love for adventu </Box> <Box as="section"> <Heading variant="section-title" as="h3">Recent publications</Heading> - ... + <VStack spacing="1" alignItems="start"> + {Publications.map((value, key) => { + return <Box> + <Link href={value.url} isExternal>{value.name}</Link> + </Box> + + })} + </VStack> + <Stack width="100%" direction={['column', 'column', 'row', 'row']}> <Box flex="1" textAlign={['left', 'left', 'center', 'center']}> <Link href="https://mailchi.mp/85b0caa8a1c1/michalsapkapl" isExternal> |