diff --git a/_less/main.less b/_less/main.less
@@ -1,116 +1,28 @@
 @import '../bower_components/bootstrap/less/bootstrap.less';
-@import 'home.less';
-@import 'sidebar.less';
 @import 'components.less';
+@import 'footer.less';
+@import 'home.less';
 @import 'syntax-highlighting.less';
 
 // --------------------------
 // Vars
 // --------------------------
-@gray: #eee;
-@blue: #4078c0;
 @font-size-base: 16px;
-@sidebar-width: 300px;
 
 // --------------------------
-body {
-  font-family: "Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
-}
-.wrapper {
-  width: auto;
-  margin: 0 auto;
-  margin-left: @sidebar-width;
-  .content {
-    padding: 40px 20px 40px 40px;
-    margin-right: auto;
-    max-width: 800px; //todo: move to breakpoint
-  }
-}
-
-/**
- * Images
- */
-img {
-  max-width: 100%;
-  vertical-align: middle;
+html {
+  height: 100%;
 }
-
-/**
- * Figures
- */
-figure > img {
+body {
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+  font-size: 62.5%;
   display: block;
-}
-
-/**
- * Lists
- */
-ul,
-ol {
-  margin: 0;
-  padding: 0;
-}
-
-/**
- * Headings
- */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: bold;
+  height: 100%;
 }
 h1 {
-  font-size: 30px;
-  margin: 0.67em 0;
+  font-size: 2.4rem;
+  line-height: 3rem;
 }
-
-/**
- * Links
- */
 a {
-  color: @blue;
-  text-decoration: none;
-}
-
-/**
- * Blockquotes
- */
-blockquote {
-  font-size: 18px;
-  letter-spacing: -1px;
-  font-style: italic;
-  >:last-child {
-    margin-bottom: 0;
-  }
-}
-
-/**
- * Code formatting
- */
-pre,
-code {
-  margin: 0;
-  word-break: normal;
-  padding: 16px;
-  overflow: auto;
-  font-size: 85%;
-  line-height: 1.45;
-  background-color: #f7f7f7;
-  border-radius: 3px;
-  color: @text-color;
-  display: block;
-}
-
-/**
- * Tables
- */
-table {
-  border-radius: 4px;
-  .table;
-  .table-hover;
-  .table-bordered;
-  .table-striped;
+  color: #68C8E8;
 }
diff --git a/_less/sidebar.less b/_less/sidebar.less
diff --git a/css/main.css b/css/main.css
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,10 +1,10 @@
-var gulp = require('gulp');
-var less = require('gulp-less');
-var sh = require('shelljs');
-var watch = require('gulp-watch');
+'use strict';
 
-var child_process = require('child_process');
-var spawn = require('child_process').spawn;
+const gulp = require('gulp');
+const less = require('gulp-less');
+const watch = require('gulp-watch');
+
+const child_process = require('child_process');
 
 gulp.task('run', [], function(next) {
   return child_process.spawn('bundle', ['exec', 'jekyll', 'serve'], {
@@ -25,7 +25,7 @@ gulp.task('watch', ['css'], function() {
   watch('_less/*.less', {
     emit: 'one',
     emitOnGlob: false
-  }, function(files) {
+  }, function() {
     console.log('css updated...');
     return gulp.src('_less/main.less')
       .pipe(less())

diff --git a/images/pattern.png b/images/pattern.png
diff --git a/images/tim.jpg b/images/tim.jpg
diff --git a/index.html b/index.html
@@ -2,23 +2,26 @@
 layout: default
 ---
 
-<div class="home">
-  <ul class="post-list">
-    <div class="no-post">
-      <div class="alert alert-info">
-        No Posts yet!
+<div id="home" class="pattern-bg">
+  <div class="page-panel banner">
+    <div class="page-panel-text">
+      <div class="clearfix">
+        <div class="col-sm-2 col-sm-offset-2">
+          <p class="center">
+            <a href="/" class="banner-img">
+              <img class="img img-circle img-responsive" src="images/tim.jpg">
+            </a>
+          </p>
+        </div>
+        <div class="col-sm-6">
+          <h1 class="banner-text">
+            <span class="line line-1 fadeInUp text-shadow-sm">I'm Tim.</span>
+            <span class="line line-2 fadeInUp">
+              Developer <a href="https://tablelist.com">@Tablelist</a> and author of <a href="https://www.producthunt.com/tech/mongotron">@Mongotron</a>.
+            </span>
+          </h1>
+        </div>
       </div>
     </div>
-    {% for post in site.posts %} {% if post.categories contains 'reference' %} {% endif %} {% else %}
-    <li>
-      <p class="post-meta">
-        {% if post.author %} Posted by {{ post.author }} on {% endif %}{{ post.date | date: "%b %-d, %Y" }}{% if post.meta %} • {{ post.meta }}{% endif %}
-      </p>
-      <h2 class="post-title">
-        <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-      </h2>
-    </li>
-    {% endfor %}
-  </ul>
-  <p class="rss-subscribe">subscribe <a href="{{ site.baseurl }}/feed.xml">via RSS</a></p>
+  </div>
 </div>