First tests with the awesome minimal mistakes theme

2026-03-10 08:31:22 +00:00 · 2014-02-11 21:42:58 +01:00
parent 248269896d
commit 3c697877b5
68 changed files with 5608 additions and 11 deletions
--- a/404.md
+++ b/404.md
@@ -0,0 +1,19 @@
+---
+layout: page
+title: "Page Not Found"
+description: "Page not found. Your pixels are in another canvas."
+image:
+  feature: texture-feature-01.jpg
+  credit: Texture Lovers
+  creditlink: http://texturelovers.com
+---  
+
+Sorry, but the page you were trying to view does not exist --- perhaps you can try searching for it below.
+
+<script type="text/javascript">
+  var GOOG_FIXURL_LANG = 'en';
+  var GOOG_FIXURL_SITE = '{{ site.url }}'
+</script>
+<script type="text/javascript"
+  src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js">
+</script>
--- a/_config.yml
+++ b/_config.yml
@@ -1,4 +1,68 @@
-name: Look up to the future
-markdown: redcarpet
+title:            Site Title
+tagline:          A short tagline
+description:      Describe your website.
+# Your site's domain goes here. Leave localhost server or blank when working locally.
+url:              http://localhost:4000
+
+# Owner/author information
+owner:
+  name:           Your Name
+  avatar:         bio-photo.jpg
+  bio:            "Describe your self."
+  email:          your@email.com
+  # Social networking links are used in author-bio sidebar. Update and remove as you like.
+  twitter:
+  facebook:
+  github:
+  linkedin:
+  instagram:
+  lastfm:
+  tumblr:
+  # For Google Authorship https://plus.google.com/authorship
+  google_plus:
+
+# Analytics and webmaster tools stuff goes here
+google_analytics:
+google_verify:
+# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here
+bing_verify:
+
+# Links to include in top navigation
+# For external links add external: true
+links:
+  - title: About
+    url: /about/
+  - title: Posts
+    url: /posts/
+  - title: Theme Setup
+    url: /theme-setup/
+  - title: Made Mistakes
+    url: http://mademistakes.com
+    external: true
+
+# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
+timezone:    America/New_York
+future:      true
 pygments:    true
+markdown:    kramdown
+
+# https://github.com/mojombo/jekyll/wiki/Permalinks
+# permalink:   /:categories/:title/
 permalink: /:year/:month/:title
