added first 2 portfolio items

content/portfolio/linux-dotfiles/index.md

@@ -1,6 +1,14 @@
 ---
 title: "My Dotfiles"
 template: "portfolioItem"
+description: "Rick van Lieshout's desktop configuration saved in config files"
+socialImage: "/media/dotfiles3.png"
 ---
 
-## :)
+![i3wm layout with on the left a React code file open and on the right a terminal and system monitor](./media/dotfiles3.png "an example of my i3wm layout with some dummy apps")
+
+Dotfiles in Linux are a remarkable thing. Pretty much everything in Linux has a setting and most of those settings live in a config file. This is great for those using multiple computers because they don't have to fiddle with all the apps to get them "just the way I want them". No, simply include the right config file in the right spot and everything will work as expected.
+
+Some Linux people, me included, take this to a bit of an extreme. Everything in my system uses config files to set up and without my config files I'm horribly slow at performing even basic tasks. This is one of the main reasons why I included an "install.sh" script to take me from a fresh Arch Linux install straight through to a fully set up system!
+
+My dotfiles can be found on [GitHub](https://github.com/Mastermindzh/dotfiles).

content/portfolio/paper-theme/index.md

@@ -1,6 +0,0 @@
----
-title: "paper theme"
-template: "portfolioItem"
----
-
-## :)

content/portfolio/react-cookie-consent/index.md

@@ -1,6 +1,25 @@
 ---
-title: "React cookiebar"
+title: "React cookie bar"
 template: "portfolioItem"
+description: "A small, simple and customizable cookie consent bar for use in React applications."
+socialImage: "/media/light.png"
 ---
 
-## :)
+[Source code](https://github.com/Mastermindzh/react-cookie-consent) - [Storybook](https://mastermindzh.github.io/react-cookie-consent/)
+
+<div style="display: flex; flex-wrap: wrap;">
+  <div style = "flex-grow: 1; width: 30%; margin: 1%;"><img src="/media/light.png" alt="cookie bar in light colors"/></div>
+  <div style = "flex-grow: 1; width: 30%; margin: 1%;"><img src="/media/dark.png" alt="cookie bar in dark colors"/></div>
+  <div style = "flex-grow: 1; width: 30%; margin: 1%;"><img src="/media/old-site.png" alt="cookie bar on my old website"/></div>
+</div>
+
+React-cookie-consent is a small, simple and customizable cookie consent bar for use in React applications.
+The bar can be used in most React versions and related frameworks (Gatsby, Next). A React Native version is not available.
+`react-cookie-consent` is highly customizable and actively maintained on Github. <br />
+It's bundled up as an npm module so installing it is as easy as:
+
+```sh
+npm install react-cookie-consent
+```
+
+I initially built react-cookie-consent because I couldn't find a decent cookie-bar to use for this website. After building it I decided to share it with the community so others don't have to create their own.