diff --git a/_config.yml b/_config.yml
index 8ca967d..8ec589d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,7 +1,7 @@
 # Site settings
-title: Mahdi Dibaiee
-email: mdibaiee@aol.com
-description: Mahdi Dibaiee's personal blog on programming
+title: the readme
+email: knockknock@theread.me
+description: a rabbit hole
 baseurl: "" # the subpath of your site, e.g. /blog/
 url: "http://theread.me" # the base hostname & protocol for your site
 twitter_username: mdibaiee
@@ -12,3 +12,20 @@ markdown: kramdown
 permalink: /:title/
 redcarpet:
   extensions: ["strikethrough"]
+
+collections:
+  programming:
+    title: programming
+    output: true
+    permalink: /programming/:path/
+    path: /programming
+  life:
+    title: life
+    output: true
+    permalink: /life/:path/
+    path: /life
+  travel:
+    title: travel
+    output: true
+    permalink: /travel/:path/
+    path: /travel
diff --git a/_includes/head.html b/_includes/head.html
index 0908c71..a37a333 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,22 +6,22 @@
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
+  <link href="https://fonts.googleapis.com/css?family=Secular+One|Ubuntu|Ubuntu+Mono" rel="stylesheet"> 
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
-  <!--<script src="//dibaiee.disqus.com/embed.js"></script>-->
-  <!--<script src="//dibaiee.disqus.com/count.js"></script>-->
+  <script src="//static.getclicky.com/js" type="text/javascript"></script>
+  <script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
+  <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
+  <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
+
+  <script>
+    var channel = new BroadcastChannel('egg');
+
+    channel.addEventListener('message', message => {
+      alert('Got a message from the other tab:\n' + message.data);
+    });
+  </script>
 </head>
 
-<script src="//static.getclicky.com/js" type="text/javascript"></script>
-<script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
-<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
-
-<script>
-  var channel = new BroadcastChannel('egg');
-
-  channel.addEventListener('message', message => {
-    alert('Got a message from the other tab:\n' + message.data);
-  });
-</script>
diff --git a/_includes/header.html b/_includes/header.html
index 2885a97..506a9d0 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -7,15 +7,13 @@
   </h1>
 
   <nav>
-    <!--<a href='https://twitter.com/{{ site.twitter_username }}'>Twitter</a>-->
-    <a href='https://github.com/{{ site.github_username }}'>GitHub</a>
-    <a href='mailto:{{ site.email }}'>Email</a>
-    <a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">RSS</a>
-    <!--{% for page in site.pages %}-->
-      <!--{% if page.title %}-->
-      <!--<a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>-->
-      <!--{% endif %}-->
-    <!--{% endfor %}-->
+    {% for collection in site.collections %}
+      {% if collection.title %}
+      <a href="{{ collection.path | prepend: site.baseurl }}">{{ collection.title }}</a>
+      {% endif %}
+    {% endfor %}
+    <a href='mailto:{{ site.email }}'>email</a>
+    <a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">rss</a>
   </nav>
 
 </header>
diff --git a/_layouts/category.html b/_layouts/category.html
new file mode 100644
index 0000000..20d1ed7
--- /dev/null
+++ b/_layouts/category.html
@@ -0,0 +1,21 @@
+---
+layout: default
+---
+
+<div class="category">
+  <ul class="post-list">
+    {% for post in site.categories[page.category] %}
+      <li>
+        <h2>
+          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+          <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+        </h2>
+        <article class='post-content'>
+          {{ post.excerpt }}
+        </article>
+      </li>
+    {% endfor %}
+  </ul>
+
+  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via rss</a></p>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
index b2dc534..cf41411 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,12 +9,11 @@
 
     <div class="page-content">
       <div class="wrapper">
+        <h1 class="page-heading"></h1>
         {{ content }}
       </div>
     </div>
 
-    <!-- {% include footer.html %} -->
-
   </body>
 
 </html>
diff --git a/_posts/2015-03-09-beginning.markdown b/_posts/2015-03-09-beginning.markdown
deleted file mode 100644
index 161d6fe..0000000
--- a/_posts/2015-03-09-beginning.markdown
+++ /dev/null
@@ -1,49 +0,0 @@
----
-layout: post
-title:  "Let's Begin"
-date:   2015-03-09 17:13:46
-permalink: beginning/
-categories: self
----
-
-So, I've decided to write about what I do and what I love.
-
-It's possible that you find anything here, so don't be surprised, but most of it
-is going to be about my programming journey, what I learn, what I do, and my opinions.
-
-I like Medium, but I want a place in which I dictate, so here's my personal blog.
-
-
-{% highlight javascript linenos %}
-const SECOND = 1000;
-let style = document.querySelector('style');
-
-setInterval(() => {
-  const now = Date.now(),
-        birth = new Date(2015, 2, 9).getTime(),
-        color = `#(now - birth).toString(16).slice(0, 6)`,
-
-  style.textContent = `#mahdi path {
-                         stroke: ${color} !important;
-                       }`;
-}, SECOND);
-{% endhighlight %}
-
-<style></style>
-
-<script type="application/javascript;version=1.8">
-
-var SECOND = 1000;
-var style = document.querySelector('style');
-
-setInterval(function() {
-  var now = Date.now(),
-      birth = new Date(2015, 2, 9).getTime(),
-      color = '#' + (now - birth).toString(16).slice(0, 6);
-
-  style.textContent = '#mahdi path {\
-                         stroke: ' + color + ' !important; \
-                      }';
-}, SECOND)
-</script>
-
diff --git a/_posts/2015-03-28-css-filters.md b/_posts/2015-03-28-css-filters.md
index 228ac66..92100b9 100644
--- a/_posts/2015-03-28-css-filters.md
+++ b/_posts/2015-03-28-css-filters.md
@@ -3,7 +3,7 @@ layout: post
 title:  "CSS Filters are awesome!"
 date:   2015-03-28 17:13:46
 permalink: css-filters/
