diff --git a/index.html b/index.html
@@ -1,12 +1,29 @@
 ---
-layout: page
-title: Latest Posts
-excerpt: "A simple and clean responsive Jekyll theme for words and photos."
-search_omit: true
+layout: default
 ---
 
-<ul class="post-list">
-{% for post in site.posts limit:10 %} 
-  <li><article><a href="{{ site.url }}{{ post.url }}">{{ post.title }} <span class="entry-date"><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %d, %Y" }}</time></span>{% if post.excerpt %} <span class="excerpt">{{ post.excerpt }}</span>{% endif %}</a></article></li>
-{% endfor %}
-</ul>
+<div class="home">
+
+  <h1 class="page-heading">Posts</h1>
+
+  <div class="grid">
+    <div class="grid-sizer"></div>
+
+    {% for post in site.posts %}
+
+      <div class="grid-item">
+          <img src="http://placehold.it/800x600">
+        <!-- <a class="overlay overlaypost-link" href="{{ post.url | prepend: site.baseurl }}">
+          <h2 class="title">{{ post.title }}</h2>
+          <div class="description">
+            <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+          </div>
+        </a> -->
+      </div>
+
+    {% endfor %}
+  </div>
+
+  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+
+</div>
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,9 @@
+$(window).load( function() {
+
+    $('.grid').masonry({
+        "itemSelector": ".grid-item",
+        "columnWidth": ".grid-sizer",
+        "percentPosition": true,
+    });
+
+});
diff --git a/notes/project_ideas.md b/notes/project_ideas.md
diff --git a/package.json b/package.json
diff --git a/search.json b/search.json
diff --git a/search/index.md b/search/index.md
diff --git a/tags/index.md b/tags/index.md
diff --git a/theme-setup/index.md b/theme-setup/index.md