From 7ebb5a4823731429e1fbb6677bc5c9253d033fd8 Mon Sep 17 00:00:00 2001
From: Michal Sapka <michal@sapka.me>
Date: Sun, 4 Sep 2022 21:54:01 +0200
Subject: feat: add pulications to homepage

---
 components/topnav.tsx |  2 --
 data/publications.tsx | 28 ++++++++++++++++++++++++++++
 pages/index.tsx       | 11 ++++++++++-
 3 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 data/publications.tsx

diff --git a/components/topnav.tsx b/components/topnav.tsx
index 8213b71a..3e729bab 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 00000000..099841d8
--- /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 89af9e2c..c2ef3a17 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>
-- 
cgit v1.2.3