+
+kramdown:
+  auto_ids: true
+  footnote_nr: 1
+  entity_output: as_char
+  toc_levels: 1..6
+  use_coderay: false
+
+  coderay:
+    coderay_line_numbers:
+    coderay_line_numbers_start: 1
+    coderay_tab_width: 4
+    coderay_bold_every: 10
+    coderay_css: class
+
+include: [".htaccess"]
+exclude: ["lib", "config.rb", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules"]
--- a/_includes/_author-bio.html
+++ b/_includes/_author-bio.html
@@ -0,0 +1,11 @@
+<img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
+<h3>{{ site.owner.name }}</h3>
+<p>{{ site.owner.bio }}</p>
+{% if site.owner.twitter %}<a href="http://twitter.com/{{ site.owner.twitter }}" class="author-social" target="_blank"><i class="icon-twitter"></i> Twitter</a>{% endif %}
+{% if site.owner.facebook %}<a href="http://facebook.com/{{ site.owner.facebook }}" class="author-social" target="_blank"><i class="icon-facebook"></i> Facebook</a>{% endif %}
+{% if site.owner.google_plus %}<a href="{{ site.owner.google_plus }}" class="author-social" target="_blank"><i class="icon-google-plus"></i> Google+</a>{% endif %}
+{% if site.owner.linkedin %}<a href="http://linkedin.com/in/{{ site.owner.linkedin }}" class="author-social" target="_blank"><i class="icon-linkedin"></i> LinkedIn</a>{% endif %}
+{% if site.owner.instagram %}<a href="http://instagram.com/{{ site.owner.instagram }}" class="author-social" target="_blank"><i class="icon-instagram"></i> Instagram</a>{% endif %}
+{% if site.owner.github %}<a href="http://github.com/{{ site.owner.github }}" class="author-social" target="_blank"><i class="icon-github"></i> Github</a>{% endif %}
+{% if site.owner.lastfm %}<a href="http://lastfm.com/user/{{ site.owner.lastfm }}" class="author-social" target="_blank"><i class="icon-lastfm"></i> Last.fm</a>{% endif %}
+{% if site.owner.tumblr %}<a href="http://{{ site.owner.tumblr }}.tumblr.com" class="author-social" target="_blank"><i class="icon-tumblr"></i> Tumblr</a>{% endif %}
--- a/_includes/_browser-upgrade.html
+++ b/_includes/_browser-upgrade.html
@@ -0,0 +1 @@
+<!--[if lt IE 9]><div class="browser-upgrade alert alert-info">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
--- a/_includes/_footer.html
+++ b/_includes/_footer.html
@@ -0,0 +1 @@
+<span>&copy; {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com">Jekyll</a> using the <a href="http://mademistakes.com/">Minimal Mistakes</a> theme.</span>
--- a/_includes/_head.html
+++ b/_includes/_head.html
@@ -0,0 +1,62 @@
+<meta charset="utf-8">
+<title>{% if page.title %}{{ page.title }} &#8211; {% endif %}{{ site.title }}</title>
+<meta name="description" content="{{ page.description }}">
+<meta name="keywords" content="{{ page.tags | join: ', ' }}">
+{% if site.owner.twitter %}<!-- Twitter Cards -->
+{% if page.image.feature %}<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}">
+{% else %}<meta name="twitter:card" content="summary">
+<meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">{% endif %}
+<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+<meta name="twitter:creator" content="@{{ site.owner.twitter }}">{% endif %}
+
+<!-- Open Graph -->
+<meta property="og:locale" content="en_US">
+<meta property="og:type" content="article">
+<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+<meta property="og:url" content="{{ site.url }}{{ page.url }}">
+<meta property="og:site_name" content="{{ site.title }}">
+
+{% if site.google_verify %}<!-- Webmaster Tools verfication -->
+<meta name="google-site-verification" content="{{ site.google_verify }}">{% endif %}
+{% if site.bing_verify %}<meta name="msvalidate.01" content="{{ site.bing_verify }}">{% endif %}
+
+{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
+<link rel="canonical" href="{{ canonical }}">
+<link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
+{% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
+
+<!-- http://t.co/dKP3o1e -->
+<meta name="HandheldFriendly" content="True">
+<meta name="MobileOptimized" content="320">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+<!-- Google Webfonts -->
+<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
+<!-- For all browsers -->
+<link rel="stylesheet" href="{{ site.url }}/assets/css/main.min.css">
+
+<!--[if (lt IE 9) & (!IEMobile)]>
+<link rel="stylesheet" href="{{ site.url }}/assets/css/ie.min.css">
+<![endif]-->
+
+<meta http-equiv="cleartype" content="on">
+
+<!-- Load Modernizr -->
+<script src="{{ site.url }}/assets/js/vendor/modernizr-2.6.2.custom.min.js"></script>
+
+<!-- Icons -->
+<!-- 16x16 -->
+<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
+<!-- 32x32 -->
+<link rel="shortcut icon" href="{{ site.url }}/favicon.png">
+<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
+<link rel="apple-touch-icon-precomposed" href="{{ site.url }}/images/apple-touch-icon-precomposed.png">
+<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/images/apple-touch-icon-72x72-precomposed.png">
+<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/apple-touch-icon-114x114-precomposed.png">
+<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/apple-touch-icon-144x144-precomposed.png">
--- a/_includes/_navigation.html
+++ b/_includes/_navigation.html
@@ -0,0 +1,15 @@
+<div class="navigation-wrapper">
+	<div class="site-name">
+		<a href="{{ site.url }}">{{ site.title }}</a>
+	</div><!-- /.site-name -->
+	<div class="top-navigation">
+		<nav role="navigation">
+		    <ul>
+		        {% for link in site.links %}
+				<li><a href="{% if link.external %}{{ link.url }}{% else %}{{ site.url }}{{ link.url }}{% endif %}" {% if link.external %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+		        {% endfor %}
+		        <li><i class="icon-feed"></i> <a href="{{ site.url }}/feed.xml" title="Atom/RSS feed">Feed</a>
+		    </ul>
+		</nav>
+	</div><!-- /.top-navigation -->
+</div><!-- /.navigation-wrapper -->
--- a/_includes/_scripts.html
+++ b/_includes/_scripts.html
@@ -0,0 +1,20 @@
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="{{ site.url }}/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+<script src="{{ site.url }}/assets/js/scripts.min.js"></script>
+{% if site.google_analytics %}
+<!-- Asynchronous Google Analytics snippet -->
+<script>
+  var _gaq = _gaq || [];
+  var pluginUrl = 
+ '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
+  _gaq.push(['_require', 'inpage_linkid', pluginUrl]);
+  _gaq.push(['_setAccount', '{{ site.google_analytics }}']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+{% endif %}
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
+<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
+<head>
+{% include _head.html %}
+</head>
+
+<body class="home">
+
+{% include _browser-upgrade.html %}
+
+{% include _navigation.html %}
+
+{% if page.image.feature %}<div class="image-wrap">
+  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
+  {% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
+</div><!-- /.image-wrap -->{% endif %}
+
+<div class="article-author-side">
+  {% include _author-bio.html %}
+</div>
+
+<div id="index">
+  <h3><a href="{{ site.url}}/articles/">Articles</a></h3>
+  {% for post in site.posts limit:5 %}    
+  <article>
+    <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
+    <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
+  </article>
+  {% endfor %}
+</div><!-- /#index -->
+
+<div class="footer-wrap">
+  <footer>
+    {% include _footer.html %}
+  </footer>
+</div><!-- /.footer-wrap -->
+
+{% include _scripts.html %}
+  
+</body>
+</html>
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
+<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
+<head>
+{% include _head.html %}
+</head>
+
+<body class="page">
+
+{% include _browser-upgrade.html %}
+
+{% include _navigation.html %}
+
+{% if page.image.feature %}<div class="image-wrap">
+  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
+  {% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
+</div><!-- /.image-wrap -->{% endif %}
+
+<div id="main" role="main">
+  <div class="article-author-side">
+    {% include _author-bio.html %}
+  </div>
+  <article>
+    <h1>{{ page.title }}</h1>
+    <div class="article-wrap">
+      {{ content }}
+    </div><!-- /.article-wrap -->
+  </article>
+</div><!-- /#index -->
+
+<div class="footer-wrap">
+  <footer>
+    {% include _footer.html %}
+  </footer>
+</div><!-- /.footer-wrap -->
+
+{% include _scripts.html %}          
+
+</body>
+</html>
--- a/_layouts/post-index.html
+++ b/_layouts/post-index.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
+<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
+<head>
+{% include _head.html %}
+</head>
+
+<body class="post-index">
+
+{% include _browser-upgrade.html %}
+
+{% include _navigation.html %}
+
+{% if page.image.feature %}<div class="image-wrap">
+  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image" itemprop="primaryImageOfPage">
+  {% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
+</div><!-- /.image-wrap -->{% endif %}
+
+<div class="article-author-side">
+  {% include _author-bio.html %}
+</div>
+
+<div id="index">
+  <h1>{{ page.title }}</h1>
+  {% for post in site.posts %}  
+  {% unless post.next %}
+    <h3>{{ post.date | date: '%Y' }}</h3>
+    {% else %}
+      {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
+      {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
+      {% if year != nyear %}
+        <h3>{{ post.date | date: '%Y' }}</h3>
+      {% endif %}
+    {% endunless %}
+    <article>
+      <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2>
+      <p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}</p>
+    </article>
+  {% endfor %}
+</div><!-- /#index -->
+
+<div class="footer-wrap">
+  <footer>
+    {% include _footer.html %}
+  </footer>
+</div><!-- /.footer-wrap -->
+
+{% include _scripts.html %}
+  
+</body>
+</html>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,9 +1,69 @@
---
-layout: default
---
-<h2>{{ page.title }}</h2>
-<p class="meta">{{ page.date | date_to_string }}</p>
+<!doctype html>
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
+<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
+<head>
+{% include _head.html %}
+</head>

-<div class="post">
-{{ content }}
-</div>
+<body class="post">
+
+{% include _browser-upgrade.html %}
+
+{% include _navigation.html %}
+
+{% if page.image.feature %}<div class="image-wrap">
+  <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
+  {% if page.image.credit %}<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>{% endif %}
+</div><!-- /.image-wrap -->{% endif %}
+
+<div id="main" role="main">
+  <div class="article-author-side">
+    {% include _author-bio.html %}
+  </div>
+  <article>
+    <div class="headline-wrap">
+      <h1>{{ page.title }}</h1>
+      <h2>{{ page.tagline }}</h2>
+    </div><!--/ .headline-wrap -->
+    <div class="article-wrap">
+      {{ content }}
+      <hr />
+      <footer role="contentinfo">
+        <div class="article-author-bottom">
+          {% include _author-bio.html %}
+        </div>
+        <p class="byline"><strong>{{ page.title }}</strong> was published on <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time>{% if page.modified %} and last modified on <time datetime="{{ page.modified | date: "%Y-%m-%d" }}">{{ page.modified | date: "%B %d, %Y" }}</time>{% endif %} by <a href="{{ site.url }}/about" title="About {{ site.owner.name }}">{{ site.owner.name }}</a>.</p>
+      </footer>
+    </div><!-- /.article-wrap -->
+  </article>
+</div><!-- /#main -->
+
+<div class="footer-wrap">
+  {% if site.related_posts.size > 0 %}<div class="related-articles">
+  <h4>You might also enjoy <small class="pull-right">(<a href="{{ site.url }}/posts/">View all posts</a>)</small></h4>
+    <ul>
+    {% for post in site.related_posts limit:3 %}
+      {% assign match = false %}
+      {% for category in post.categories %}
+        {% if page.categories contains category %}
+          {% assign match = true %}
+        {% endif %}
+      {% endfor %}
+      {% if match %}
+      <li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></li>
+      {% endif %}
+    {% endfor %}
+    </ul>
+    <hr />
+  </div><!-- /.related-articles -->{% endif %}
+  <footer>
+    {% include _footer.html %}
+  </footer>
+</div><!-- /.footer-wrap -->
+
+{% include _scripts.html %}	        
+
+</body>
+</html>
--- a/about.md
+++ b/about.md
@@ -0,0 +1,29 @@
+---
+layout: page
+permalink: /about/
+title: About the Theme
+tagline: Minimal Mistakes, a Jekyll Theme
+tags: [about, Jekyll, theme, responsive]
+modified: 9-9-2013
+image:
+  feature: texture-feature-02.jpg
+  credit: Texture Lovers
+  creditlink: http://texturelovers.com
+---
+
+Jekyll is pretty rad and figured releasing a cleaned up version of [my site](http://mademistakes.com)[^1] as a theme for others to hack and build on would be fun. So here be that theme --- I call it **Minimal Mistakes**, a responsive Jekyll theme with large featured images and solid typography. 
+
+## Minimal Mistakes is all about:
+
+* Responsive templates. Looking good on mobile, tablet, and desktop.
+* Gracefully degrading in older browsers. Compatible with Internet Explorer 8+ and all modern browsers. 
+* Minimal embellishments --- content first.
+* Large feature images for posts and pages.
+* Author sidebar to pimp your bio, photo[^2], and social media links.
+* Simple and clear permalink structure *(ie: domain.com/category/post-title)*
+
+<a markdown="0" href="{{ site.url }}/theme-setup" class="btn">Install Minimal Mistakes Theme</a>
+
+[^1]: Since open sourcing this theme I have released a couple other Jekyll themes. My website [Made Mistakes](http://mademistakes.com) is currently using a modified version of my [So Simple Theme](http://mmistakes.github.io/so-simple-theme/).
+
+[^2]: Fancy avatars provided by [Brandon Mathis](http://brandonmathis.com/projects/fancy-avatars/demo/) under a [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/).
--- a/assets/css/ie.min.css
+++ b/assets/css/ie.min.css
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
--- a/assets/fonts/icomoon.dev.svg
+++ b/assets/fonts/icomoon.dev.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe004;" d="M 427,480L 85,480 C 38.25,480,0,441.75,0,395l0-342 c0-46.75, 38.25-85, 85-85l 342,0 c 46.75,0, 85,38.25, 85,85L 512,395 C 512,441.75, 473.75,480, 427,480z
+	 M 163.9,256l 184.2,0 c 3.494-10.029, 5.4-20.795, 5.4-32c0-53.762-43.738-97.5-97.5-97.5c-53.762,0-97.5,43.738-97.5,97.5
+	C 158.5,235.205, 160.406,245.971, 163.9,256z M 448,255.975L 448,128 l0-64 c0-17.6-14.4-32-32-32L 96,32 c-17.6,0-32,14.4-32,32l0,64 L 64,255.975 L 64,256 
+	l 50.054,0 c-2.321-10.301-3.554-21.008-3.554-32c0-80.229, 65.271-145.5, 145.5-145.5c 80.229,0, 145.5,65.271, 145.5,145.5
+	c0,10.992-1.232,21.699-3.554,32L 448,256 L 448,255.975 z M 448,368c0-8.8-7.2-16-16-16l-32,0 c-8.8,0-16,7.2-16,16L 384,400 c0,8.8, 7.2,16, 16,16l 32,0 
+	c 8.8,0, 16-7.2, 16-16L 448,368 z" data-tags="instagram, social" />
+<glyph unicode="&#xe003;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
+	c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282 
+	l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0 
+	L 435.296,224z" data-tags="facebook, social" />
+<glyph unicode="&#xe007;" d="M 426.671,480L 85.343,480 C 38.406,480,0,441.595,0,394.655l0-341.311 C0,6.375, 38.406-32, 85.343-32l 341.328,0 
+	C 473.609-32, 512,6.375, 512,53.345L 512,394.655 C 512,441.595, 473.609,480, 426.671,480z M 419.026,309.083
+	c 0.164-3.671, 0.245-7.364, 0.245-11.074c0-113.107-84.608-243.534-239.329-243.534c-47.502,0-91.717,14.174-128.943,38.459
+	c 6.58-0.794, 13.276-1.197, 20.065-1.197c 39.411,0, 75.679,13.685, 104.467,36.641c-36.808,0.69-67.872,25.438-78.577,59.441
+	c 5.137-1, 10.406-1.537, 15.826-1.537c 7.672,0, 15.103,1.048, 22.16,3.004c-38.48,7.866-67.475,42.458-67.475,83.928
+	c0,0.361,0,0.719, 0.008,1.076c 11.34-6.41, 24.312-10.26, 38.1-10.705c-22.571,15.349-37.421,41.546-37.421,71.244
+	c0,15.685, 4.147,30.389, 11.389,43.029c 41.487-51.785, 103.468-85.86, 173.377-89.431c-1.435,6.266-2.179,12.798-2.179,19.507
+	c0,47.269, 37.663,85.59, 84.115,85.59c 24.195,0, 46.059-10.393, 61.401-27.029c 19.16,3.838, 37.162,10.96, 53.416,20.771
+	c-6.281-19.988-19.617-36.761-36.983-47.355c 17.013,2.069, 33.226,6.67, 48.31,13.477C 449.725,336.226, 435.463,321.15, 419.026,309.083
+	z" data-tags="twitter, tweet, social" />
+<glyph unicode="&#xe00a;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
+		c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
+		c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0 
+		c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
+		c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0 
+		C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
+		c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621 
+		l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
+		c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
+		C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
+<glyph unicode="&#xe00b;" d="M 68.147,104.535c-37.598,0-68.146-30.667-68.146-68.038c0-37.577, 30.55-67.901, 68.146-67.901
+		c 37.733,0, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0-98.129 c 63.892,0, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0 
+		C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480l0-98.178 c 227.891,0, 413.378-185.667, 413.378-413.822L 512-32 C 512,250.235, 282.373,480, 0.194,480z" data-tags="feed, rss, social" />
+<glyph unicode="&#xe00c;" d="M 426.67,480L 85.343,480 C 38.405,480,0,441.594,0,394.656l0-341.314 C0,6.375, 38.406-32, 85.344-32L 426.67-32 
+	c 46.938,0, 85.33,38.374, 85.33,85.342L 512,394.656 C 512,441.594, 473.608,480, 426.67,480z M 139.472,64.376C 115.487,64.376, 96,83.722, 96,107.69
+	c0,23.842, 19.486,43.406, 43.472,43.406c 24.079,0, 43.53-19.564, 43.53-43.406C 183.001,83.722, 163.55,64.376, 139.472,64.376z
+	 M 248.734,64.002c0,40.905-15.904,79.409-44.73,108.222c-28.857,28.875-67.188,44.813-107.952,44.813L 96.052,279.63 
+	c 118.826,0, 215.563-96.721, 215.563-215.627L 248.734,64.002L 248.734,64.002z M 359.814,64.002
+	c0,145.531-118.329,263.97-263.688,263.97L 96.126,390.596 c 180.001,0, 326.473-146.562, 326.473-326.596L 359.814,64.002L 359.814,64.002z" data-tags="feed, rss, social" />
+<glyph unicode="&#xe001;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z M 192,64l-64,0 
+	L 128,288 l 64,0 L 192,64 z M 160,320c-17.673,0-32,14.327-32,32s 14.327,32, 32,32s 32-14.327, 32-32S 177.673,320, 160,320z M 416,64l-64,0 L 352,192 
+	c0,17.673-14.327,32-32,32s-32-14.327-32-32l0-128 l-64,0 L 224,288 l 64,0 l0-39.736 C 301.199,266.396, 321.376,288, 344,288c 39.765,0, 72-35.817, 72-80
+	L 416,64 z" data-tags="linkedin, social" />
+<glyph unicode="&#xe002;" d="M 426.69,480L 85.344,480 C 38.405,480, 0.001,441.593, 0.001,394.657l0-341.313 C 0.001,6.375, 38.405-32, 85.344-32L 426.69-32 
+	C 473.625-32, 512,6.375, 512,53.344L 512,394.658 C 511.996,441.593, 473.621,480, 426.69,480z M 365.858,67.656
+	c-15.076-7.094-28.764-12.094-41-14.969c-12.248-2.845-25.48-4.279-39.701-4.279c-16.156,0-25.688,2.029-38.094,6.094
+	c-12.404,4.094-23,9.936-31.75,17.436c-8.779,7.564-14.843,15.599-18.233,24.097c-3.392,8.502-5.078,20.846-5.078,37.002L 192.002,256.938 
+	l-47.998,0 l0,50.033 c 13.872,4.5, 29.968,10.967, 39.842,19.375c 9.92,8.436, 17.859,18.529, 23.842,30.342
+	c 6.002,11.783, 10.125,26.813, 12.376,45.033l 50.25,0 L 270.314,320 L 352,320 l0-63.063 l-81.689,0 l0-90.594 c0-20.5-0.264-32.313, 1.908-38.125
+	c 2.156-5.78, 7.563-11.78, 13.451-15.25c 7.828-4.688, 16.752-7.030, 26.813-7.030c 17.893,0, 35.689,5.813, 53.375,17.438L 365.858,67.656 
+	L 365.858,67.656z" data-tags="tumblr, social" />
+<glyph unicode="&#xe005;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z
+	 M 373.258,99.556c-88.779,0-119.569,40.028-135.986,89.802l-16.425,51.318c-12.319,37.463-26.687,66.712-71.842,66.712
+	c-31.31,0-63.123-22.579-63.123-85.699c0-49.264, 25.144-80.056, 60.557-80.056c 40.021,0, 66.71,29.765, 66.71,29.765l 16.425-44.644
+	c0,0-27.718-27.197-85.699-27.197c-71.846,0-111.875,42.076-111.875,120.082c0,81.081, 40.029,128.805, 115.464,128.805
+	c 68.253,0, 102.64-24.632, 124.188-91.346l 16.936-51.313c 12.318-37.465, 33.867-64.662, 85.698-64.662
+	c 34.896,0, 53.367,7.699, 53.367,26.684c0,14.885-8.72,25.66-34.892,31.82l-34.9,8.207c-42.587,10.262-59.522,32.329-59.522,67.226
+	c0,55.936, 45.16,73.384, 91.343,73.384c 52.345,0, 84.161-18.988, 88.266-65.172l-51.317-6.16
+	c-2.054,22.066-15.396,31.305-40.027,31.305c-22.582,0-36.436-10.265-36.436-27.713c0-15.395, 6.671-24.633, 29.247-29.765
+	l 32.842-7.182c 44.135-10.266, 67.746-31.82, 67.746-73.386C 480.001,119.054, 436.895,99.556, 373.258,99.556z" data-tags="lastfm, social" />
+<glyph unicode="&#xe006;" d="M 426.655,480L 85.345,480 C 38.405,480,0,441.608,0,394.671l0-341.328 C0,6.405, 38.405-32, 85.345-32l 341.311,0 
+	C 473.625-32, 512,6.405, 512,53.343L 512,394.671 C 512,441.608, 473.625,480, 426.655,480z M 128,352l 256,0 c 4.569,0, 9.002-0.981, 13.072-2.831
+	L 256,184.585L 114.928,349.17C 118.998,351.018, 123.431,352, 128,352z M 96,128L 96,320 c0,0.67, 0.028,1.336, 0.070,2l 93.832-109.47
+	L 97.103,119.73C 96.381,122.399, 96,125.173, 96,128z M 384,96L 128,96 c-2.827,0-5.601,0.381-8.27,1.103l 91.059,91.059L 256,135.414
+	l 45.212,52.747l 91.058-91.059C 389.6,96.381, 386.827,96, 384,96z M 416,128c0-2.827-0.381-5.6-1.103-8.27l-92.799,92.799L 415.93,322
+	c 0.042-0.664, 0.070-1.33, 0.070-2L 416,128 z" data-tags="mail, contact, support, newsletter, letter, email, envelop, social" />
+<glyph unicode="&#xe000;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 408.028,71.972
+	c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.8-7.246L 319.874,57 c0,20.167-6.917,35-20.75,44.5
+	c 8.667,0.833, 16.625,2, 23.875,3.5s 14.917,3.667, 23,6.5s 15.333,6.208, 21.75,10.125s 12.583,9, 18.5,15.25s 10.875,13.333, 14.875,21.25
+	s 7.167,17.417, 9.5,28.5s 3.5,23.292, 3.5,36.625c0,25.833-8.417,47.833-25.25,66c 7.667,20, 6.833,41.75-2.5,65.25l-6.25,0.75
+	c-4.333,0.5-12.125-1.333-23.375-5.5s-23.875-11-37.875-20.5c-19.833,5.5-40.417,8.25-61.75,8.25c-21.5,0-42-2.75-61.5-8.25
+	c-8.833,6-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19,8s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
+	s-2-0.333-2.5-0.5c-9.333-23.667-10.167-45.417-2.5-65.25c-16.833-18.167-25.25-40.167-25.25-66c0-13.333, 1.167-25.542, 3.5-36.625
+	s 5.5-20.583, 9.5-28.5s 8.958-15, 14.875-21.25s 12.083-11.333, 18.5-15.25s 13.667-7.292, 21.75-10.125s 15.75-5, 23-6.5
+	s 15.208-2.667, 23.875-3.5c-13.667-9.333-20.5-24.167-20.5-44.5l0-39.115 c-7.549,2.247-14.99,4.902-22.3,7.994
+	c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41,194.957, 41,224
+	s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
+	C 198.805,433.321, 226.957,439, 256,439s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
+	c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471,253.043, 471,224s-5.679-57.195-16.879-83.675
+	C 443.294,114.728, 427.786,91.73, 408.028,71.972z" data-tags="github, octacat, social" />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+</font></defs></svg>
--- a/assets/fonts/icomoon.eot
+++ b/assets/fonts/icomoon.eot
--- a/assets/fonts/icomoon.svg
+++ b/assets/fonts/icomoon.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+<iconset grid="16"></iconset>
+</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+<glyph unicode="&#xe004;" d="M 427,480L 85,480 C 38.25,480,0,441.75,0,395l0-342 c0-46.75, 38.25-85, 85-85l 342,0 c 46.75,0, 85,38.25, 85,85L 512,395 C 512,441.75, 473.75,480, 427,480z
+	 M 163.9,256l 184.2,0 c 3.494-10.029, 5.4-20.795, 5.4-32c0-53.762-43.738-97.5-97.5-97.5c-53.762,0-97.5,43.738-97.5,97.5
+	C 158.5,235.205, 160.406,245.971, 163.9,256z M 448,255.975L 448,128 l0-64 c0-17.6-14.4-32-32-32L 96,32 c-17.6,0-32,14.4-32,32l0,64 L 64,255.975 L 64,256 
+	l 50.054,0 c-2.321-10.301-3.554-21.008-3.554-32c0-80.229, 65.271-145.5, 145.5-145.5c 80.229,0, 145.5,65.271, 145.5,145.5
+	c0,10.992-1.232,21.699-3.554,32L 448,256 L 448,255.975 z M 448,368c0-8.8-7.2-16-16-16l-32,0 c-8.8,0-16,7.2-16,16L 384,400 c0,8.8, 7.2,16, 16,16l 32,0 
+	c 8.8,0, 16-7.2, 16-16L 448,368 z"  />
+<glyph unicode="&#xe003;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
+	c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282 
+	l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0 
+	L 435.296,224z"  />
+<glyph unicode="&#xe007;" d="M 426.671,480L 85.343,480 C 38.406,480,0,441.595,0,394.655l0-341.311 C0,6.375, 38.406-32, 85.343-32l 341.328,0 
+	C 473.609-32, 512,6.375, 512,53.345L 512,394.655 C 512,441.595, 473.609,480, 426.671,480z M 419.026,309.083
+	c 0.164-3.671, 0.245-7.364, 0.245-11.074c0-113.107-84.608-243.534-239.329-243.534c-47.502,0-91.717,14.174-128.943,38.459
+	c 6.58-0.794, 13.276-1.197, 20.065-1.197c 39.411,0, 75.679,13.685, 104.467,36.641c-36.808,0.69-67.872,25.438-78.577,59.441
+	c 5.137-1, 10.406-1.537, 15.826-1.537c 7.672,0, 15.103,1.048, 22.16,3.004c-38.48,7.866-67.475,42.458-67.475,83.928
+	c0,0.361,0,0.719, 0.008,1.076c 11.34-6.41, 24.312-10.26, 38.1-10.705c-22.571,15.349-37.421,41.546-37.421,71.244
+	c0,15.685, 4.147,30.389, 11.389,43.029c 41.487-51.785, 103.468-85.86, 173.377-89.431c-1.435,6.266-2.179,12.798-2.179,19.507
+	c0,47.269, 37.663,85.59, 84.115,85.59c 24.195,0, 46.059-10.393, 61.401-27.029c 19.16,3.838, 37.162,10.96, 53.416,20.771
+	c-6.281-19.988-19.617-36.761-36.983-47.355c 17.013,2.069, 33.226,6.67, 48.31,13.477C 449.725,336.226, 435.463,321.15, 419.026,309.083
+	z"  />
+<glyph unicode="&#xe00a;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
+		c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
+		c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0 
+		c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
+		c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0 
+		C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
+		c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621 
+		l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
+		c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
+		C 229.913-8.517, 229.146-2.388, 227.725,3.577z"  />
+<glyph unicode="&#xe00b;" d="M 68.147,104.535c-37.598,0-68.146-30.667-68.146-68.038c0-37.577, 30.55-67.901, 68.146-67.901
+		c 37.733,0, 68.247,30.324, 68.247,67.901C 136.393,73.868, 105.882,104.535, 68.147,104.535zM 0.078,306.035l0-98.129 c 63.892,0, 123.979-24.986, 169.229-70.256c 45.192-45.159, 70.141-105.518, 70.141-169.65l 98.561,0 
+		C 338.008,154.41, 186.368,306.035, 0.078,306.035zM 0.194,480l0-98.178 c 227.891,0, 413.378-185.667, 413.378-413.822L 512-32 C 512,250.235, 282.373,480, 0.194,480z"  />
+<glyph unicode="&#xe00c;" d="M 426.67,480L 85.343,480 C 38.405,480,0,441.594,0,394.656l0-341.314 C0,6.375, 38.406-32, 85.344-32L 426.67-32 
+	c 46.938,0, 85.33,38.374, 85.33,85.342L 512,394.656 C 512,441.594, 473.608,480, 426.67,480z M 139.472,64.376C 115.487,64.376, 96,83.722, 96,107.69
+	c0,23.842, 19.486,43.406, 43.472,43.406c 24.079,0, 43.53-19.564, 43.53-43.406C 183.001,83.722, 163.55,64.376, 139.472,64.376z
+	 M 248.734,64.002c0,40.905-15.904,79.409-44.73,108.222c-28.857,28.875-67.188,44.813-107.952,44.813L 96.052,279.63 
+	c 118.826,0, 215.563-96.721, 215.563-215.627L 248.734,64.002L 248.734,64.002z M 359.814,64.002
+	c0,145.531-118.329,263.97-263.688,263.97L 96.126,390.596 c 180.001,0, 326.473-146.562, 326.473-326.596L 359.814,64.002L 359.814,64.002z"  />
+<glyph unicode="&#xe001;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z M 192,64l-64,0 
+	L 128,288 l 64,0 L 192,64 z M 160,320c-17.673,0-32,14.327-32,32s 14.327,32, 32,32s 32-14.327, 32-32S 177.673,320, 160,320z M 416,64l-64,0 L 352,192 
+	c0,17.673-14.327,32-32,32s-32-14.327-32-32l0-128 l-64,0 L 224,288 l 64,0 l0-39.736 C 301.199,266.396, 321.376,288, 344,288c 39.765,0, 72-35.817, 72-80
+	L 416,64 z"  />
+<glyph unicode="&#xe002;" d="M 426.69,480L 85.344,480 C 38.405,480, 0.001,441.593, 0.001,394.657l0-341.313 C 0.001,6.375, 38.405-32, 85.344-32L 426.69-32 
+	C 473.625-32, 512,6.375, 512,53.344L 512,394.658 C 511.996,441.593, 473.621,480, 426.69,480z M 365.858,67.656
+	c-15.076-7.094-28.764-12.094-41-14.969c-12.248-2.845-25.48-4.279-39.701-4.279c-16.156,0-25.688,2.029-38.094,6.094
+	c-12.404,4.094-23,9.936-31.75,17.436c-8.779,7.564-14.843,15.599-18.233,24.097c-3.392,8.502-5.078,20.846-5.078,37.002L 192.002,256.938 
+	l-47.998,0 l0,50.033 c 13.872,4.5, 29.968,10.967, 39.842,19.375c 9.92,8.436, 17.859,18.529, 23.842,30.342
+	c 6.002,11.783, 10.125,26.813, 12.376,45.033l 50.25,0 L 270.314,320 L 352,320 l0-63.063 l-81.689,0 l0-90.594 c0-20.5-0.264-32.313, 1.908-38.125
+	c 2.156-5.78, 7.563-11.78, 13.451-15.25c 7.828-4.688, 16.752-7.030, 26.813-7.030c 17.893,0, 35.689,5.813, 53.375,17.438L 365.858,67.656 
+	L 365.858,67.656z"  />
+<glyph unicode="&#xe005;" d="M 426,480L 86,480 C 38.7,480,0,441.3,0,394l0-340 c0-47.3, 38.7-86, 86-86l 340,0 c 47.3,0, 86,38.7, 86,86L 512,394 C 512,441.3, 473.3,480, 426,480z
+	 M 373.258,99.556c-88.779,0-119.569,40.028-135.986,89.802l-16.425,51.318c-12.319,37.463-26.687,66.712-71.842,66.712
+	c-31.31,0-63.123-22.579-63.123-85.699c0-49.264, 25.144-80.056, 60.557-80.056c 40.021,0, 66.71,29.765, 66.71,29.765l 16.425-44.644
+	c0,0-27.718-27.197-85.699-27.197c-71.846,0-111.875,42.076-111.875,120.082c0,81.081, 40.029,128.805, 115.464,128.805
+	c 68.253,0, 102.64-24.632, 124.188-91.346l 16.936-51.313c 12.318-37.465, 33.867-64.662, 85.698-64.662
+	c 34.896,0, 53.367,7.699, 53.367,26.684c0,14.885-8.72,25.66-34.892,31.82l-34.9,8.207c-42.587,10.262-59.522,32.329-59.522,67.226
+	c0,55.936, 45.16,73.384, 91.343,73.384c 52.345,0, 84.161-18.988, 88.266-65.172l-51.317-6.16
+	c-2.054,22.066-15.396,31.305-40.027,31.305c-22.582,0-36.436-10.265-36.436-27.713c0-15.395, 6.671-24.633, 29.247-29.765
+	l 32.842-7.182c 44.135-10.266, 67.746-31.82, 67.746-73.386C 480.001,119.054, 436.895,99.556, 373.258,99.556z"  />
+<glyph unicode="&#xe006;" d="M 426.655,480L 85.345,480 C 38.405,480,0,441.608,0,394.671l0-341.328 C0,6.405, 38.405-32, 85.345-32l 341.311,0 
+	C 473.625-32, 512,6.405, 512,53.343L 512,394.671 C 512,441.608, 473.625,480, 426.655,480z M 128,352l 256,0 c 4.569,0, 9.002-0.981, 13.072-2.831
+	L 256,184.585L 114.928,349.17C 118.998,351.018, 123.431,352, 128,352z M 96,128L 96,320 c0,0.67, 0.028,1.336, 0.070,2l 93.832-109.47
+	L 97.103,119.73C 96.381,122.399, 96,125.173, 96,128z M 384,96L 128,96 c-2.827,0-5.601,0.381-8.27,1.103l 91.059,91.059L 256,135.414
+	l 45.212,52.747l 91.058-91.059C 389.6,96.381, 386.827,96, 384,96z M 416,128c0-2.827-0.381-5.6-1.103-8.27l-92.799,92.799L 415.93,322
+	c 0.042-0.664, 0.070-1.33, 0.070-2L 416,128 z"  />
+<glyph unicode="&#xe000;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 408.028,71.972
+	c-19.759-19.758-42.756-35.266-68.354-46.093c-6.503-2.75-13.107-5.164-19.8-7.246L 319.874,57 c0,20.167-6.917,35-20.75,44.5
+	c 8.667,0.833, 16.625,2, 23.875,3.5s 14.917,3.667, 23,6.5s 15.333,6.208, 21.75,10.125s 12.583,9, 18.5,15.25s 10.875,13.333, 14.875,21.25
+	s 7.167,17.417, 9.5,28.5s 3.5,23.292, 3.5,36.625c0,25.833-8.417,47.833-25.25,66c 7.667,20, 6.833,41.75-2.5,65.25l-6.25,0.75
+	c-4.333,0.5-12.125-1.333-23.375-5.5s-23.875-11-37.875-20.5c-19.833,5.5-40.417,8.25-61.75,8.25c-21.5,0-42-2.75-61.5-8.25
+	c-8.833,6-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19,8s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
+	s-2-0.333-2.5-0.5c-9.333-23.667-10.167-45.417-2.5-65.25c-16.833-18.167-25.25-40.167-25.25-66c0-13.333, 1.167-25.542, 3.5-36.625
+	s 5.5-20.583, 9.5-28.5s 8.958-15, 14.875-21.25s 12.083-11.333, 18.5-15.25s 13.667-7.292, 21.75-10.125s 15.75-5, 23-6.5
+	s 15.208-2.667, 23.875-3.5c-13.667-9.333-20.5-24.167-20.5-44.5l0-39.115 c-7.549,2.247-14.99,4.902-22.3,7.994
+	c-25.597,10.827-48.594,26.335-68.353,46.093c-19.758,19.759-35.267,42.756-46.093,68.354C 46.679,166.805, 41,194.957, 41,224
+	s 5.679,57.195, 16.879,83.675c 10.827,25.597, 26.335,48.594, 46.093,68.353s 42.756,35.267, 68.353,46.093
+	C 198.805,433.321, 226.957,439, 256,439s 57.195-5.679, 83.675-16.879c 25.598-10.827, 48.595-26.335, 68.354-46.093
+	c 19.758-19.758, 35.266-42.756, 46.093-68.353C 465.321,281.195, 471,253.043, 471,224s-5.679-57.195-16.879-83.675
+	C 443.294,114.728, 427.786,91.73, 408.028,71.972z"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+</font></defs></svg>
--- a/assets/fonts/icomoon.ttf
+++ b/assets/fonts/icomoon.ttf
--- a/assets/fonts/icomoon.woff
+++ b/assets/fonts/icomoon.woff
--- a/assets/js/_main.js
+++ b/assets/js/_main.js
@@ -0,0 +1,36 @@
+/*! Plugin options and other jQuery stuff */
+
+// FitVids options
+$(function() {
+	$("article").fitVids();
+});
+
+// Table of Contents toggle
+$(function() {
+  $(".toc h3").click(function () {
+    $("#drawer").toggleClass("hidden");
+  });
+});
+
+// Add lightbox class to all image links
+$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").addClass("image-popup");
+
+// Magnific-Popup options
+$(document).ready(function() {
+  $('.image-popup').magnificPopup({
+    type: 'image',
+    tLoading: 'Loading image #%curr%...',
+    gallery: {
+      enabled: true,
+      navigateByImgClick: true,
+      preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+    },
+    image: {
+      tError: '<a href="%url%">Image #%curr%</a> could not be loaded.',
+    },
+    removalDelay: 300, // Delay in milliseconds before popup is removed
+    // Class that is added to body when popup is open. 
+    // make it unique to apply your CSS animations just to this exact popup
+    mainClass: 'mfp-fade'
+  });
+});
--- a/assets/js/plugins/jquery.fitvids.js
+++ b/assets/js/plugins/jquery.fitvids.js
@@ -0,0 +1,74 @@
+/*global jQuery */
+/*jshint multistr:true, browser:true */
+/*!
+* FitVids 1.0
+*
+* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
+* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+*
+* Date: Thu Sept 01 18:00:00 2011 -0500
+*/
+
+(function( $ ){
+
+  "use strict";
+
+  $.fn.fitVids = function( options ) {
+    var settings = {
+      customSelector: null
+    };
+
+    if(!document.getElementById('fit-vids-style')) {
+
+      var div = document.createElement('div'),
+          ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
+          cssStyles = '&shy;<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
+
+      div.className = 'fit-vids-style';
+      div.id = 'fit-vids-style';
+      div.style.display = 'none';
+      div.innerHTML = cssStyles;
+
+      ref.parentNode.insertBefore(div,ref);
+
+    }
+
+    if ( options ) {
+      $.extend( settings, options );
+    }
+
+    return this.each(function(){
+      var selectors = [
+        "iframe[src*='player.vimeo.com']",
+        "iframe[src*='youtube.com']",
+        "iframe[src*='youtube-nocookie.com']",
+        "iframe[src*='kickstarter.com'][src*='video.html']",
+        "object",
+        "embed"
+      ];
+
+      if (settings.customSelector) {
+        selectors.push(settings.customSelector);
+      }
+
+      var $allVideos = $(this).find(selectors.join(','));
+      $allVideos = $allVideos.not("object object"); // SwfObj conflict patch
+
+      $allVideos.each(function(){
+        var $this = $(this);
+        if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
+        var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
+            width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
+            aspectRatio = height / width;
+        if(!$this.attr('id')){
+          var videoID = 'fitvid' + Math.floor(Math.random()*999999);
+          $this.attr('id', videoID);
+        }
+        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
+        $this.removeAttr('height').removeAttr('width');
+      });
+    });
+  };
+// Works with either jQuery or Zepto
+})( window.jQuery || window.Zepto );
--- a/assets/js/plugins/jquery.magnific-popup.js
+++ b/assets/js/plugins/jquery.magnific-popup.js
--- a/assets/js/scripts.min.js
+++ b/assets/js/scripts.min.js
--- a/assets/js/vendor/jquery-1.9.1.min.js
+++ b/assets/js/vendor/jquery-1.9.1.min.js
--- a/assets/js/vendor/modernizr-2.6.2.custom.min.js
+++ b/assets/js/vendor/modernizr-2.6.2.custom.min.js
--- a/assets/less/1382.less
+++ b/assets/less/1382.less
@@ -0,0 +1,44 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+.site-name {
+	.grid(12,1.5);
+	.prefix(12,2);
+}
+.top-navigation {
+	.grid(12,8);
+}
+.image-wrap {
+	&:after {
+		left: 33.333333333%;
+	}
+	.headline-wrap {
+		.prefix(12,1);
+	}
+}
+.image-credit {
+	.grid(12,8.5);
+}
+#main article {
+	.grid(12,4.5);
+}
+#index {
+	.grid(12,4.5);
+}
+.related-articles {
+	.grid(12,4.5);
+	.prefix(12,4);
+	.suffix(12,3.5);
+}
+.footer-wrap footer {
+	.grid(12,4.5);
+	.prefix(12,4);
+	.suffix(12,3.5);
+}
+.article-author-side {
+	.grid(12,1.5);
+	.prefix(12,2);
+}
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/2x.less
+++ b/assets/less/2x.less
@@ -0,0 +1,6 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/480.less
+++ b/assets/less/480.less
@@ -0,0 +1,11 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+.image-grid {
+	li {
+		width: 33.333333%;
+	}
+}
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/600.less
+++ b/assets/less/600.less
@@ -0,0 +1,90 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+.site-name {
+	.grid(12,2);
+	.prefix(12,0.5);
+	.suffix(12,0.5);
+}
+.top-navigation {
+	.grid(12,9);
+	.prefix(12,0);
+	.suffix(12,0);
+}
+.image-wrap .headline-wrap,
+.image-wrap:after {
+	left: 25%;
+}
+.image-wrap .headline-wrap {
+	margin-left: 0;
+}
+.image-credit {
+	.grid(12,9);
+	.prefix(12,0);
+	.suffix(12,0);
+}
+#main article {
+	.grid(12,6);
+	.prefix(12,0);
+	.suffix(12,0);
+}
+#index {
+	.grid(12,6);
+	.prefix(12,0);
+	.suffix(12,0);
+}
+.footer-wrap footer {
+	.grid(12,6);
+	.prefix(12,3);
+	.suffix(12,3);
+}
+.article-author-side {
+	display: block;
+	.grid(12,2);
+	.prefix(12,0.5);
+	.suffix(12,0.5);
+	h3,
+	.bio-photo,
+	p,
+	.author-social {
+		display: block;
+		max-width: 125px;
+		margin: auto;
+	}
+	h3 {
+		margin-top: 10px;
+		margin-bottom: 10px;
+	}
+	p {
+		margin-bottom: 20px;
+	}
+	.author-social {
+		margin-bottom: 5px;
+	}
+}
+.article-author-bottom {
+	display: none;
+}
+.toc {
+	display: block;
+	.grid(12,2);
+	.prefix(12,0.5);
+	.suffix(12,0.5);
+	position: absolute;
+	top: 5.5em;
+	right: 0;
+	.box-shadow(0 0 5px rgba(0,0,0,.50));
+}
+.image-grid {
+	li {
+		width: 25%;
+	}
+}
+.related-articles {
+	.grid(12,6);
+	.prefix(12,3);
+	.suffix(12,3);
+}
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/768.less
+++ b/assets/less/768.less
@@ -0,0 +1,12 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+/* Image Grid ============================================== */
+.image-grid {
+	li {
+		width: 20%;
+	}
+}
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/992.less
+++ b/assets/less/992.less
@@ -0,0 +1,26 @@
+// ROOT =======================================================
+// TYPOGRAPHY =================================================
+// TEXTURE ====================================================
+// ELEMENTS ===================================================
+// LAYOUT =====================================================
+.article-author-side,
+.article-author-bottom {
+	h3,
+	.bio-photo,
+	p,
+	.author-social {
+		max-width: 150px;
+	}
+	img.bio-photo {
+		width: 150px;
+		height: 150px;
+		.rounded(150px);
+	}
+}
+/* Image Grid ============================================== */
+.image-grid {
+	li {
+		width: 16.666666666%;
+	}
+}
+// VENDOR-SPECIFIC ============================================
--- a/assets/less/coderay.less
+++ b/assets/less/coderay.less
@@ -0,0 +1,133 @@
+.CodeRay {
+  background-color: #efefef;
+  font-family: @code-font;
+  .font(12);
+  color: #333332;
+  margin-bottom: 1.5em;
+  .rounded(4px);
+  pre {
+    margin: 0px;
+    padding: 1em;
+  }
+}
+
+div.CodeRay { }
+span.CodeRay { white-space: pre; border: 0px; padding: 2px }
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td {
+  padding: 1em 0.5em;
+  vertical-align: top;
+}
+
+.CodeRay .line-numbers, .CodeRay .no {
+  background-color: #ECECEC;
+  color: #AAA;
+  text-align: right;
+}
+
+.CodeRay .line-numbers a {
+  color: #AAA;
+}
+
+.CodeRay .line-numbers tt { font-weight: bold }
+.CodeRay .line-numbers .highlighted { color: red }
+.CodeRay .line { display: block; float: left; width: 100%; }
+.CodeRay span.line-numbers { padding: 0 24px 0 4px }
+.CodeRay .code { width: 100% }
+
+ol.CodeRay { font-size: 10pt }
+ol.CodeRay li { white-space: pre }
+
+.CodeRay .code pre { overflow: auto }
+.CodeRay .debug { color:white ! important; background:blue ! important; }
+
+.CodeRay .annotation { color:#007 }
+.CodeRay .attribute-name { color:#f08 }
+.CodeRay .attribute-value { color:#700 }
+.CodeRay .binary { color:#509; font-weight:bold }
+.CodeRay .comment  { color:#998; font-style: italic;}
+.CodeRay .char { color:#04D }
+.CodeRay .char .content { color:#04D }
+.CodeRay .char .delimiter { color:#039 }
+.CodeRay .class { color:#458; font-weight:bold }
+.CodeRay .complex { color:#A08; font-weight:bold }
+.CodeRay .constant { color:teal; }
+.CodeRay .color { color:#0A0 }
+.CodeRay .class-variable { color:#369 }
+.CodeRay .decorator { color:#B0B; }
+.CodeRay .definition { color:#099; font-weight:bold }
+.CodeRay .directive { color:#088; font-weight:bold }
+.CodeRay .delimiter { color:black }
+.CodeRay .doc { color:#970 }
+.CodeRay .doctype { color:#34b }
+.CodeRay .doc-string { color:#D42; font-weight:bold }
+.CodeRay .escape  { color:#666; font-weight:bold }
+.CodeRay .entity { color:#800; font-weight:bold }
+.CodeRay .error { color:#F00; background-color:#FAA }
+.CodeRay .exception { color:#C00; font-weight:bold }
+.CodeRay .filename { color:#099; }
+.CodeRay .function { color:#900; font-weight:bold }
+.CodeRay .global-variable { color:teal; font-weight:bold }
+.CodeRay .hex { color:#058; font-weight:bold }
+.CodeRay .integer  { color:#099; }
+.CodeRay .include { color:#B44; font-weight:bold }
+.CodeRay .inline { color: black }
+.CodeRay .inline .inline { background: #ccc }
+.CodeRay .inline .inline .inline { background: #bbb }
+.CodeRay .inline .inline-delimiter { color: #D14; }
+.CodeRay .inline-delimiter { color: #D14; }
+.CodeRay .important { color:#f00; }
+.CodeRay .interpreted { color:#B2B; font-weight:bold }
+.CodeRay .instance-variable { color:teal }
+.CodeRay .label { color:#970; font-weight:bold }
+.CodeRay .local-variable { color:#963 }
+.CodeRay .octal { color:#40E; font-weight:bold }
+.CodeRay .operator { }
+.CodeRay .predefined-constant {  font-weight:bold }
+.CodeRay .predefined { color:#369; font-weight:bold }
+.CodeRay .preprocessor { color:#579; }
+.CodeRay .pseudo-class { color:#00C; font-weight:bold }
+.CodeRay .predefined-type { color:#074; font-weight:bold }
+.CodeRay .reserved, .keyword  { color:#000; font-weight:bold }
+
+.CodeRay .key { color: #808; }
+.CodeRay .key .delimiter { color: #606; }
+.CodeRay .key .char { color: #80f; }
+.CodeRay .value { color: #088; }
+
+.CodeRay .regexp { background-color:#fff0ff }
+.CodeRay .regexp .content { color:#808 }
+.CodeRay .regexp .delimiter { color:#404 }
+.CodeRay .regexp .modifier { color:#C2C }
+.CodeRay .regexp .function  { color:#404; font-weight: bold }
+
+.CodeRay .string { color: #D20; }
+.CodeRay .string .string { }
+.CodeRay .string .string .string { background-color:#ffd0d0 }
+.CodeRay .string .content { color: #D14; }
+.CodeRay .string .char { color: #D14; }
+.CodeRay .string .delimiter { color: #D14; }
+
+.CodeRay .shell { color:#D14 }
+.CodeRay .shell .content { }
+.CodeRay .shell .delimiter { color:#D14 }
+
+.CodeRay .symbol { color:#990073 }
+.CodeRay .symbol .content { color:#A60 }
+.CodeRay .symbol .delimiter { color:#630 }
+
+.CodeRay .tag { color:#070 }
+.CodeRay .tag-special { color:#D70; font-weight:bold }
+.CodeRay .type { color:#339; font-weight:bold }
+.CodeRay .variable  { color:#036 }
+
+.CodeRay .insert { background: #afa; }
+.CodeRay .delete { background: #faa; }
+.CodeRay .change { color: #aaf; background: #007; }
+.CodeRay .head { color: #f8f; background: #505 }
+
+.CodeRay .insert .insert { color: #080; font-weight:bold }
+.CodeRay .delete .delete { color: #800; font-weight:bold }
+.CodeRay .change .change { color: #66f; }
+.CodeRay .head .head { color: #f4f; }
--- a/assets/less/elements.less
+++ b/assets/less/elements.less
@@ -0,0 +1,71 @@
+hr { 
+    display: block; 
+    margin: 1em 0; 
+    padding: 0;
+    height: 1px; 
+    border: 0; 
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #fff; 
+}
+/* Figures and images ==================================== */
+article img {
+  max-width: 100%;
+  height: auto;
+  border-width: 0; 
+  vertical-align: middle; 
+  -ms-interpolation-mode: bicubic; 
+}
+svg:not(:root) {
+    overflow: hidden; 
+}
+.half {
+  .container();
+  .clearfix();
+  img {
+    .grid(12,6);
+  }
+  figcaption {
+    .grid(12,12);
+  }
+}
+.third {
+  .container();
+  .clearfix();
+  img {
+    .grid(12,4);
+  }
+  figcaption {
+    .grid(12,12);
+  }
+}
+/* Buttons ============================================== */
+.btn {
+  display: inline-block;
+  margin-bottom: 20px;
+  padding: 8px 20px;
+  .font-rem(14);
+  background-color: @black;
+  color: @white;
+  border: 2px solid @black !important;
+  .rounded(4px);
+  &:visited {
+    color: @white;
+  }
+  &:hover {
+    background-color: @white;
+    color: @black;
+  }
+  &:active {
+    .translate(0, 2px);
+  }
+}
+/* Well ================================================= */
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  .rounded(4px);
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
+}
--- a/assets/less/forms.less
+++ b/assets/less/forms.less
@@ -0,0 +1,249 @@
+form { 
+	margin: 0 0 5px 0;
+	fieldset { 
+		margin-bottom: 5px; 
+		padding: 0; 
+		border-width: 0; 
+	}
+	legend { 
+		display: block;
+		width: 100%;
+		margin-bottom: 5px * 2;
+		*margin-left: -7px; 
+		padding: 0;
+		color: @textcolor;
+		border: 0;
+		border-bottom: 1px solid lighten(@black, 80);
+		white-space: normal; 
+	}
+	p {
+		margin-bottom: 5px / 2; 
+	}
+	ul {
+		list-style-type: none; 
+		margin: 0 0 5px 0;
+		padding: 0; 
+	}
+	br {
+		display: none; 
+	}
+}
+label,
+input,
+button,
+select,
+textarea {
+	vertical-align: baseline; 
+	*vertical-align: middle; 
+}
+input,
+button,
+select,
+textarea {
+	font-family: @base-font; 
+	.box-sizing(border-box); 
+}
+label {
+	display: block;
+	margin-bottom: 10px / 8;
+	font-weight: bold;
+	color: @textcolor;
+	cursor: pointer; 
+	input,
+	textarea,
+	select {
+		display: block; 
+	}
+}
+input,
+textarea,
+select {
+	display: inline-block;
+	width: 100%;
+	padding: 4px;
+	margin-bottom: 5px / 4;
+	background-color: @white;
+	border: 1px solid lighten(@black, 80);
+	color: @textcolor; 
+	&:hover {
+		border-color: lighten(@accentcolor, 50); 
+	}
+}
+.input-mini { 
+	width: 60px; 
+}
+.input-small { 
+	width: 90px; 
+}
+input[type="image"],
+input[type="checkbox"],
+input[type="radio"] {
+	width: auto;
+	height: auto;
+	padding: 0;
+	margin: 3px 0;
+	*margin-top: 0;
+	line-height: normal;
+	cursor: pointer;
+	.rounded(0);
+	border: 0 \9; 
+}
+input[type="checkbox"], 
+input[type="radio"] {  
+	.box-sizing(border-box);
+	padding: 0; 
+	*width: 13px; 
+	*height: 13px; 
+}
+input[type="image"] {
+	border: 0; 
+	.box-shadow(none); 
+}
+input[type="file"] {
+	width: auto;
+	padding: initial;
+	line-height: initial;
+	border: initial;
+	background-color: transparent;
+	background-color: initial;
+	.box-shadow(none); 
+}
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+	width : auto;
+	height : auto;
+	cursor : pointer;
+	*overflow : visible; 
+}
+select,
+input[type="file"] {
+	*margin-top : 4px;  
+}
+select {
+	width : auto;
+	background-color : @white;
+}
+select[multiple],
+select[size] {
+	height : auto; 
+}
+textarea {
+	.resize(vertical);
+	height : auto;
+	overflow : auto; 
+	vertical-align : top; 
+}
+input[type="hidden"] {
+	display : none; 
+}
+.radio,
+.checkbox {
+	padding-left : 18px; 
+	font-weight : normal; 
+}
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+	float : left;
+	margin-left : -18px; 
+}
+.radio.inline,
+.checkbox.inline {
+	display : inline-block;
+	padding-top : 5px;
+	margin-bottom : 0;
+	vertical-align : middle; 
+}
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+	margin-left : 10px; 
+}
+/* disabled ==================================== */
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+	.opacity(.5);
+	cursor : not-allowed; 
+}
+/* focus and active ============================ */
+input:focus,
+textarea:focus {
+	border-color : @accentcolor;
+	outline : 0;
+	outline : thin dotted \9; 
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
+	.box-shadow(none); 
+}
+/* help text ==================================== */
+.help-block,
+.help-inline {
+	color : lighten(@black, 50); 
+}
+.help-block {
+	display : block; 
+	margin-bottom : 1em; 
+	line-height : 1em;
+}
+.help-inline {
+	display : inline-block;
+	vertical-align : middle;
+	padding-left : 5px; 
+}
+/* .form-inline ================================= */
+.form-inline input,
+.form-inline textarea,
+.form-inline select {
+	display : inline-block;
+	margin-bottom : 0; 
+}
+.form-inline label {
+	display : inline-block; 
+}
+.form-inline .radio,
+.form-inline .checkbox,
+.form-inline .radio {
+	padding-left : 0;
+	margin-bottom : 0;
+	vertical-align : middle; 
+}
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+	float : left;
+	margin-left : 0;
+	margin-right : 3px; }
+/* .form-search ================================= */
+.form-search input,
+.form-search textarea,
+.form-search select {
+	display : inline-block;
+	margin-bottom : 0; 
+}
+.form-search .search-query {
+	padding-left : 14px;
+	padding-right : 14px;
+	margin-bottom : 0; 
+	.rounded(14px); 
+}
+.form-search label {
+	display : inline-block;
+}
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio {
+	padding-left : 0;
+	margin-bottom : 0;
+	vertical-align : middle;
+}
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"] {
+	float : left;
+	margin-left : 0;
+	margin-right : 3px;
+}
--- a/assets/less/grid.less
+++ b/assets/less/grid.less
@@ -0,0 +1,47 @@
+// Defining number of columns in the grid.
+// Common Values would be 12, 16 or 24
+@width: 100%;
+@def_grid: 12;
+@margin: 0;
+
+.container(){
+  margin:0 auto;
+  width:@width;
+}
+                                      
+// Works out the width of elements based
+// on total number of columns and width
+// number of columns being displayed.
+// Removes 20px for margins
+.grid(@grid:@def_grid,@cols:'',@float:left,@display:inline){
+  display:@display;
+  float:@float;
+  width:(100%/@grid * @cols) - (@margin * 2);
+}  
+
+// Allows for padding before element
+.prefix(@grid:@def_grid,@cols:''){
+  margin-left:(100%/@grid * @cols);
+}
+// Allows for padding after element
+.suffix(@grid:@def_grid,@cols:''){  
+  margin-right:(100%/@grid * @cols);    
+}
+// Removes left margin
+.first(){
+  margin-left:0;
+}
+// Removes right margin
+.last(){
+  margin-right:0;
+}
+
+.push(@grid:@def_grid,@move:'') {
+  position:relative;
+  left:(100%/@grid * @move);
+} 
+
+.pull(@grid:@def_grid,@move:''){
+  position:relative;
+  left:(100%/@grid * @move) * -1;
+}
--- a/assets/less/icomoon.less
+++ b/assets/less/icomoon.less
@@ -0,0 +1,72 @@
+@font-face {
+	font-family: 'icomoon';
+	src:url('../fonts/icomoon.eot');
+	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/icomoon.woff') format('woff'),
+		url('../fonts/icomoon.ttf') format('truetype'),
+		url('../fonts/icomoon.svg#icomoon') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+	font-family: 'icomoon';
+	content: attr(data-icon);
+	speak: none;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="icon-"] {
+*/
+.icon-instagram, .icon-facebook, .icon-twitter, .icon-google-plus, .icon-feed, .icon-feed-2, .icon-linkedin, .icon-tumblr, .icon-lastfm, .icon-mail, .icon-github {
+	font-family: 'icomoon';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+}
+.icon-instagram:before {
+	content: "\e004";
+}
+.icon-facebook:before {
+	content: "\e003";
+}
+.icon-twitter:before {
+	content: "\e007";
+}
+.icon-google-plus:before {
+	content: "\e00a";
+}
+.icon-feed:before {
+	content: "\e00b";
+}
+.icon-feed-2:before {
+	content: "\e00c";
+}
+.icon-linkedin:before {
+	content: "\e001";
+}
+.icon-tumblr:before {
+	content: "\e002";
+}
+.icon-lastfm:before {
+	content: "\e005";
+}
+.icon-mail:before {
+	content: "\e006";
+}
+.icon-github:before {
+	content: "\e000";
+}
--- a/assets/less/ie.less
+++ b/assets/less/ie.less
@@ -0,0 +1,37 @@
+// ===========================================================
+// Minimal Mistakes
+// By: Michael Rose
+// ===========================================================/
+
+// ROOT =======================================================
+/* CSS Normalize =========================================== */
+@import "normalize.less";
+/* Variables and mixins ==================================== */
+@import "variables.less";
+/* Site wide styles (html, body, global classes) =========== */
+@import "site.less";
+// TYPOGRAPHY =================================================
+@import "typography.less";
+// MIXINS =====================================================
+@import "mixins.less";
+@import "grid.less";
+// ELEMENTS ===================================================
+/* Figures, images, social media, other elements =========== */
+@import "elements.less";
+/* Standard form controls ================================== */
+@import "forms.less";
+// LAYOUT =====================================================
+/* Page level layout styles */
+@import "page.less";
+// MODERNIZR ==================================================
+// MEDIA QUERIES ==============================================
+/* 480px wide ============================================== */
+@import "480.less";
+/* 600px wide ============================================== */
+@import "600.less";
+/* 768px wide ============================================== */
+@import "768.less";
+/* 992px wide ============================================== */
+@import "992.less";
+/* 1382px wide ============================================= */
+@import "1382.less";
--- a/assets/less/magnific-popup.less
+++ b/assets/less/magnific-popup.less
@@ -0,0 +1,454 @@
+/* Magnific Popup CSS */
+// Modified by Michael Rose
+
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 502;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8;
+  filter: alpha(opacity=80); }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 503;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  height: 100%;
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 505; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto;
+  &:after {
+    content: '';
+    display: block;
+    width: auto;
+    height: auto;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 
+  }
+}
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur,
+.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out; }
+
+.mfp-zoom, 
+.image-popup {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #cccccc;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 504; }
+
+.mfp-preloader a {
+  color: #cccccc; }
+
+.mfp-preloader a:hover {
+  color: white; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  padding: 0;
+  z-index: 506; }
+
+button.mfp-close {
+  background: transparent; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: white;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover, .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: white;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #cccccc;
+  font-size: 12px;
+  line-height: 18px; }
+
+.mfp-arrow {
+  .hide-text();
+  position: absolute;
+  top: 0;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  background-color: @black;
+  .transition(opacity 0.2s ease-in-out);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.mfp-arrow:active {
+  margin-top: -54px; }
+
+.mfp-arrow:hover,
+.mfp-arrow:focus {
+  opacity: 1; }
+
+.mfp-arrow:before, .mfp-arrow:after,
+.mfp-arrow .mfp-b,
+.mfp-arrow .mfp-a {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: 0;
+  top: 0;
+  margin-top: 35px;
+  margin-left: 35px;
+  border: solid transparent; }
+.mfp-arrow:after,
+.mfp-arrow .mfp-a {
+  opacity: 0.8;
+  border-top-width: 12px;
+  border-bottom-width: 12px;
+  top: 8px; }
+.mfp-arrow:before,
+.mfp-arrow .mfp-b {
+  border-top-width: 20px;
+  border-bottom-width: 20px; }
+
+.mfp-arrow-left {
+  left: 0; 
+  .border-radius(5px, 5px, 0, 0); }
+  .mfp-arrow-left:after,
+  .mfp-arrow-left .mfp-a {
+    border-right: 12px solid #fff;
+    left: 5px; }
+  .mfp-arrow-left:before,
+  .mfp-arrow-left .mfp-b {
+    border-right: 20px solid #fff; }
+
+.mfp-arrow-right {
+  right: 0; 
+  .border-radius(0, 0, 5px, 5px); }
+  .mfp-arrow-right:after,
+  .mfp-arrow-right .mfp-a {
+    border-left: 12px solid #fff;
+    left: 3px; }
+  .mfp-arrow-right:before,
+  .mfp-arrow-right .mfp-b {
+    border-left: 20px solid #fff; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+
+.mfp-iframe-holder .mfp-content {
+  line-height: 0;
+  width: 100%;
+  max-width: 900px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+
+.mfp-iframe-scaler iframe {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+  background: black; }
+
+.mfp-iframe-holder .mfp-close {
+  top: -40px; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure:after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 40px;
+  bottom: 40px;
+  display: block;
+  right: 0;
+  width: auto;
+  height: auto;
+  z-index: -1;
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
+
+.mfp-figure {
+  line-height: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #f3f3f3; }
+
+.mfp-figure small {
+  color: #bdbdbd;
+  display: block;
+  font-size: 12px;
+  line-height: 14px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }  
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+   * Remove all paddings around the image on small screen
+   */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+
+  /* The shadow behind the image */
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  .mfp-img-mobile .mfp-bottom-bar:empty {
+    padding: 0; }
+
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; }
+
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; } }
+@media all and (max-width: 800px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }
+.mfp-ie7 .mfp-img {
+  padding: 0; }
+.mfp-ie7 .mfp-bottom-bar {
+  width: 600px;
+  left: 50%;
+  margin-left: -300px;
+  margin-top: 5px;
+  padding-bottom: 5px; }
+.mfp-ie7 .mfp-container {
+  padding: 0; }
+.mfp-ie7 .mfp-content {
+  padding-top: 44px; }
+.mfp-ie7 .mfp-close {
+  top: 0;
+  right: 0;
+  padding-top: 0; }
+
+/**
+ * Fade-zoom animation for first dialog
+ */
+
+/* start state */
+.mfp-fade .zoom-anim-dialog {
+  opacity: 0;
+  .transition(all 0.2s ease-in-out); 
+  .scale(0.8);
+}
+
+/* animate in */
+.mfp-fade.mfp-ready .zoom-anim-dialog {
+  opacity: 1;
+  .scale(1);
+}
+
+/* animate out */
+.mfp-fade.mfp-removing .zoom-anim-dialog {
+ .scale(0.8); 
+  opacity: 0;
+}
+
+/* Dark overlay, start state */
+.mfp-fade.mfp-bg {
+  opacity: 0;
+  .transition(opacity 0.3s ease-out); 
+}
+/* animate in */
+.mfp-fade.mfp-ready.mfp-bg {
+  opacity: 0.8;
+}
+/* animate out */
+.mfp-fade.mfp-removing.mfp-bg {
+  opacity: 0;
+}
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -0,0 +1,63 @@
+// ===========================================================
+// Minimal Mistakes
+// By: Michael Rose
+// ===========================================================/
+
+// ROOT =======================================================
+/* CSS Normalize =========================================== */
+@import "normalize.less";
+/* Variables and mixins ==================================== */
+@import "variables.less";
+/* Site wide styles (html, body, global classes) =========== */
+@import "site.less";
+// TYPOGRAPHY =================================================
+@import "typography.less";
+/* Pygments Syntax highlighting ============================= */
+@import "pygments.less";
+// Coderay Syntax highlighting ===============================
+@import "coderay.less";
+// MIXINS =====================================================
+@import "mixins.less";
+@import "grid.less";
+// ELEMENTS ===================================================
+/* Figures, images, social media, other elements =========== */
+@import "elements.less";
+/* Custom set of Icomoon webfont icons ===================== */
+@import "icomoon.less";
+/* Standard form controls ================================== */
+@import "forms.less";
+// LAYOUT =====================================================
+/* Page level layout styles ================================ */
+@import "page.less";
+// PLUGINS  ===================================================
+/* jQuery Magnific-Popup =================================== */
+@import "magnific-popup.less";
+// MEDIA QUERIES ==============================================
+/* Print =================================================== */
+@media print {
+	@import "print.less";
+}
+/* 480px wide ============================================== */
+@media only screen and (min-width: 30em) {
+	@import "480.less";
+}
+/* 600px wide ============================================== */
+@media only screen and (min-width: 37.5em) {
+	@import "600.less";
+}
+/* 768px wide ============================================== */
+@media only screen and (min-width: 48em) {
+	@import "768.less";
+}
+/* 992px wide ============================================== */
+@media only screen and (min-width: 62em) {
+	@import "992.less";
+}
+/* 1382px wide ============================================= */
+@media only screen and (min-width: 86.375em) {
+	@import "1382.less";
+}
+/* 2x for retina displays ================================== */
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
+	@import "2x.less"; 
+}
--- a/assets/less/mixins.less
+++ b/assets/less/mixins.less
@@ -0,0 +1,296 @@
+// UTILITY MIXINS
+// --------------------------------------------------
+
+// Clearfix
+// --------------------
+// For clearing floats like a boss h5bp.com/q
+.clearfix {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Webkit-style focus
+// --------------------
+.tab-focus() {
+  // Default
+  outline: thin dotted #333;
+  // Webkit
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+// Center-align a block level element
+// ----------------------------------
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// TYPOGRAPHY
+// --------------------------------------------------
+
+// Full-fat vertical rhythm
+// ------------------------
+.font-size(@size) {
+  font-size: 0px + @size;
+  font-size: 0rem + @size / @doc-font-size;
+  line-height: 0 + round(@doc-line-height / @size*10000) / 10000;
+  margin-bottom: 0px + @doc-line-height;
+  margin-bottom: 0rem + (@doc-line-height / @doc-font-size);
+}
+
+// Just the REMs
+// -------------
+.font-rem(@size) {
+  font-size: 0px + @size;
+  font-size: 0rem + @size / @doc-font-size;
+}
+
+// Just font-size and line-height
+// ------------------------------
+.font(@size) {
+  font-size: 0px + @size;
+  font-size: 0rem + @size / @doc-font-size;
+  line-height: 0 + round(@doc-line-height / @size*10000) / 10000;
+}
+
+.text-overflow() {
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap; }
+
+@indent-var: 0rem + (@doc-line-height / @doc-font-size);
+
+// GRADIENTS
+// --------------------------------------------------
+
+.horizontal(@startColor : @white, @endColor : @lightergrey) {
+background-color: @endColor;
+background-image  : -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+background-image  : -webkit-linear-gradient(left, @startColor, @endColor);           // Safari 5.1+, Chrome 10+
+background-image  : -moz-linear-gradient(left, @startColor, @endColor);            // FF 3.6+
+background-image  : -ms-linear-gradient(left, @startColor, @endColor);             // IE10
+background-image  : -o-linear-gradient(left, @startColor, @endColor);              // Opera 11.10
+background-image  : linear-gradient(left, @startColor, @endColor);               // W3C
+background-repeat : repeat-x; }
+
+.vertical(@startColor : @white, @endColor:  @lightergrey) {
+background-image  : -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+background-image  : -webkit-linear-gradient(top, @startColor, @endColor);            // Safari 5.1+, Chrome 10+
+background-color  : @endColor;
+background-image  : -moz-linear-gradient(top, @startColor, @endColor);             // FF 3.6+
+background-image  : -ms-linear-gradient(top, @startColor, @endColor);              // IE10
+background-image  : -o-linear-gradient(top, @startColor, @endColor);             // Opera 11.10
+background-image  : linear-gradient(top, @startColor, @endColor);                // W3C
+background-repeat : repeat-x; }
+
+.directional(@startColor : @white, @endColor : @lightergrey, @deg : 45deg) {
+background-color  : @endColor;
+background-image  : -moz-linear-gradient(@deg, @startColor, @endColor);           // FF 3.6+
+background-image  : -ms-linear-gradient(@deg, @startColor, @endColor);            // IE10
+background-image  : -webkit-linear-gradient(@deg, @startColor, @endColor);          // Safari 5.1+, Chrome 10+
+background-image  : -o-linear-gradient(@deg, @startColor, @endColor);             // Opera 11.10
+background-image  : linear-gradient(@deg, @startColor, @endColor);              // W3C
+background-repeat : repeat-x; }
+
+// .bordered(COLOR, COLOR, COLOR, COLOR);
+.bordered(@top-color: #eee, @right-color: #eee, @bottom-color: #eee, @left-color: #eee) {
+border-top : solid 1px @top-color;
+border-left : solid 1px @left-color;
+border-right : solid 1px @right-color;
+border-bottom : solid 1px @bottom-color; }
+
+// ROUND CORNERS
+// --------------------------------------------------
+
+// .rounded(VALUE);
+.rounded(@radius:4px) {
+-webkit-border-radius : @radius;
+-moz-border-radius : @radius;
+border-radius : @radius; }
+
+// .border-radius(VALUE,VALUE,VALUE,VALUE);
+.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
+-webkit-border-top-right-radius : @topright;
+-webkit-border-bottom-right-radius : @bottomright;
+-webkit-border-bottom-left-radius : @bottomleft;
+-webkit-border-top-left-radius : @topleft;
+-moz-border-radius-topright : @topright;
+-moz-border-radius-bottomright : @bottomright;
+-moz-border-radius-bottomleft : @bottomleft;
+-moz-border-radius-topleft : @topleft;
+border-top-right-radius : @topright;
+border-bottom-right-radius : @bottomright;
+border-bottom-left-radius : @bottomleft;
+border-top-left-radius : @topleft;
+-webkit-background-clip : padding-box;
+-moz-background-clip : padding;  
+background-clip : padding-box; }
+
+// .box-shadow(HORIZONTAL VERTICAL BLUR COLOR))
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+-webkit-box-shadow : @shadow;
+-moz-box-shadow : @shadow;
+box-shadow : @shadow; }
+
+// .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
+-webkit-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+-moz-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); }
+
+// .text-shadow();
+.text-shadow(@shadow: 0 2px 3px rgba(0,0,0,.25)) {
+text-shadow : @shadow; }
+
+// .opacity(VALUE);
+.opacity(@opacity : .5) {
+-webkit-opacity : @opacity;
+-moz-opacity : @opacity;
+opacity : @opacity; }
+
+// TRANSFORMATIONS
+// --------------------------------------------------
+
+// .rotate(VALUEdeg);
+.rotate(@deg) {
+-webkit-transform : rotate(@deg);
+-moz-transform : rotate(@deg);
+-ms-transform : rotate(@deg);
+-o-transform : rotate(@deg);
+transform : rotate(@deg); }
+
+// .scale(VALUE);
+.scale(@ratio) {
+-webkit-transform : scale(@ratio);
+-moz-transform : scale(@ratio);
+-ms-transform : scale(@ratio);
+-o-transform : scale(@ratio);
+transform : scale(@ratio); }
+
+// .skew(VALUE, VALUE);
+.skew(@x: 0, @y: 0) {
+-webkit-transform : skew(@x, @y);
+-moz-transform : skew(@x, @y);
+-ms-transform : skew(@x, @y);
+-o-transform : skew(@x, @y);
+transform : skew(@x, @y); }
+
+// .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);
+.transition(@transition) {
+-webkit-transition : @transition;
+-moz-transition : @transition;
+-ms-transition : @transition;
+-o-transition : @transition;
+transition : @transition; }
+
+// .translate(VALUE, VALUE)
+.translate(@x: 0, @y: 0) {
+-webkit-transform : translate(@x, @y);
+-moz-transform : translate(@x, @y);
+-ms-transform : translate(@x, @y);
+-o-transform : translate(@x, @y);
+transform : translate(@x, @y); }
+
+.translate3d(@x: 0, @y: 0, @z: 0) {
+-webkit-transform : translate(@x, @y, @z);
+-moz-transform : translate(@x, @y, @z);
+-ms-transform : translate(@x, @y, @z);
+-o-transform : translate(@x, @y, @z);
+transform : translate(@x, @y, @z); }
+
+.animation(@name, @duration: 300ms, @delay: 0, @ease: ease) {
+  -webkit-animation: @name @duration @delay @ease;
+  -moz-animation:    @name @duration @delay @ease;
+  -ms-animation:     @name @duration @delay @ease;
+}
+
+// BACKGROUND
+// --------------------------------------------------
+
+// .background-alpha(VALUE VALUE);
+.background-alpha(@color: @white, @alpha: 1) {
+background-color : hsla(hue(@color), saturation(@color), lightness(@color), @alpha); }
+
+// .background-size(VALUE VALUE);
+.background-size(@size){
+-webkit-background-size : @size;
+-moz-background-size : @size;
+-o-background-size : @size;
+background-size : @size; }
+
+// .background-clip(VALUE); (border-box, padding-box, content-box)
+.background-clip(@clip) {
+-webkit-background-clip : @clip;
+-moz-background-clip : @clip;
+background-clip : @clip; }
+
+// .box-sizing(VALUE); (border-box, padding-box, content-box)
+.box-sizing(@boxsize: border-box) {
+-webkit-box-sizing : @boxsize;
+-moz-box-sizing : @boxsize;
+-ms-box-sizing : @boxsize;
+box-sizing : @boxsize; }
+
+// For image replacement
+.hide-text() {
+text-indent : 100%;
+white-space : nowrap;
+overflow : hidden; }
+
+// Hide from visual and speaking browsers
+.hidden() {
+display : none !important; 
+visibility : hidden; }
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+// Hide but maintain layout
+.invisible() { 
+visibility : hidden; }
+
+// .resize(VALUE) (none, both, horizontal, vertical, inherit)
+.resize(@direction: both) {
+resize : @direction;
+overflow : auto; }
+
+// .userselect(VALUE) (all, element, none, text)
+.user-select(@select) {
+-webkit-user-select : @select;
+-moz-user-select : @select;
+-o-user-select : @select;
+user-select : @select; }
+
+// Hidden but available to speaking browsers
+.visuallyhidden() { 
+overflow : hidden; 
+position : absolute;
+clip : rect(0 0 0 0); 
+height : 1px; 
+width : 1px;
+margin : -1px; 
+padding : 0; 
+border : 0; }
+
+// Make visuallyhidden focusable with a keyboard
+.visuallyhidden.focusable:active, 
+.visuallyhidden.focusable:focus { 
+position : static;
+clip : auto; 
+height : auto; 
+width : auto;
+margin : 0; 
+overflow: visible; }
--- a/assets/less/normalize.less
+++ b/assets/less/normalize.less
@@ -0,0 +1,398 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-bottom: 1.5em;
+    width: 100%; /* make full width */
+}
--- a/assets/less/page.less
+++ b/assets/less/page.less
@@ -0,0 +1,412 @@
+body {
+	background-color: @bodycolor;
+	font-family: @base-font;
+	font-color: @textcolor;
+}
+.navigation-wrapper {
+	.container();
+	padding: 2em 0 0;
+	font-family: @heading-font;
+	font-weight: 700;
+	text-transform: uppercase;
+	.clearfix();
+}
+.site-name {
+	.grid(12,10);
+	.prefix(12,1);
+	.suffix(12,1);
+	margin-bottom: 1em;
+	float: none;
+	display: block;
+}
+.top-navigation {
+	.grid(12,10);
+	.prefix(12,1);
+	.suffix(12,1);
+	margin-bottom: 1em;
+	float: none;
+	display: block;
+}
+.top-navigation {
+	ul {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+	li {
+		list-style-type: none;
+		display: inline;
+		margin-right: 25px;
+		white-space: nowrap;
+		a { 
+			decoration: none;
+			border-bottom: 0 solid transparent;
+			.transition(all .2s);
+		}
+	}
+}
+#main {
+	counter-reset: captions;
+	.container();
+	.clearfix();
+	clear: both;
+	margin-top: 1em;
+	article {
+		.container();
+		.grid(12,10);
+		.prefix(12,1);
+		.suffix(12,1);
+		margin-bottom: 2em;
+	}
+}
+#index {
+	.container();
+	.grid(12,10);
+	.prefix(12,1);
+	.suffix(12,1);
+	margin-bottom: 2em;
+	h3 {
+		margin: 0;
+		padding-bottom: .5em;
+		.font-rem(28);
+		border-bottom: 1px solid lighten(@black,70);
+	}
+	article {
+		h2 {
+			margin-bottom: 4px;
+			.font-rem(20);
+		}
+		p {
+			.font-rem(14);
+		}
+		p+p {
+			text-indent: 0;
+		}
+	}
+}
+.image-wrap {
+	position: relative;
+	margin-bottom: 2em;
+	&:after {
+		content: " ";
+		display: block;
+		position: absolute;
+		bottom: -1px;
+		left: 8%;
+		width: 0;
+		height: 0;
+		border: 20px solid transparent;
+		border-bottom-color: @bodycolor;
+	}
+	img {
+		width: 100%;
+		height: auto;
+		-ms-interpolation-mode: bicubic;
+	}
+	.headline-wrap {
+		position: absolute;
+		bottom: 25px;
+		.prefix(12,1);
+		h1, h2 {
+			color: @white;
+			.text-shadow(0 1px 2px rgba(0,0,0,.25));
+		}
+	}
+}
+.byline {
+	clear: both;
+	font-size: 80%;
+}
+.article-author-side,
+.article-author-bottom {
+	h3 {
+		margin-bottom: 0;
+	}
+	p {
+		font-size: 80%;
+		font-style: italic;
+	}
+	a, a:hover {
+		border-bottom: 0 solid transparent;
+	}
+	img.bio-photo {
+		width: 100px;
+		height: 100px;
+		.rounded(100px);
+	}
+}
+.author-social {
+  display: block;
+  margin-bottom: 5px;
+  .font-rem(14);
+  color: @black;
+  &:visited {
+    color: @black;
+  }
+  &:hover {
+    .scale(1.1);
+  }
+  &:active {
+    .translate(0, 2px);
+  }
+}
+.article-author-side {
+	display: none;
+}
+.article-author-bottom {
+	margin-bottom: 1em;
+	.bio-photo {
+		float: left;
+		margin-right: 25px;
+	}
+	.author-social {
+		display: inline-block;
+		margin-right: 5px;
+	}
+}
+.article-wrap {
+	// Dotted line underlines for links
+	p > a,
+	li > a {
+		border-bottom: 1px dotted lighten(@link-color, 50);
+		&:hover {
+			border-bottom-style: solid;
+		}
+	}
+	p > a.reversefootnote, 
+	li > a.reversefootnote {
+		border-bottom-width: 0;
+	}
+}
+.toc {
+	display: none;
+	font-size: 95%;
+	.opacity(0.7);
+	.transition(opacity 0.2s ease-in-out);
+	&:hover {
+		.opacity(1);
+	}
+	header {
+		background: lighten(@black, 10);
+	}
+	h3 {
+		margin: 0;
+		padding: 5px 10px;
+		color: @white;
+		&:hover {
+			cursor: pointer;
+		}
+	}
+	ul {
+		margin: 2px 0 0;
+		padding: 0;
+		background: lighten(@black, 30);
+		line-height: 1;
+	}
+	li {
+		display: block;
+		margin: 0;
+		padding: 0;
+		font-family: @heading-font;
+		border-bottom: 1px solid darken(@white, 50);
+		&:last-child {
+			border-bottom-width: 0;
+		}
+		a {
+			padding: 10px;
+			display: block;
+			color: @white;
+			border-bottom-width: 0;
+			&:hover {
+				font-weight: 400;
+				:before {
+					content: "\00bb";
+					padding-right: 5px;
+				}
+			}
+		}
+		ul {
+			margin: 0;
+			border-top: 1px solid darken(@white, 50);
+		}
+	}
+}
+.image-grid {
+	.clearfix();
+	list-style: none;
+	margin: 0 0 1em;
+	padding: 0;
+	li {
+		.grid(12,6);
+	}
+}
+.recent-grid {
+	.clearfix();
+	list-style: none;
+	margin: 1em 0;
+	li {
+		display: inline;
+		a { 
+			border-bottom: 0 solid transparent;
+			&:hover {
+				border-bottom: 0 solid transparent;
+			}
+		}
+	}
+	img {
+		width: 19%;
+		margin-bottom: 1%;
+	}
+}
+.holder {
+	font-family: @heading-font;
+	a {
+		cursor: pointer;
+		margin: 0 5px;
+	}
+	a.jp-previous {
+		margin-left: 0;
+		margin-right: 15px;
+	}
+	a.jp-next {
+		margin-left: 15px;
+		margin-right: 0;
+	}
+	a.jp-current {
+		font-weight: bold;
+	}
+	a.jp-disabled, 
+	a.jp-disabled:hover {
+	}
+	a.jp-current, 
+	a.jp-current:hover,  
+	a.jp-disabled, 
+	a.jp-disabled:hover {
+		cursor: default;
+		background: none;
+	}
+	span {
+		margin: 0 5px;
+	}
+}
+.footer-wrap {
+	.container();
+	.clearfix();
+	clear: both;
+	padding-bottom: 3em;
+	a,
+	a:active,
+	a:visited,
+	p,
+	h4,
+	h5,
+	h6,
+	span { 
+		.font-rem(14);
+	}
+	footer {
+		.grid(12,10);
+		.prefix(12,1);
+		.suffix(12,1);
+	}
+}
+.related-articles {
+	.grid(12,10);
+	.prefix(12,1);
+	.suffix(12,1);
+	margin-bottom: 2em;
+	h4 {
+		
+		text-transform: uppercase;
+		margin-bottom: 0;
+	}
+	li {
+		margin-bottom: 0;
+	}
+}
+.footer-icons {
+	li {
+		display: inline-block;
+		padding-right: 5px;
+		a {
+			color: lighten(@basecolor, 40%);
+			.transition(.4s linear);
+			&:hover {
+				text-decoration: none;
+				border-bottom: none;
+				.icon-twitter,
+				.icon-twitter-sign {
+					color: #2aa9df;
+				}
+				.icon-facebook,
+				.icon-facebook-sign {
+					color: #3a5a98;
+				}
+				.icon-instagram,
+				.icon-instagram-sign {
+					color: #306088;
+				}
+				.icon-google-plus,
+				.icon-google-plus-sign {
+					color: #b63324;
+				}
+				.icon-lastfm,
+				.icon-lastfm-sign {
+					color: #d80049;
+				}
+				.icon-github {
+					color: #4183c4;
+				}
+			}
+		}
+	}
+}
+
+// Browser Upgrade
+// --------------------------------------------------
+.browser-upgrade {
+	background: #000;
+	text-align: center;
+	margin: 0 0 2em 0;
+	padding: 10px;
+	text-align: center;
+	color: @white;
+	a {
+		color: @white;
+		border-bottom: 1px dotted @white;
+		text-decoration: none;
+		&:hover {
+			border-bottom: 1px solid @white;
+		}
+	}
+}
+
+// Google Search
+// --------------------------------------------------
+#goog-fixurl {
+	ul {
+		list-style: none;
+		margin-left: 0;
+		padding-left: 0;
+		li {
+			list-style-type: none;
+		}
+	}
+}
+#goog-wm-qt {
+	width: auto;
+	margin-right: 10px;
+	margin-bottom: 20px;
+	padding: 8px 20px;
+	display: inline-block;
+	.font-rem(14);
+	background-color: @white;
+	color: @black;
+	border-width: 2px !important;
+	border-style: solid !important;
+	border-color: lighten(@black,50);
+	.rounded(3px);
+}
+#goog-wm-sb {
+	.btn();
+}
--- a/assets/less/print.less
+++ b/assets/less/print.less
@@ -0,0 +1,56 @@
+// ROOT =====================================================
+* { 
+background : transparent !important; 
+color : black !important; 
+box-shadow : none !important; 
+text-shadow : none !important; 
+filter : none !important; 
+-ms-filter : none !important;
+position: static !important; }
+
+@page { 
+margin : 0.5cm; }
+
+// TYPOGRAPHY ===============================================
+h2, h3 { 
+orphans : 3; 
+widows : 3; 
+page-break-after : avoid; }
+
+p { 
+orphans : 3; 
+widows : 3; }
+
+pre, blockquote { 
+border : 1px solid #333; 
+page-break-inside : avoid;
+padding: 1em; }
+
+abbr[title]:after { 
+content: " (" attr(title) ")"; }
+
+a, a:visited { 
+text-decoration : underline; }
+
+a[href]:after { 
+content : " (" attr(href) ")"; }
+
+a[href^="javascript:"]:after, 
+a[href^="#"]:after { 
+content : ""; }
+
+// TEXTURE ===============================================
+img { 
+max-width : 100% !important;
+page-break-inside : avoid; }
+
+thead { 
+display : table-header-group; } 
+
+tr { 
+page-break-inside : avoid; }
+
+// ELEMENTS ==============================================
+// LAYOUT ================================================
+// VENDOR-SPECIFIC =======================================
+// MODERNIZR =============================================
--- a/assets/less/pygments.less
+++ b/assets/less/pygments.less
@@ -0,0 +1,75 @@
+.highlight {
+	background-color: #efefef;
+	font-family: @code-font;
+	.font(12);
+	color: #333332;
+	margin-bottom: 1.5em;
+	.rounded(4px);
+	pre {
+		position: relative;
+		margin: 0;
+		padding: 1em;
+	}
+	.lineno { padding-right: 24px; color: lighten(#333332,50);}
+	.hll { background-color: #ffffcc }
+	.c { color: #999988; font-style: italic } /* Comment */
+	.err { color: #a61717; background-color: #e3d2d2 } /* Error */
+	.k { color: #000000; font-weight: bold } /* Keyword */
+	.o { color: #000000; font-weight: bold } /* Operator */
+	.cm { color: #999988; font-style: italic } /* Comment.Multiline */
+	.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+	.c1 { color: #999988; font-style: italic } /* Comment.Single */
+	.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+	.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+	.ge { color: #000000; font-style: italic } /* Generic.Emph */
+	.gr { color: #aa0000 } /* Generic.Error */
+	.gh { color: #999999 } /* Generic.Heading */
+	.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+	.go { color: #888888 } /* Generic.Output */
+	.gp { color: #555555 } /* Generic.Prompt */
+	.gs { font-weight: bold } /* Generic.Strong */
+	.gu { color: #aaaaaa } /* Generic.Subheading */
+	.gt { color: #aa0000 } /* Generic.Traceback */
+	.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+	.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+	.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+	.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+	.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+	.kt { color: #445588; font-weight: bold } /* Keyword.Type */
+	.m { color: #009999 } /* Literal.Number */
+	.s { color: #d01040 } /* Literal.String */
+	.na { color: #008080 } /* Name.Attribute */
+	.nb { color: #0086B3 } /* Name.Builtin */
+	.nc { color: #445588; font-weight: bold } /* Name.Class */
+	.no { color: #008080 } /* Name.Constant */
+	.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+	.ni { color: #800080 } /* Name.Entity */
+	.ne { color: #990000; font-weight: bold } /* Name.Exception */
+	.nf { color: #990000; font-weight: bold } /* Name.Function */
+	.nl { color: #990000; font-weight: bold } /* Name.Label */
+	.nn { color: #555555 } /* Name.Namespace */
+	.nt { color: #000080 } /* Name.Tag */
+	.nv { color: #008080 } /* Name.Variable */
+	.ow { color: #000000; font-weight: bold } /* Operator.Word */
+	.w { color: #bbbbbb } /* Text.Whitespace */
+	.mf { color: #009999 } /* Literal.Number.Float */
+	.mh { color: #009999 } /* Literal.Number.Hex */
+	.mi { color: #009999 } /* Literal.Number.Integer */
+	.mo { color: #009999 } /* Literal.Number.Oct */
+	.sb { color: #d01040 } /* Literal.String.Backtick */
+	.sc { color: #d01040 } /* Literal.String.Char */
+	.sd { color: #d01040 } /* Literal.String.Doc */
+	.s2 { color: #d01040 } /* Literal.String.Double */
+	.se { color: #d01040 } /* Literal.String.Escape */
+	.sh { color: #d01040 } /* Literal.String.Heredoc */
+	.si { color: #d01040 } /* Literal.String.Interpol */
+	.sx { color: #d01040 } /* Literal.String.Other */
+	.sr { color: #009926 } /* Literal.String.Regex */
+	.s1 { color: #d01040 } /* Literal.String.Single */
+	.ss { color: #990073 } /* Literal.String.Symbol */
+	.bp { color: #999999 } /* Name.Builtin.Pseudo */
+	.vc { color: #008080 } /* Name.Variable.Class */
+	.vg { color: #008080 } /* Name.Variable.Global */
+	.vi { color: #008080 } /* Name.Variable.Instance */
+	.il { color: #009999 } /* Literal.Number.Integer.Long */
+}
--- a/assets/less/site.less
+++ b/assets/less/site.less
@@ -0,0 +1,50 @@
+/* Selection ============================================= */
+::-moz-selection { 
+	background-color: lighten(@basecolor, 65%); 
+	color: @basecolor; 
+	text-shadow: none; 
+}  	
+::selection { 
+	background-color: lighten(@basecolor, 65%); 
+	color: @basecolor; 
+	text-shadow: none; 
+}
+
+/* Global Classes ======================================== */
+.all-caps {
+	text-transform: uppercase;
+}
+.pull-left {
+	float: left;
+}
+.pull-right {
+	float: right;
+}
+.image-pull-right {
+	float: right;
+	margin-top: 0;
+}
+.clearfix {
+	*zoom: 1;
+	&:before,
+	&:after {
+		display: table;
+	    content: "";
+	}
+	&:after {
+		clear: both;
+	}
+}
+.unstyled-list {
+	list-style: none;
+	margin-left: 0;
+	padding-left: 0;
+	li {
+		list-style-type: none;
+	}
+}
+
+/* Global Transition ==================================== */
+b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
+	.transition(all .2s ease);
+}
--- a/assets/less/typography.less
+++ b/assets/less/typography.less
@@ -0,0 +1,144 @@
+// Body
+// --------------------------------------------------
+body {
+	font-family: @base-font;
+	color: @text-color;
+}
+
+// Headings
+// --------------------------------------------------
+h1, h2, h3, h4, h5, h6 {
+	font-family: @heading-font;
+}
+h1 {
+	.font-size(32)
+}
+h2 {
+	.font-size(28)
+}
+h3 {
+	.font-size(24)
+}
+h4 {
+	.font-size(18)
+}
+h5 {
+	.font-size(16)
+}
+h6 {
+	.font-size(14);
+}
+
+// Links
+// --------------------------------------------------
+a { 
+	text-decoration: none;
+	color: @link-color; 
+	&:visited { 
+		color: lighten(@link-color, 20); 
+	}
+	&:hover { 
+		color: darken(@link-color, 20); 
+	}
+	&:focus { 
+		outline: thin dotted; 
+		color: darken(@link-color, 20);
+	}
+	&:hover, 
+	&:active { 
+		outline: 0; 
+	}
+}
+
+// Figures
+// --------------------------------------------------
+figcaption {
+	padding-top: 10px;
+	.font(14);
+	line-height: 1.3;
+	color: lighten(@text-color, 10);
+}
+
+// Feature Image Caption
+// --------------------------------------------------
+.image-credit {
+	.grid(12,10);
+	.prefix(12,1);
+	.suffix(12,1);
+	display: block;
+	text-align: right;
+	.font(12);
+	line-height: 1.3;
+	font-style: italic;
+	color: lighten(@text-color, 30);
+	a {
+		color: lighten(@text-color, 30);
+	}
+}
+
+// Note text
+// --------------------------------------------------
+.notice {
+	margin-top: 1.5em;
+	padding: .5em 1em;
+	text-indent: 0;
+	.font-rem(14);
+	background-color: @body-color;
+	border: 1px solid darken(@body-color,20);
+	.rounded(3px);
+}
+
+// Blockquotes
+// --------------------------------------------------
+blockquote {
+	margin-left: -28px;
+	padding-left: 20px;
+	border-left: 8px solid @border-color;
+	font-family: @alt-font;
+	font-style: italic;
+	.font-rem(24);
+}
+
+// Footnotes
+// --------------------------------------------------
+.footnotes {
+	ol, li, p {
+		margin-bottom: 0;
+		.font-rem(14);
+	}
+}
+
+// Paragraphs
+// --------------------------------------------------
+p {
+	margin: 0 0 @indent-var;
+	& + p {
+		//siblings indentation
+		text-indent: @indent-var;
+		margin-top: -(@indent-var);
+	}
+}
+
+// Code
+// --------------------------------------------------
+tt, code, kbd, samp, pre {
+	font-family: @code-font;
+}
+p,
+li { 
+	code {
+		.font-rem(12);
+		line-height: 1.5;
+		white-space: nowrap;
+		margin: 0 2px;
+		padding: 0 5px;
+		border: 1px solid lighten(@black, 90);
+		background-color: #efefef;
+		.rounded(3px);
+	}
+}
+pre {
+	.font-rem(12);
+	line-height: 1.5;
+	overflow-x: auto;
+}
--- a/assets/less/variables.less
+++ b/assets/less/variables.less
@@ -0,0 +1,26 @@
+// TYPOGRAPHY ================================================
+@doc-font-size: 16;
+@doc-line-height: 26;
+@base-font: 'PT Serif', serif;
+@heading-font: 'PT Sans Narrow', sans-serif;
+@code-font: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
+@alt-font: @base-font;
+
+// COLOR ====================================================
+@bodycolor      : #fff;
+@body-color: @bodycolor;
+@textcolor      : #333332;
+@text-color     : @textcolor;
+@border-color: @text-color;
+@basecolor 		: #343434;	  
+@compcolor 		: spin(@basecolor, 180); 
+@bordercolor    : @basecolor;
+@white          : #fff;
+@black          : #111;
+@accentcolor    : @black;
+/* Links ================================================= */
+@linkcolor 		    : #343434;
+@link-color: @linkcolor;
+@linkcolorhover 	: darken(@linkcolor, 10);
+@linkcolorvisited   : lighten(@linkcolorhover, 20);
+@linkcolorfocus 	: darken(@linkcolorvisited, 10);
--- a/favicon.ico
+++ b/favicon.ico
--- a/favicon.png
+++ b/favicon.png
--- a/feed.xml
+++ b/feed.xml
@@ -0,0 +1,37 @@
+---
+layout: none
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
+<title type="text">{{ site.title }}</title>
+<subtitle type="text">{{ site.tagline }}</subtitle>
+<generator uri="https://github.com/jekyll/jekyll">Jekyll</generator>
+<link rel="self" type="application/atom+xml" href="{{ site.url }}/feed.xml" />
+<link rel="alternate" type="text/html" href="{{ site.url }}" />
+<updated>{{ site.time | date_to_xmlschema }}</updated>
+<id>{{ site.url }}/</id>
+<author>
+  <name>{{ site.owner.name }}</name>
+  <uri>{{ site.url }}/</uri>
+  <email>{{ site.owner.email }}</email>
+</author>
+{% for post in site.posts limit:20 %}
+
+<entry>
+  <title type="html"><![CDATA[{{ post.title | cdata_escape }}]]></title>
+  <link rel="alternate" type="text/html" href="{{ site.url }}{{ post.url }}" />
+  <id>{{ site.url }}{{ post.id }}</id>
+  {% if post.modified %}<updated>{{ post.modified | to_xmlschema }}T00:00:00-00:00</updated>
+  <published>{{ post.date | date_to_xmlschema }}</published>
+  {% else %}<published>{{ post.date | date_to_xmlschema }}</published>
+  <updated>{{ post.date | date_to_xmlschema }}</updated>{% endif %}
+  <author>
+    <name>{{ site.owner.name }}</name>
+    <uri>{{ site.url }}</uri>
+    <email>{{ site.owner.email }}</email>
+  </author>
+  <content type="html">{{ post.content | xml_escape }}
+  &lt;p&gt;&lt;a href=&quot;{{ site.url }}{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt; was originally published by {{ site.owner.name }} at &lt;a href=&quot;{{ site.url }}&quot;&gt;{{ site.title }}&lt;/a&gt; on {{ post.date | date: "%B %d, %Y" }}.&lt;/p&gt;</content>
+</entry>
+{% endfor %}
+</feed>
--- a/images/3953273590_704e3899d5_m.jpg
+++ b/images/3953273590_704e3899d5_m.jpg
--- a/images/apple-touch-icon-114x114-precomposed.png
+++ b/images/apple-touch-icon-114x114-precomposed.png
--- a/images/apple-touch-icon-144x144-precomposed.png
+++ b/images/apple-touch-icon-144x144-precomposed.png
--- a/images/apple-touch-icon-72x72-precomposed.png
+++ b/images/apple-touch-icon-72x72-precomposed.png
--- a/images/apple-touch-icon-precomposed.png
+++ b/images/apple-touch-icon-precomposed.png
--- a/images/bio-photo.jpg
+++ b/images/bio-photo.jpg
--- a/images/default-thumb.png
+++ b/images/default-thumb.png
--- a/images/mm-theme-post-600.jpg
+++ b/images/mm-theme-post-600.jpg
--- a/images/mm-theme-post-750.jpg
+++ b/images/mm-theme-post-750.jpg
--- a/images/texture-feature-01.jpg
+++ b/images/texture-feature-01.jpg
--- a/images/texture-feature-02.jpg
+++ b/images/texture-feature-02.jpg
--- a/images/texture-feature-03.jpg
+++ b/images/texture-feature-03.jpg
--- a/images/texture-feature-04.jpg
+++ b/images/texture-feature-04.jpg
--- a/images/texture-feature-05.jpg
+++ b/images/texture-feature-05.jpg
--- a/index.md
+++ b/index.md
@@ -0,0 +1,9 @@
+---
+layout: home
+description: "A responsive Jekyll theme with editorial tendencies by designer Michael Rose."
+tags: [Jekyll, theme, responsive, blog, template]
+image:
+  feature: texture-feature-01.jpg
+  credit: Texture Lovers
+  creditlink: http://texturelovers.com
+---
--- a/posts.md
+++ b/posts.md
@@ -0,0 +1,7 @@
+---
+layout: post-index
+permalink: /posts/
+title: All Posts
+tagline: A List of Posts
+tags: [blog]
+---
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -0,0 +1,15 @@
+---
+layout: nil
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+        <loc>{{ site.url }}</loc>
+    </url>
+    
+    {% for post in site.posts %}
+    <url>
+        <loc>{{ site.url }}{{ post.url }}</loc>
+    </url>
+    {% endfor %}
+</urlset>
				`@@ -0,0 +1 @@`
				`<!--[if lt IE 9]><div class="browser-upgrade alert alert-info">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->`
				`@@ -0,0 +1 @@`
				`<span>© {{ site.time \| date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com">Jekyll</a> using the <a href="http://mademistakes.com/">Minimal Mistakes</a> theme.</span>`