-categories: css
+categories: programming
 ---
 
 I've been working on the [CSS Filter Editor widget](https://bugzilla.mozilla.org/show_bug.cgi?id=1055181) in Firefox Developer Tools for a couple of weeks, <s>it should land soon</s> It's here!. Thanks to [Patrick Brosset](https://medium.com/@patrickbrosset) for mentoring me and [Tim Nguyen](https://github.com/nt1m) for his great contributions.
diff --git a/_posts/2015-04-02-broadcast-channel.md b/_posts/2015-04-02-broadcast-channel.md
index a566bc5..2a0af32 100644
--- a/_posts/2015-04-02-broadcast-channel.md
+++ b/_posts/2015-04-02-broadcast-channel.md
@@ -3,7 +3,7 @@ layout: post
 title:  "BroadcastChannel API"
 date:   2015-04-02 17:13:46
 permalink: broadcastchannel-api/
-categories: api
+categories: programming
 ---
 
 [BroadcastChannel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API)
diff --git a/_posts/2015-06-06-array-generator-comprehensions.md b/_posts/2015-06-06-array-generator-comprehensions.md
index 54f27ca..34a053d 100644
--- a/_posts/2015-06-06-array-generator-comprehensions.md
+++ b/_posts/2015-06-06-array-generator-comprehensions.md
@@ -3,7 +3,7 @@ layout: post
 title:  "ES7 Array and Generator comprehensions"
 date:   2015-06-06 13:47:00
 permalink: es7-array-generator-comprehensions/
-categories: es7, generator, array
+categories: programming
 ---
 
 Array comprehension is a new feature proposed for ES7, with a new syntax
diff --git a/_posts/2015-07-24-autocomplete-trie.md b/_posts/2015-07-24-autocomplete-trie.md
index 9bffe60..0b859d7 100644
--- a/_posts/2015-07-24-autocomplete-trie.md
+++ b/_posts/2015-07-24-autocomplete-trie.md
@@ -3,7 +3,7 @@ layout: post
 title:  "Autocomplete using Tries"
 date:   2015-07-24 09:44:00
 permalink: autocomplete-predict-trie/
-categories: algorithms
+categories: programming
 ---
 
 In this article, I'm going over creating an autocompletion/prediction system using a data-structure called Trie, it's fast and easy to customize.
diff --git a/_posts/2015-10-13-open-source-good-bad-ugly.md b/_posts/2015-10-13-open-source-good-bad-ugly.md
index 38c2368..b124415 100644
--- a/_posts/2015-10-13-open-source-good-bad-ugly.md
+++ b/_posts/2015-10-13-open-source-good-bad-ugly.md
@@ -3,7 +3,7 @@ layout: post
 title:  "Open-source: The Good, The Bad and The Ugly"
 date:   2015-10-13 06:15:00
 permalink: open-source-good-bad-ugly/
-categories: experience, open-source, opinion
+categories: programming
 ---
 
 I have been doing Open-source for a while, I don't call myself an "expert" or something like that,
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 1519a3c..3ad0c00 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -23,7 +23,8 @@ header {
   }
   h1 {
     font-size: 4rem;
-    font-family: 'Damion';
+    font-family: $head-font-family;
+    text-transform: lowercase;
   }
   h1 a, & > a {
     text-decoration: none;
@@ -51,6 +52,11 @@ header {
   text-align: center;
   font-style: italic;
   margin-bottom: 3rem;
+  width: 20%;
+  height: 1px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+
+  margin: 5rem auto;
 }
 
 .post-list, .post-header {
diff --git a/css/main.scss b/css/main.scss
index 564ac2d..e9237e2 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -3,10 +3,9 @@
 ---
 @charset "utf-8";
 
-
-
 // Our variables
-$base-font-family: 'Ubuntu Light', sans-serif;
+$base-font-family: 'Ubuntu Light', Open Sans, sans-serif;
+$head-font-family: 'Secular One', sans-serif;
 $base-font-size:   12pt;
 $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
diff --git a/index.html b/index.html
index dd01e45..b35a3b4 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,6 @@ layout: default
 
 <div class="home">
 
-  <h1 class="page-heading">…</h1>
-
   <ul class="post-list">
     {% for post in site.posts %}
       <li>
diff --git a/programming.html b/programming.html
new file mode 100644
index 0000000..ca2fb3e
--- /dev/null
+++ b/programming.html
@@ -0,0 +1,4 @@
+---
+layout: category
+category: programming
+---