diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..32b577e
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,17 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.html]
+insert_final_newline = false
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c172658
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,13 @@
+# Files generated by Jekyll
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+
+# Files generated by Bundler
+.bundle/
+vendor/
+Gemfile.lock
+
+# Gems
+*.gem
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..93694b0
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+ricardodevries.io
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..360cfdf
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,21 @@
+# The MIT License (MIT)
+
+Copyright (c) 2024 Ricardo de Vries
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2644fb6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+## ricardodevries.io
+
+My personal notes.
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..4e82cf1
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,9 @@
+title: ricardodevries.io
+author: Ricardo de Vries
+
+permalink: /notes/:title
+markdown: kramdown
+
+plugins:
+  - jekyll-feed
+  - jekyll-gist
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..e375aee
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: " en" }}">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <link rel="stylesheet" href="{{ "/assets/css/style.css" | absolute_url }}">
+  {%- feed_meta -%}
+  <link
+    href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII="
+    rel="icon" type="image/x-icon" />
+</head>
+<body>
+
+<div id="page">
+  <header role="banner">
+    <a class="title" href="{{ "/" | absolute_url }}">{{ site.title | escape }}</a>
+  </header>
+
+  <div id="content">
+    {{ content }}
+  </div>
+
+  <footer role="contentinfo">
+    <p>&copy; Copyright {{ 'now' | date: "%Y" }} {{ site.author | escape }}. All rights reserved.</p>
+  </footer>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..5fb49b3
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+<aside role="complementary">
+  <p>
+    {{ site.author | escape }} is a seasoned IT professional based in Amsterdam.
+    Follow him on
+    <a href="https://linkedin.com/in/ricardodev" target="_blank">LinkedIn</a>
+    or via
+    <a href="{{ 'feed.xml' | absolute_url }}">feed</a>.
+  </p>
+</aside>
+
+<section class="notes">
+  {% assign posts_by_year = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
+  {% for year_group in posts_by_year %}
+  <h1 class="notes_year">{{ year_group.name }}</h1>
+
+  <ul class="notes_list">
+    {% for post in year_group.items %}
+    <li class="notes_item">
+      <h3><a href="{{ post.url | absolute_url }}">{{ post.title }}</a></h3>
+      <p>{{ post.date | date: "%B %d" }}</p>
+    </li>
+    {% endfor %}
+  </ul>
+  {% endfor %}
+</section>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..670f60d
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<aside role="complementary">
+  <p>
+    {{ site.author | escape }} is a seasoned IT professional based in Amsterdam.
+    Follow him on
+    <a href="https://linkedin.com/in/ricardodev" target="_blank">LinkedIn</a>
+    or via
+    <a href="{{ 'feed.xml' | absolute_url }}">feed</a>.
+  </p>
+</aside>
+
+<section role="main">
+  <article>
+    <h1>{{ page.title | escape }}</h1>
+
+    <footer>
+      <span class="date">{{ page.date | date: "%B %-d, %Y" }}</span>
+    </footer>
+
+    {{ content }}
+  </article>
+</section>
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..7ca57e8
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,243 @@
+@charset "utf-8";
+
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
+@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');
+
+html {
+  margin: 0;
+}
+
+body {
+  margin: 0;
+  font: 18px/26px "PT Serif", Georgia, "Times New Roman", serif;
+  color: #444;
+}
+
+footer[role=contentinfo],
+aside[role=complementary] p,
+a.title,
+.notes,
+[role=main] {
+  max-width: 750px;
+  margin: 0 auto;
+}
+
+@media (max-width: 680px) {
+
+  section[role=main],
+  footer[role=contentinfo] {
+    padding-right: 20px;
+    padding-left: 20px;
+  }
+}
+
+header[role=banner] {
+  background-color: #0071bc;
+  padding: 12px;
+  border-bottom: 1px solid #005c99;
+}
+
+a.title {
+  text-transform: uppercase;
+  text-decoration: none;
+  display: block;
+  margin: 0 auto;
+  font-family: 'Open Sans', sans-serif;
+  font-weight: bold;
+  letter-spacing: -1px;
+  color: #fff;
+}
+
+a.title:visited {
+  color: #fff;
+}
+
+a.title:hover,
+a.title:focus {
+  color: #b3d1e6;
+  transition: color 0.1s ease-in;
+}
+
+footer[role=contentinfo],
+.footnotes {
+  font-family: 'Open Sans', sans-serif;
+  font-size: 15px;
+  line-height: 26px;
+  color: #b3c2cc;
+}
+
+aside[role=complementary] {
+  font-family: 'Open Sans', sans-serif;
+  font-size: 15px;
+  line-height: 26px;
+  color: #b3c2cc;
+  padding: 20px;
+  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 30%, #fff), -webkit-linear-gradient(20deg, #e0f1ff 32%, #fffae3);
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #fff), linear-gradient(70deg, #e0f1ff 32%, #fffae3);
+}
+
+.footnotes a,
+aside[role=complementary] a {
+  color: #b3c2cc;
+}
+
+.footnotes a:visited,
+aside[role=complementary] a:visited {
+  color: #b3c2cc;
+}
+
+.footnotes a:hover,
+.footnotes a:focus {
+  color: #5e95ba;
+}
+
+aside[role=complementary] a:hover,
+aside[role=complementary] a:focus {
+  color: #5e95ba;
+}
+
+.footnotes a:active,
+aside[role=complementary] a:active {
+  color: #79afd2;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+ol {
+  margin: 26px 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Open Sans', sans-serif;
+}
+
+h1 {
+  font-size: 30px;
+  margin-top: 40px;
+}
+
+h2 {
+  font-size: 24px;
+  line-height: 36px;
+  margin-bottom: -13px;
+  color: #0071bc;
+}
+
+h3 {
+  font-size: 18px;
+  margin-bottom: -26px;
+  text-transform: uppercase;
+}
+
+a {
+  color: #005c99;
+}
+
+a:visited {
+  color: #7a9fb8;
+}
+
+a:hover,
+a:focus {
+  color: #1a94e6;
+  transition: color 0.1s ease-in;
+}
+
+a:active {
+  color: #3dabf5;
+}
+
+.photo.right.pull {
+  float: right;
+  width: 80px;
+  margin: 0 0 25px 25px;
+}
+
+.articles {
+  list-style: none;
+  margin-left: 0;
+  padding-left: 80px;
+}
+
+.articles li time {
+  float: left;
+  margin-left: -80px;
+  width: 60px;
+  color: #b3c2cc;
+}
+
+pre {
+  border-top: 1px dotted #ccc;
+  border-bottom: 1px dotted #ccc;
+  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+  color: #000;
+  padding: 14px 15px;
+  margin: 26px 0;
+  line-height: 16px;
+  font-family: Menlo, Consolas, monospace;
+  font-size: 12px;
+}
+
+code {
+  font-family: Menlo, Consolas, monospace;
+  font-size: 12px;
+}
+
+p code {
+  background-color: #eee;
+  padding: 0 3px;
+}
+
+.notes_year {
+  font-size: 24px;
+  color: #0071bc;
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+
+.notes_list {
+  list-style: none;
+  padding-left: 0;
+  margin-bottom: 30px;
+}
+
+.notes_item {
+  margin-bottom: 20px;
+}
+
+.notes_item h3 {
+  font-size: 20px;
+  margin-bottom: 5px;
+}
+
+.notes_item h3 a {
+  color: #005c99;
+  text-decoration: none;
+}
+
+.notes_item h3 a:hover,
+.notes_item h3 a:focus {
+  color: #1a94e6;
+  transition: color 0.1s ease-in;
+}
+
+.notes_item h3 a:active {
+  color: #3dabf5;
+}
+
+.notes_item p {
+  color: #666;
+  font-size: 16px;
+  margin: 0;
+}
