Site renders with kramdown.

2025-03-04 08:59:10 +00:00 · 2014-04-27 15:18:59 +01:00 · 2014-04-27 15:18:59 +01:00 · 63eca8b0cc
commit 63eca8b0cc
parent abb86931be
49 changed files with 1354 additions and 268 deletions
--- a/1
+++ b/1
@ -0,0 +1 @@
+danbarber.me
--- a/4
+++ b/4
@ -8,6 +8,10 @@ gem 'jekyll-assets'
 gem 'octopress', '~> 3.0.0.rc.5'
 gem 'octopress-deploy', '~> 1.0.0.rc.2'

+gem 'kramdown', '~> 1.3.3'
+
+gem 'facets'
+
 gem 'uglifier'
 gem 'sass'
 gem 'bourbon'
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -11,6 +11,7 @@ GEM
    commander (4.1.6)
      highline (~> 1.6.11)
    execjs (2.0.2)
+    facets (2.9.3)
    fast-stemmer (1.0.2)
    ffi (1.9.3)
    highline (1.6.21)
@ -30,6 +31,7 @@ GEM
      jekyll (~> 1.0)
      sprockets (~> 2.10)
    json (1.8.1)
+    kramdown (1.3.3)
    liquid (2.5.5)
    listen (1.3.1)
      rb-fsevent (>= 0.9.3)
@ -79,8 +81,10 @@ PLATFORMS

 DEPENDENCIES
  bourbon
+  facets
  jekyll
  jekyll-assets
+  kramdown (~> 1.3.3)
  octopress (~> 3.0.0.rc.5)
  octopress-deploy (~> 1.0.0.rc.2)
  rake
--- a/_assets/fonts/icomoon.dev.svg
+++ b/_assets/fonts/icomoon.dev.svg
@ -0,0 +1,38 @@
+<?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 unicode="&#xe000;" d="M 510.171,70.40  m0.00,0.00,c 57.143,0.00 102.857,45.714 102.857,102.40 0.00,56.686 -45.714,102.857 -102.40,102.857 -51.657,0.00 -94.629-38.40 -101.486-88.229 l 0.00-14.629 L 408.686,162.286 407.771,70.40 407.771-32.00 307.20-32.00 307.20-4.571 C 277.029-21.943 241.829-32.00 204.343-32.00 91.429-32.00 0.00,59.886 0.00,172.80 0.00,285.714 91.429,377.60 203.886,377.60 l 82.743,0.00 0.00-101.943 -81.829,0.00 C 147.657,275.657 101.943,229.486 101.943,172.80 c 0.00-56.686 45.714-102.40 102.40-102.40 52.571,0.00 96.00,39.314 101.943,90.514 0.00,4.114 -0.457,7.771 -0.457,11.886 0.00,0.00 0.457,38.40 0.914,68.114 l 0.457,34.743 0.00,101.943 0.00,26.971 0.00,75.429 101.943,0.00 0.00-129.371 C 438.857,368.00 473.60,377.60 510.629,377.60 623.543,377.60 714.971,286.171 714.971,172.80 714.971,59.886 623.543-32.00 510.629-32.00 l -80.00,0.00 0.00,102.40 79.543,0.00" horiz-adv-x="714.6057142857143" data-tags="logomark" />
+<glyph unicode="&#xe001;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115
+	c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039
+	c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
+	c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321
+	c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886
+	c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47
+	c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59
+	C 480.11,343.227, 497.918,361.727, 512.00,382.791z" data-tags="twitter, tweet, social" />
+<glyph unicode="&#xe002;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z 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.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50
+	c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25
+	s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75
+	c-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25
+	c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
+	s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625
+	s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50
+	s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,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.00,194.957, 41.00,224.00
+	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.00, 256.00,439.00s 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.00,253.043, 471.00,224.00s-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="&#xe003;" d="M 1.742,212.483 C 1.742,343.766 68.638,413.171 148.913,413.171 C 206.611,413.171 255.947,375.542 293.576,273.526 C 343.748,401.464 328.696,413.171 358.799,413.171 L 394.756,413.171 C 404.79,413.171 413.989,411.499 413.989,401.464 C 413.989,394.775 375.523,269.345 337.058,184.888 C 333.713,178.199 330.368,171.509 330.368,163.983 C 330.368,156.458 353.782,83.708 388.903,83.708 C 415.661,83.708 398.937,107.958 432.385,107.958 L 453.29,107.958 C 463.324,107.958 472.523,106.285 472.523,92.906 C 472.523,61.967 444.928,9.286 388.903,9.286 C 347.929,9.286 312.808,36.045 286.886,95.415 L 286.05,95.415 C 250.093,43.57 204.102,9.286 148.913,9.286 C 90.379,9.286 1.742,51.932 1.742,212.483 Z M 64.457,210.811 C 64.457,171.509 69.474,124.682 99.577,100.432 C 112.956,89.561 129.68,83.708 147.241,83.708 C 202.43,83.708 239.223,153.113 255.947,184.888 C 234.205,257.638 212.464,338.749 148.077,338.749 C 128.008,338.749 94.56,330.387 77.836,291.922 C 66.965,266.836 64.457,238.405 64.457,210.811 Z M 64.457,210.811" horiz-adv-x="474.44015444015446" data-tags="alpha.app.net" />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</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,38 @@
+<?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 unicode="&#xe000;" d="M 510.171,70.40  m0.00,0.00,c 57.143,0.00 102.857,45.714 102.857,102.40 0.00,56.686 -45.714,102.857 -102.40,102.857 -51.657,0.00 -94.629-38.40 -101.486-88.229 l 0.00-14.629 L 408.686,162.286 407.771,70.40 407.771-32.00 307.20-32.00 307.20-4.571 C 277.029-21.943 241.829-32.00 204.343-32.00 91.429-32.00 0.00,59.886 0.00,172.80 0.00,285.714 91.429,377.60 203.886,377.60 l 82.743,0.00 0.00-101.943 -81.829,0.00 C 147.657,275.657 101.943,229.486 101.943,172.80 c 0.00-56.686 45.714-102.40 102.40-102.40 52.571,0.00 96.00,39.314 101.943,90.514 0.00,4.114 -0.457,7.771 -0.457,11.886 0.00,0.00 0.457,38.40 0.914,68.114 l 0.457,34.743 0.00,101.943 0.00,26.971 0.00,75.429 101.943,0.00 0.00-129.371 C 438.857,368.00 473.60,377.60 510.629,377.60 623.543,377.60 714.971,286.171 714.971,172.80 714.971,59.886 623.543-32.00 510.629-32.00 l -80.00,0.00 0.00,102.40 79.543,0.00" horiz-adv-x="714.6057142857143"  />
+<glyph unicode="&#xe001;" d="M 512.00,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13.00, 38.343,33.585, 46.186,58.115
+	c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0.00-105.044-47.029-105.044-105.039
+	c0.00-8.233, 0.929-16.25, 2.72-23.939c-87.30,4.382-164.701,46.20-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
+	c0.00-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.01-0.438-0.01-0.878-0.01-1.321
+	c0.00-50.894, 36.209-93.348, 84.261-103.00c-8.813-2.40-18.094-3.686-27.674-3.686c-6.769,0.00-13.349,0.66-19.764,1.886
+	c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0.00-16.84,0.497-25.058,1.47
+	c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0.00, 298.868,160.062, 298.868,298.872c0.00,4.554-0.103,9.084-0.305,13.59
+	C 480.11,343.227, 497.918,361.727, 512.00,382.791z"  />
+<glyph unicode="&#xe002;" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z 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.80-7.246L 319.874,57.00 c0.00,20.167-6.917,35.00-20.75,44.50
+	c 8.667,0.833, 16.625,2.00, 23.875,3.50s 14.917,3.667, 23.00,6.50s 15.333,6.208, 21.75,10.125s 12.583,9.00, 18.50,15.25s 10.875,13.333, 14.875,21.25
+	s 7.167,17.417, 9.50,28.50s 3.50,23.292, 3.50,36.625c0.00,25.833-8.417,47.833-25.25,66.00c 7.667,20.00, 6.833,41.75-2.50,65.25l-6.25,0.75
+	c-4.333,0.50-12.125-1.333-23.375-5.50s-23.875-11.00-37.875-20.50c-19.833,5.50-40.417,8.25-61.75,8.25c-21.50,0.00-42.00-2.75-61.50-8.25
+	c-8.833,6.00-17.208,10.958-25.125,14.875c-7.917,3.917-14.25,6.583-19.00,8.00s-9.167,2.292-13.25,2.625s-6.708,0.417-7.875,0.25
+	s-2.00-0.333-2.50-0.50c-9.333-23.667-10.167-45.417-2.50-65.25c-16.833-18.167-25.25-40.167-25.25-66.00c0.00-13.333, 1.167-25.542, 3.50-36.625
+	s 5.50-20.583, 9.50-28.50s 8.958-15.00, 14.875-21.25s 12.083-11.333, 18.50-15.25s 13.667-7.292, 21.75-10.125s 15.75-5.00, 23.00-6.50
+	s 15.208-2.667, 23.875-3.50c-13.667-9.333-20.50-24.167-20.50-44.50l0.00-39.115 c-7.549,2.247-14.99,4.902-22.30,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.00,194.957, 41.00,224.00
+	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.00, 256.00,439.00s 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.00,253.043, 471.00,224.00s-5.679-57.195-16.879-83.675
+	C 443.294,114.728, 427.786,91.73, 408.028,71.972z"  />
+<glyph unicode="&#xe003;" d="M 1.742,212.483 C 1.742,343.766 68.638,413.171 148.913,413.171 C 206.611,413.171 255.947,375.542 293.576,273.526 C 343.748,401.464 328.696,413.171 358.799,413.171 L 394.756,413.171 C 404.79,413.171 413.989,411.499 413.989,401.464 C 413.989,394.775 375.523,269.345 337.058,184.888 C 333.713,178.199 330.368,171.509 330.368,163.983 C 330.368,156.458 353.782,83.708 388.903,83.708 C 415.661,83.708 398.937,107.958 432.385,107.958 L 453.29,107.958 C 463.324,107.958 472.523,106.285 472.523,92.906 C 472.523,61.967 444.928,9.286 388.903,9.286 C 347.929,9.286 312.808,36.045 286.886,95.415 L 286.05,95.415 C 250.093,43.57 204.102,9.286 148.913,9.286 C 90.379,9.286 1.742,51.932 1.742,212.483 Z M 64.457,210.811 C 64.457,171.509 69.474,124.682 99.577,100.432 C 112.956,89.561 129.68,83.708 147.241,83.708 C 202.43,83.708 239.223,153.113 255.947,184.888 C 234.205,257.638 212.464,338.749 148.077,338.749 C 128.008,338.749 94.56,330.387 77.836,291.922 C 66.965,266.836 64.457,238.405 64.457,210.811 Z M 64.457,210.811" horiz-adv-x="474.44015444015446"  />
+<glyph unicode="&#x20;" horiz-adv-x="256" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</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/icons/apple-touch-icon-114x114.png
+++ b/_assets/icons/apple-touch-icon-114x114.png
--- a/_assets/icons/apple-touch-icon-144x144.png
+++ b/_assets/icons/apple-touch-icon-144x144.png
--- a/_assets/icons/apple-touch-icon-72x72.png
+++ b/_assets/icons/apple-touch-icon-72x72.png
--- a/_assets/icons/apple-touch-icon.png
+++ b/_assets/icons/apple-touch-icon.png
--- a/_assets/icons/favicon.ico
+++ b/_assets/icons/favicon.ico
--- a/_assets/icons/speeddial-icon.png
+++ b/_assets/icons/speeddial-icon.png
--- a/_assets/icons/win8-pinsite.png
+++ b/_assets/icons/win8-pinsite.png
--- a/_assets/stylesheets/includes/colors.css.sass
+++ b/_assets/stylesheets/includes/colors.css.sass
@ -0,0 +1,15 @@
+$background-color: white
+
+$text-color: #333
+$text-color-light: lighten($text-color, 45%)
+$heading-color: #333
+$meta-text-color: lighten($text-color, 45%)
+$header-color: #518F00
+
+$border-color: #ccc
+
+$link-color: rgb(24, 99, 161)
+$link-color-hover: lighten($link-color, 10%)
+
+$footer-link-color: lighten($text-color, 25%)
+$footer-link-color-hover: lighten($link-color, 10%)
--- a/_assets/stylesheets/includes/icons.css.sass
+++ b/_assets/stylesheets/includes/icons.css.sass
@ -0,0 +1,33 @@
+@font-face
+  font-family: 'icomoon'
+  src: asset_url('icomoon.eot')
+  src: asset_url('icomoon.eot?#iefix') format("embedded-opentype"), asset_url('icomoon.woff') format("woff"), asset_url('icomoon.ttf') format("truetype"), asset_url('icomoon.svg#icomoon') format('svg')
+  font-weight: normal
+  font-style: normal
+
+[class^="icon-"]:before, [class*=" icon-"]:before
+  font-family: 'icomoon'
+  font-style: normal
+  speak: none
+  font-weight: normal
+  -webkit-font-smoothing: antialiased
+
+.icon-logomark:before
+  content: "\e000"
+
+.icon-twitter:before
+  position: relative
+  top: 0.1em
+  content: "\e001"
+  margin-right: 0.2em
+  color: #05ADE7
+
+.icon-github:before
+  content: "\e002"
+
+.icon-app-net:before
+  position: relative
+  top: 0.1em
+  content: "\e003"
+  margin-right: 0.2em
+  color: #8A8E91
--- a/_assets/stylesheets/includes/layout.css.sass
+++ b/_assets/stylesheets/includes/layout.css.sass
@ -0,0 +1,55 @@
+$max-width: 800px !default
+$pad-min: 8.5% !default
+
+header[role=banner]
+  h1
+    font-size: 3.43em
+    line-height: 0
+    color: white
+    margin: 0.52em 0 0.42em
+    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
+    span
+      position: absolute
+      right: 100%
+
+article img
+  max-width: 100%
+  height: auto
+
+article img.left
+  float: left
+  margin-right: 1em
+
+article img.right
+  float: right
+  margin-left: 1em
+
+#content, hgroup, footer
+  padding: 0 $pad-min
+  margin: 0 auto
+  max-width: $max-width
+
+nav[role=navigation]
+  font-size: 1em
+
+@media only screen and (min-width: 450px)
+  body
+    font-size: 110%
+  header[role=banner] h1 img
+    height: 50px
+
+@media only screen and (min-width: 650px)
+  body
+    font-size: 125%
+  header[role=banner] h1 img
+    height: 60px
+
+@media only screen and (min-width: 768px)
+  body
+    font-size: 135%
+  header[role=banner] h1 img
+    height: 80px
+
+@media only screen and (min-width: 892px)
+  body
+    font-size: 145%
--- a/_assets/stylesheets/includes/main.css.sass
+++ b/_assets/stylesheets/includes/main.css.sass
@ -0,0 +1,4 @@
+body
+  margin: 0
+  font-size: 100%
+  -webkit-text-size-adjust: 100%
--- a/_assets/stylesheets/includes/styles.css.sass
+++ b/_assets/stylesheets/includes/styles.css.sass
@ -0,0 +1,115 @@
+// This File is imported last, and will override other styles in the cascade
+// Add styles here to make changes without digging in too much
+html
+  background: $background-color
+
+body
+  font-weight: 300
+
+body > div > div
+  border: none
+
+body > header
+  border-color: $header-color
+  +background(linear-gradient(top, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.15) 100%))
+  background-color: $header-color
+  border-width: 0 0 1px
+  border-style: solid
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 -1px 0px rgba(255, 255, 255, 0.4)
+  padding-top: 0.8em
+  padding-bottom: 0.9em
+  h1
+    display: inline-block
+    margin-top: 0
+    font-weight: 700
+    line-height: 0
+
+a
+  +transition(color 0.25s 0s ease)
+  color: $link-color
+  &:hover
+    color: $link-color-hover
+
+header nav
+  display: inline
+  position: relative
+  ul
+    list-style: none
+    float: right
+    display: block
+    margin: 0
+    padding: 0
+    border: 0
+    li
+      padding-left: 1.25em
+      float: left
+    padding-top: .15em
+  a
+    +transition(text-shadow 0.25s 0s ease)
+    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2)
+    color: white
+    text-decoration: none
+    &:hover, &:focus
+      color: white
+      text-shadow: 0 0 5px rgba(255, 255, 255, 0.6)
+
+article > header
+  text-align: left
+
+article > header h1, #content .blog-index article h1
+  font-size: 1.5em
+
+body > nav
+  border: none
+
+body > nav a
+  text-shadow: none
+  display: inline
+
+@media only screen and (max-width: 400px)
+  header
+    text-align: center
+  header nav
+    display: none
+
+blockquote
+  font-size: 1em
+  border: none
+
+#content div.pagination, #content div.navigation
+  text-align: center
+  font-size: .95em
+  height: 1.5em
+  position: relative
+  padding:
+    top: 1.5em
+    bottom: 1.5em
+  &:after
+    display: block
+    content: ""
+    clear: both
+  a
+    text-decoration: none
+    color: $text-color-light
+    &:hover
+      color: $link-color-hover
+    &[href*=archive]
+      &:before, &:after
+        content: '\2014'
+        padding: 0 .3em
+
+#content div.navigation
+  a
+    &.prev
+      float: left
+    &.next
+      float: right
+
+#content div.pagination
+  a
+    &.prev
+      position: absolute
+      left: 0
+    &.next
+      position: absolute
+      right: 0
--- a/_assets/stylesheets/includes/syntax.css.sass
+++ b/_assets/stylesheets/includes/syntax.css.sass
@ -0,0 +1,160 @@
+.highlight
+  background: #ffffff
+  .c
+    color: #999988
+    font-style: italic
+  .err
+    color: #a61717
+    background-color: #e3d2d2
+  .k, .o
+    font-weight: bold
+  .cm
+    color: #999988
+    font-style: italic
+  .cp
+    color: #999999
+    font-weight: bold
+  .c1
+    color: #999988
+    font-style: italic
+  .cs
+    color: #999999
+    font-weight: bold
+    font-style: italic
+  .gd
+    color: #000000
+    background-color: #ffdddd
+    .x
+      color: #000000
+      background-color: #ffaaaa
+  .ge
+    font-style: italic
+  .gr
+    color: #aa0000
+  .gh
+    color: #999999
+  .gi
+    color: #000000
+    background-color: #ddffdd
+    .x
+      color: #000000
+      background-color: #aaffaa
+  .go
+    color: #888888
+  .gp
+    color: #555555
+  .gs
+    font-weight: bold
+  .gu
+    color: #aaaaaa
+  .gt
+    color: #aa0000
+  .kc, .kd, .kp, .kr
+    font-weight: bold
+  .kt
+    color: #445588
+    font-weight: bold
+  .m
+    color: #009999
+  .s
+    color: #dd1144
+  .na
+    color: teal
+  .nb
+    color: #0086b3
+  .nc
+    color: #445588
+    font-weight: bold
+  .no
+    color: teal
+  .ni
+    color: purple
+  .ne, .nf
+    color: #990000
+    font-weight: bold
+  .nn
+    color: #555555
+  .nt
+    color: navy
+  .nv
+    color: teal
+  .ow
+    font-weight: bold
+  .w
+    color: #bbbbbb
+  .mf, .mh, .mi, .mo
+    color: #009999
+  .sb, .sc, .sd, .s2, .se, .sh, .si, .sx
+    color: #dd1144
+  .sr
+    color: #009926
+  .s1
+    color: #dd1144
+  .ss
+    color: #990073
+  .bp
+    color: #999999
+  .vc, .vg, .vi
+    color: teal
+  .il
+    color: #009999
+
+/* Comment
+/* Error
+/* Keyword
+/* Operator
+/* Comment.Multiline
+/* Comment.Preproc
+/* Comment.Single
+/* Comment.Special
+/* Generic.Deleted
+/* Generic.Deleted.Specific
+/* Generic.Emph
+/* Generic.Error
+/* Generic.Heading
+/* Generic.Inserted
+/* Generic.Inserted.Specific
+/* Generic.Output
+/* Generic.Prompt
+/* Generic.Strong
+/* Generic.Subheading
+/* Generic.Traceback
+/* Keyword.Constant
+/* Keyword.Declaration
+/* Keyword.Pseudo
+/* Keyword.Reserved
+/* Keyword.Type
+/* Literal.Number
+/* Literal.String
+/* Name.Attribute
+/* Name.Builtin
+/* Name.Class
+/* Name.Constant
+/* Name.Entity
+/* Name.Exception
+/* Name.Function
+/* Name.Namespace
+/* Name.Tag
+/* Name.Variable
+/* Operator.Word
+/* Text.Whitespace
+/* Literal.Number.Float
+/* Literal.Number.Hex
+/* Literal.Number.Integer
+/* Literal.Number.Oct
+/* Literal.String.Backtick
+/* Literal.String.Char
+/* Literal.String.Doc
+/* Literal.String.Double
+/* Literal.String.Escape
+/* Literal.String.Heredoc
+/* Literal.String.Interpol
+/* Literal.String.Other
+/* Literal.String.Regex
+/* Literal.String.Single
+/* Literal.String.Symbol
+/* Name.Builtin.Pseudo
+/* Name.Variable.Class
+/* Name.Variable.Global
+/* Name.Variable.Instance
+/* Literal.Number.Integer.Long
--- a/_assets/stylesheets/includes/typography.css.sass
+++ b/_assets/stylesheets/includes/typography.css.sass
@ -0,0 +1,282 @@
+// $blockquote: $type-border !default
+$sans: "adelle", sans-serif !default
+$serif: "rooney-web", Georgia, Times, "Times New Roman", serif !default
+$mono: "source-code-pro", monospace !default
+$heading-font-family: "adelle", sans-serif !default
+$header-title-font-family: $heading-font-family !default
+$header-subtitle-font-family: $heading-font-family !default
+
+/*
+ *Type-A-File "Field Report" designed by Russ Maschmeyer, aka StrangeNative.
+ *http://www.strangenative.com
+ *@strangenative
+ *
+ *Creative Commons License by Attribution. 
+ *Feel free to take it, adapt it, & use it on both commercial and non-commercial projects.
+ *Though I'd like a smidgeon of credit, so just leave this bit in here. K?
+
+/*Pick Your Fonts
+body, h4, h5, h6, .run-in, dt
+  font-family: $serif
+
+h1, h2, h3, .pullquote, .sidenote h1, aside h1, .pullquote, .drop-cap, cite
+  font-family: $heading-font-family
+
+/*Nav Fonts
+nav[role=navigation]
+  font-family: $sans
+
+/*Size & Vertical Rhythm
+body
+  font-size: 100%
+  font-size: 16px
+  line-height: 1.5em
+
+/*Color
+body
+  color: $text-color
+
+/*HTML Standard Elements
+h1
+  font-size: 2.5em
+  line-height: 1.333em
+  margin: .97em 0 0em
+
+h2
+  font-size: 1.75em
+  line-height: 1.1em
+  margin: 2em 0 .5em
+
+h1 + img, h2 + img
+  margin-top: 1em
+
+h3
+  font-size: 1.125em
+
+h4
+  font-weight: bold
+  font-size: 1em
+
+h1, h2, h3, h4, h5, h6
+  font-weight: 500
+  text-rendering: optimizelegibility
+
+article h1
+  font-size: 1.5em
+
+strong
+  font-weight: 700
+
+small
+  display: block
+  font-size: .75em
+  letter-spacing: .05em
+  margin: 2.2em 0 -0.2em
+  font-style: italic
+  line-height: 1.75em
+
+p, ul, ol, form
+  margin: 1.5em 0 1em
+
+h3
+  margin-top: 1.5em
+
+ul
+  list-style-position: outside
+  list-style-type: disc
+  line-height: 1.5
+  padding-left: 0
+
+li
+  margin-bottom: .75em
+
+ol
+  list-style-position: outside
+  list-style-type: decimal
+
+blockquote
+  font-style: italic
+  line-height: 1.6em
+  margin-left: 0
+  margin-right: 0
+
+blockquote:before
+  font-family: Georgia, serif
+  content: "“"
+  font-size: 2.75em
+  text-indent: -0.6em
+  margin-top: .1em
+  float: left
+  opacity: .3
+
+cite
+  display: block
+  text-transform: uppercase
+  letter-spacing: .2em
+  margin-top: 1.5em
+  margin-left: 1em
+  font-weight: 900
+  font-style: normal
+  font-size: .8em
+
+cite:before
+  content: "— "
+  margin-left: -3.4em
+  margin-right: .9em
+  opacity: .3
+
+pre,code,tt
+  font-family: $mono
+  font-weight: 300
+
+pre
+  margin: 1.5em
+
+dl
+  margin: 1.75em 0 1.75em
+
+dt
+  font-style: italic
+  margin-top: 1.25em
+  font-size: 1.13em
+  font-weight: 700
+  border-bottom: 1px solid #999
+  background: #DDD
+
+dd
+  font-style: italic
+  font-size: .85em
+  margin-top: 1em
+  line-height: 1.6em
+
+abbr
+  text-transform: uppercase
+  font-size: .9em
+  letter-spacing: .1em
+  border-bottom: 1px dotted $text-color-light
+
+p
+  margin-bottom: 0
+  hyphenate: auto
+  hyphenate-before: 2
+  hyphenate-after: 3
+  hyphenate-lines: 3
+  orphans: 4
+
+p span.pullquote
+  text-indent: 0
+
+/*Compositional Elements
+.kicker
+  font-size: 1.25em
+  line-height: 1.693em
+  /*font-style:italic;
+  margin: -0.35em 0 -0.35em
+
+.kicker, .pullquote
+  font-weight: 100
+
+.run-in
+  font-style: italic
+  font-weight: bold
+
+.superscript
+  font-family: arial, sans-serif
+  vertical-align: super
+  font-size: 75%
+  margin-right: .4em
+  text-transform: lowercase
+  font-variant: small-caps
+  letter-spacing: .1em
+  line-height: 0
+
+.subscript
+  font-family: arial, sans-serif
+  vertical-align: sub
+  font-size: 75%
+  margin-right: .4em
+  text-transform: lowercase
+  font-variant: small-caps
+  letter-spacing: .1em
+  line-height: 0em
+
+a.superscript, a.subscript
+  text-decoration: none
+
+aside, .sidenote
+  font-size: .83em
+  font-style: italic
+  margin-top: 1.25em
+
+aside h1, .sidenote h1
+  text-transform: uppercase
+  font-size: 1em
+  line-height: 1.5em
+  font-style: normal
+  font-weight: 900
+
+aside p, .sidenote p
+  line-height: 1.7em
+  margin: 1.3em 0
+  font-style: normal
+
+aside ul, aside ol, .sidenote ul, .sidenote ol
+  margin-top: 1.3em
+  line-height: 1.7em
+
+aside ul li, aside ol li, .sidenote ul li, .sidenote ol li
+  margin-bottom: 1.3em
+
+.pullquote
+  font-style: italic
+  letter-spacing: .05em
+  margin: .5em .7em .3em 0em
+  padding-top: .15em
+  line-height: 1.7em
+  display: block
+  float: left
+  font-size: 1.6em
+  width: 55%
+
+.pullquote:before
+  font-family: Georgia, serif
+  content: "“"
+  font-size: 2em
+  text-indent: -0.8em
+  margin-top: .05em
+  float: left
+  opacity: .3
+
+.footnote
+  border-top: 1px solid black
+  font-size: .75em
+  margin-top: 3.5em
+
+.footnote li
+  margin: 1.5em 0 1.5em
+  word-spacing: .1em
+  line-height: 1.75em
+
+.caption
+  font-size: .8em
+  font-style: italic
+  margin: 0.6em 0 -0.2em
+
+.kicker .run-in
+  text-transform: uppercase
+  font-style: normal
+  letter-spacing: .25em
+  font-size: .9em
+
+.drop-cap
+  display: block
+  font-style: normal
+  font-size: 5.1em
+  float: left
+  margin: .13em .1em 0 0
+  line-height: .67em
+  font-weight: 100
+
+/*Tweaks
+.kern
+  letter-spacing: -0.1em
--- a/_assets/stylesheets/lib/solarized.css.sass
+++ b/_assets/stylesheets/lib/solarized.css.sass
@ -0,0 +1,57 @@
+$base03: #002b36 !default
+
+//darkest blue
+$base02: #073642 !default
+
+//dark blue
+$base01: #586e75 !default
+
+//darkest gray
+$base00: #657b83 !default
+
+//dark gray
+$base0: #839496 !default
+
+//medium gray
+$base1: #93a1a1 !default
+
+//medium light gray
+$base2: #eee8d5 !default
+
+//cream
+$base3: #fdf6e3 !default
+
+//white
+$solar-yellow: #b58900 !default
+$solar-orange: #cb4b16 !default
+$solar-red: #dc322f !default
+$solar-magenta: #d33682 !default
+$solar-violet: #6c71c4 !default
+$solar-blue: #268bd2 !default
+$solar-cyan: #2aa198 !default
+$solar-green: #859900 !default
+
+$solarized: dark !default
+
+@if $solarized == light
+  $_base03: $base03
+  $_base02: $base02
+  $_base01: $base01
+  $_base00: $base00
+  $_base0: $base0
+  $_base1: $base1
+  $_base2: $base2
+  $_base3: $base3
+  $base03: $_base3
+  $base02: $_base2
+  $base01: $_base1
+  $base00: $_base0
+  $base0: $_base00
+  $base1: $_base01
+  $base2: $_base02
+  $base3: $_base03
+
+/* non highlighted code colors
+$pre-bg: $base03 !default
+$pre-border: darken($base02, 5) !default
+$pre-color: $base1 !default
--- a/_assets/stylesheets/parts/archive.css.sass
+++ b/_assets/stylesheets/parts/archive.css.sass
@ -0,0 +1,80 @@
+#archive
+  #content > div
+    &, > article
+      padding-top: 0
+
+#blog-archives
+  padding-top: 1em
+  article
+    padding: 0 0 1em
+    position: relative
+    &:last-child
+      border: none
+    footer
+      padding: 0
+      margin: 0
+  h1
+    margin-top: 0
+    color: $text-color
+    margin-bottom: .3em
+  h2
+    display: none
+  h1
+    font-size: 1.5em
+    a
+      +hover-link
+      color: inherit
+      &:hover
+        color: $link-color-hover
+      font-weight: normal
+      display: inline-block
+  a.category, time
+    color: $text-color-light
+  color: $text-color-light
+  .entry-content
+    display: none
+  time
+    font-size: .9em
+    line-height: 1.2em
+    .month, .day
+      display: inline-block
+    .month
+      text-transform: uppercase
+  p
+    margin-bottom: 1em
+  &, .entry-content
+    a
+      +link-colors(inherit, $link-color-hover)
+  a:hover
+    color: $link-color-hover
+  @media only screen and (min-width: 550px)
+    article
+      margin-left: 5em
+    h2
+      margin-top: 0
+      margin-bottom: .3em
+      font-weight: normal
+      display: inline-block
+      position: relative
+      top: -1px
+      float: left
+    time
+      position: absolute
+      text-align: right
+      left: 0em
+      top: 0.3em
+    .year
+      display: none
+    article
+      padding:
+        left: 4.5em
+        bottom: .7em
+    a.category
+      line-height: 1.1em
+
+#content > .category
+  article
+    margin-left: 0
+    padding-left: 6.8em
+  .year
+    display: inline
--- a/_assets/stylesheets/parts/footer.css.sass
+++ b/_assets/stylesheets/parts/footer.css.sass
@ -0,0 +1,30 @@
+body > footer
+  text-align: center
+  font-size: .8em
+  position: relative
+  padding-top: 1em
+  padding-bottom: 1em
+  margin-bottom: 3em
+  +border-bottom-radius(.4em)
+  z-index: 1
+  a
+    +link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color)
+    text-decoration: none
+  p:last-child
+    margin-bottom: 0
+
+  fieldset
+    border: 0
+    input[type=search]
+      -webkit-appearance: none
+      font-family: $serif
+      font-size: 1em
+      color: $text-color
+      +border-radius(1em)
+      border:
+        width: 1px
+        style: solid
+        color: #999 #bbb #bbb #999
+      &:focus
+        outline: none
+        +box-shadow(0 0 5px $link-color)
--- a/_assets/stylesheets/parts/post.css.sass
+++ b/_assets/stylesheets/parts/post.css.sass
@ -0,0 +1,66 @@
+article
+  border-bottom: 1px dashed $border-color
+  padding-bottom: 0
+  margin-bottom: 1em
+
+  .entry-content
+    margin-bottom: 2em
+
+  header
+    position: relative
+    margin-top: 2em
+    padding-top: 0.6em
+
+    .meta
+      text-transform: uppercase
+      color: $meta-text-color
+      font-size: 0.8em
+      letter-spacing: 0.1em
+      width: 100%
+      text-rendering: optimizelegibility
+      position: absolute
+      top: 0
+      margin-top: 0
+
+  header a
+    color: $heading-color
+    text-decoration: none
+    &:hover, &:focus
+      color: $link-color-hover
+
+  img, video, .flash-video
+    +box-shadow(0 1px 4px rgba(0, 0, 0, 0.15))
+    padding: 0.5em
+    margin: -0.5em
+
+  > footer
+    padding-left: 0
+    padding-right: 0
+    p.meta
+      margin-bottom: .8em
+      font-size: .85em
+      clear: both
+      overflow: hidden
+    .byline + time:before, time + time:before, .comments:before, .byline ~ .categories:before
+      @extend .separator
+
+  footer
+    a[rel=full-article]
+      background: darken($background-color, 8)
+      +border-radius(2px)
+      display: inline-block
+      padding: .4em .8em
+      margin-right: .5em
+      margin-bottom: 1.5em
+      text-decoration: none
+      color: mix($text-color, $text-color-light)
+      +transition(background-color 0.5s)
+      &:hover
+        background: $link-color-hover
+        text-shadow: none
+        color: $background-color
+
+.separator
+  content: "\2022 "
+  padding: 0 .4em 0 .2em
+  display: inline-block
--- a/_assets/stylesheets/styles.css.sass
+++ b/_assets/stylesheets/styles.css.sass
@ -0,0 +1,11 @@
+@import 'bourbon'
+
+@import 'includes/syntax.css.sass'
+@import 'includes/main.css.sass'
+@import 'includes/colors.css.sass'
+@import 'includes/typography.css.sass'
+@import 'includes/icons.css.sass'
+@import 'includes/layout.css.sass'
+@import 'lib/solarized.css.sass'
+@import 'includes/syntax.css.sass'
+@import 'includes/styles.css.sass'
--- a/_config.yml
+++ b/_config.yml
@ -8,6 +8,13 @@ exclude: ['Gemfile', 'Gemfile.lock', 'README.md']

 permalink: /:title

+excerpt_separator: '<!-- more -->'
+
+paginate: 10
+paginate_path: "blog/page/:num"
+recent_posts: 5
+excerpt_link: "Read on &rarr;"
+
 assets:
  dirname: assets
  baseurl: /assets/
@ -15,3 +22,17 @@ assets:
    - _assets/javascripts
    - _assets/stylesheets
    - _assets/images
+    - _assets/fonts
+    - _assets/icons
+
+redcarpet:
+  extensions:
+    - hard_wrap
+    - no_intra_emphasis
+    - autolink
+    - strikethrough
+    - fenced_code_blocks
+    - smart
+
+kramdown:
+  input: GFM
--- a/_includes/analytics.html
+++ b/_includes/analytics.html
@ -0,0 +1,13 @@
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-603600-6']);
+  _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>
--- a/_includes/archive_post.html
+++ b/_includes/archive_post.html
@ -0,0 +1,8 @@
+{% capture category %}{{ post.categories | size }}{% endcapture %}
+<h1><a href="{{ root_url }}{{ post.url }}">{{post.title}}</a></h1>
+<time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>{{ post.date | date: "<span class='month'>%b</span> <span class='day'>%d</span> <span class='year'>%Y</span>"}}</time>
+{% if category != '0' %}
+<footer>
+  <span class="categories">posted in {{ post.categories | category_links }}</span>
+</footer>
+{% endif %}
--- a/_includes/article.html
+++ b/_includes/article.html
@ -0,0 +1,41 @@
+{% unless page.no_header %}
+  <header>
+    {% if index %}
+      {% if post.external-url %}<!-- This defines how Octopress will use posts with external-url. -->
+        <h1 class="entry-title"><a href="{{ post.external-url }}">{% if site.titlecase %}{{ post.title | titlecase }} &rarr;{% else %}{{ post.title }}{% endif %}</a></h1>
+      {% else %}<!-- Now we're back to normal posts. Note the links used under href in both headers.-->
+        <h1 class="entry-title"><a href="{{ root_url }}{{ post.url }}">{% if site.titlecase %}{{ post.title | titlecase }}{% else %}{{ post.title }}{% endif %}</a></h1>
+      {% endif %}
+    {% else %}
+      {% if page.external-url %}
+        <h1 class="entry-title"><a href="{{ page.external-url }}">{% if site.titlecase %}{{ page.title | titlecase }} &rarr;{% else %}{{ page.title }}{% endif %}</a></h1>
+      {% else %}
+        <h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
+      {% endif %}
+    {% endif %}
+    <p class="meta">
+      {% include post/date.html %}
+    </p>
+  </header>
+{% endunless %}
+{% if index %}
+  <div class="entry-content">{{ post.excerpt }}</div>
+  {% if post.excerpt != content %}
+    <footer>
+      <a rel="full-article" href="{{ root_url }}{{ post.url }}">{{ site.excerpt_link }}</a>
+    </footer>
+  {% endif %}
+{% else %}
+  <div class="entry-content">{{ content }}</div>
+  <footer>
+    <p class="meta">
+      {% include post/author.html %}
+      {% include post/date.html %}{% if updated %}{{ updated }}{% else %}{{ time }}{% endif %}
+      {% include post/categories.html %}
+    </p>
+  </footer>
+{% endif %}
+{% if post.external-url %}
+  <div class="entry-content"><p><a href="{{ root_url }}{{ post.url }}">Permalink</a></p><!-- add permalink at end of link posts; could be text or glyph -->
+  </div>
+{% endif %}
--- a/_includes/custom/category_feed.xml
+++ b/_includes/custom/category_feed.xml
@ -0,0 +1,27 @@
+---
+layout: nil
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+
+  <title><![CDATA[{{ page.title }} | {{ site.title }}]]></title>
+  <link href="{{ site.url }}/{{ page.feed_url }}" rel="self"/>
+  <link href="{{ site.url }}/"/>
+  <updated>{{ site.time | date_to_xmlschema }}</updated>
+  <id>{{ site.url }}/</id>
+  <author>
+    <name><![CDATA[{{ site.author | strip_html }}]]></name>
+    {% if site.email %}<email><![CDATA[{{ site.email }}]]></email>{% endif %}
+  </author>
+  <generator uri="http://octopress.org/">Octopress</generator>
+
+  {% for post in site.categories[page.category] limit: 5 %}
+  <entry>
+    <title type="html"><![CDATA[{{ post.title | cdata_escape }}]]></title>
+    <link href="{{ site.url }}{{ post.url }}"/>
+    <updated>{{ post.date | date_to_xmlschema }}</updated>
+    <id>{{ site.url }}{{ post.id }}</id>
+    <content type="html"><![CDATA[{{ post.content | expand_urls: site.url | markdownify | cdata_escape }}]]></content>
+  </entry>
+  {% endfor %}
+</feed>
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -0,0 +1,19 @@
+<footer role="contentinfo">
+  <p>
+    Follow me <a class="icon-app-net" href="https://alpha.app.net/danbarber" rel="me">@danbarber</a> or <a class="icon-twitter" href="http://twitter.com/danbee">@danbee</a>
+  </p>
+  {% if site.simple_search %}
+    <form action="{{ site.simple_search }}" method="get">
+      <fieldset role="search">
+        <input type="hidden" name="sites" value="{{ site.url | shorthand_url }}" />
+        <input class="search" type="search" name="q" results="0" placeholder="Search"/>
+      </fieldset>
+    </form>
+  {% endif %}
+  <p>
+    Copyright &copy; {{ site.time | date: "%Y" }} - <a href="/about">{{ site.author }}</a><br />
+    <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+  </p>
+</footer>
+
+{% include analytics.html %}
--- a/_includes/header.html
+++ b/_includes/header.html
@ -0,0 +1,6 @@
+  <header role="banner">
+    <hgroup>
+      <a href="/"><h1 class="icon-logomark"><span>Dan Barber</span></h1></a>
+      <nav role="navigation">{% include navigation.html %}</nav>
+    </hgroup>
+  </header>
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@ -0,0 +1,5 @@
+<ul class="main-navigation">
+  <li><a href="{{ root_url }}/">Blog</a></li>
+  <li><a href="{{ root_url }}/about">About</a></li>
+  <li><a href="{{ root_url }}/blog/archives">Archives</a></li>
+</ul>
--- a/_includes/post/author.html
+++ b/_includes/post/author.html
@ -0,0 +1,8 @@
+{% if post.author %}
+  {% assign author = post.author %}
+{% elsif page.author %}
+  {% assign author = page.author %}
+{% else %}
+  {% assign author = site.author %}
+{% endif %}
+{% if author %}<span class="byline author vcard">Posted by <span class="fn">{{ author }}</span></span>{% endif %}
--- a/_includes/post/categories.html
+++ b/_includes/post/categories.html
@ -0,0 +1,10 @@
+{% capture category %}{% if post %}{{ post.categories | category_links | size }}{% else %}{{ page.categories | category_links | size }}{% endif %}{% endcapture %}
+{% unless category == '0' %}
+<span class="categories">
+  {% if post %}
+    {{ post.categories | category_links }}
+  {% else %}
+    {{ page.categories | category_links }}
+  {% endif %}
+</span>
+{% endunless %}
--- a/_includes/post/date.html
+++ b/_includes/post/date.html
@ -0,0 +1 @@
+{% if post.date %}<time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>{{ post.date | pretty }}</time>{% endif %}
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -1,44 +1,46 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
+{% capture root_url %}{{ site.root | strip_slash }}{% endcapture %}
 <html>
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <title>{{ page.title }}</title>
-        <meta name="viewport" content="width=device-width">
+  <head>
+    <meta charset="utf-8">
+    <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>

-        <!-- syntax highlighting CSS -->
-        <link rel="stylesheet" href="/css/syntax.css">
+    <!-- Meta tags -->
+    <meta name="author" content="{{ site.author }}">

-        <!-- Custom CSS -->
-        <link rel="stylesheet" href="/css/main.css">
+    {% capture description %}{% if page.description %}{{ page.description }}{% else %}{{ content | raw_content }}{% endif %}{% endcapture %}
+    <meta name="description" content="{{ description | strip_html | condense_spaces | truncate:150 }}">
+    {% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

-    </head>
-    <body>
+    <!-- Links -->
+    <link href="{{ site.subscribe_rss }}" rel="alternate" title="{{site.title}}" type="application/atom+xml">
+    <link rel="canonical" href="{{ canonical }}">

-        <div class="site">
-          <div class="header">
-            <h1 class="title"><a href="/">{{ site.name }}</a></h1>
-            <a class="extra" href="/">home</a>
-          </div>
+    <!-- Large favicon for Opera Speed Dial -->
+    <link rel="icon" type="image/png" href="{{ 'speeddial-icon.png' | asset_path }}">

-          {{ content }}
+    <!-- iOS favicons -->
+    <link href="{{ 'favicon.ico' | asset_path }}" rel="shortcut icon">
+    {{ 'styles' | stylesheet }}
+    <!-- 144x144 for iPad 3rd and 4th generation -->
+    <link rel="apple-touch-icon" sizes="144x144" href="{{ 'apple-touch-icon-144x144.png' | asset_path }}">
+    <!-- 114x114 for iPhone 4, 4S, 5 and 2012 iPod Touch -->
+    <link rel="apple-touch-icon" sizes="114x114" href="{{ 'apple-touch-icon-114x114.png' | asset_path }}">
+    <!-- 72x72 for 1st generation iPad, iPad 2 and iPad mini -->
+    <link rel="apple-touch-icon" sizes="72x72" href="{{ 'apple-touch-icon-72x72.png' | asset_path }}">
+    <!-- 57x57 for iPhone 3GS, 2011 iPod Touch and older Android devices -->
+    <link rel="apple-touch-icon" href="{{ 'apple-touch-icon.png' | asset_path }}">

-          <div class="footer">
-            <div class="contact">
-              <p>
-                Your Name<br />
-                What You Are<br />
-                you@example.com
-              </p>
-            </div>
-            <div class="contact">
-              <p>
-                <a href="https://github.com/yourusername">github.com/yourusername</a><br />
-                <a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br />
-              </p>
-            </div>
-          </div>
-        </div>
+    <!-- Windows 8 Pinned Site -->
+    <meta name="msapplication-TileImage" content="{{ 'win8-pinsite.png' | asset_path }}">
+    <meta name="msapplication-TileColor" content="#4B8400">
+    <meta name="application-name" content="DanBarber.me">

-    </body>
+    <script type="text/javascript" src="http://use.typekit.com/ori1zzm.js"></script>
+    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+  </head>
+  <body>
+    {{ content | expand_urls: root_url }}
+  </body>
 </html>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -1,9 +1,22 @@
 ---
 layout: default
+single: true
 ---
-<h2>{{ page.title }}</h2>
-<p class="meta">{{ page.date | date_to_string }}</p>

-<div class="post">
-{{ content }}
+{% include header.html %}
+
+<div id="content">
+  <article>
+    {% include article.html %}
+  </article>
+  <div class="pagination">
+    {% if page.previous.url %}
+      <a class="prev" href="{{page.previous.url}}" title="Previous Post: {{page.previous.title}}">&laquo; {{page.previous.title}}</a>
+    {% endif %}
+    {% if page.next.url %}
+      <a class="next" href="{{page.next.url}}" title="next Post: {{page.next.title}}">{{page.next.title}} &raquo;</a>
+    {% endif %}
+  </div>
 </div>
+
+{% include footer.html %}
--- a/_plugins/date.rb
+++ b/_plugins/date.rb
@ -0,0 +1,12 @@
+require 'date'
+require 'facets/integer/ordinal'
+
+module Jekyll
+  module DateFilter
+    def pretty(date)
+      "#{date.strftime('%b')} #{date.strftime('%e').to_i.ordinalize}, #{date.strftime('%Y')}"
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::DateFilter)
--- a/_plugins/ext.rb
+++ b/_plugins/ext.rb
@ -0,0 +1,2 @@
+require 'jekyll-assets'
+require 'jekyll-assets/bourbon'
--- a/about/index.markdown
+++ b/about/index.markdown
@ -0,0 +1,11 @@
+---
+layout: page
+title: "About Dan"
+# date: 2012-01-17 09:07
+comments: false
+sharing: true
+footer: true
+---
+Hi, my name is Dan Barber. I’m a web designer and developer in Devon. I design and build standards compliant websites that are simple, usable and attractive using open source software technologies.
+
+My chosen web technology is Ruby on Rails, and I love creating beautiful and usable interfaces.
--- a/atom.xml
+++ b/atom.xml
@ -0,0 +1,27 @@
+---
+layout: nil
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+
+  <title><![CDATA[{{ site.title }}]]></title>
+  <link href="{{ site.url }}/atom.xml" rel="self"/>
+  <link href="{{ site.url }}/"/>
+  <updated>{{ site.time | date_to_xmlschema }}</updated>
+  <id>{{ site.url }}/</id>
+  <author>
+    <name><![CDATA[{{ site.author | strip_html }}]]></name>
+    {% if site.email %}<email><![CDATA[{{ site.email }}]]></email>{% endif %}
+  </author>
+  <generator uri="http://octopress.org/">Octopress</generator>
+
+  {% for post in site.posts limit: 20 %}
+  <entry>
+    <title type="html"><![CDATA[{{ post.title | cdata_escape }}]]></title>
+    <link href="{{ site.url }}{{ post.url }}"/>
+    <updated>{{ post.date | date_to_xmlschema }}</updated>
+    <id>{{ site.url }}{{ post.id }}</id>
+    <content type="html"><![CDATA[{{ post.content | expand_urls: site.url | cdata_escape }}]]></content>
+  </entry>
+  {% endfor %}
+</feed>
--- a/css/main.css
+++ b/css/main.css
@ -1,160 +0,0 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-/* Global Reset */
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html, body { height: 100%; }
-
-body {
-  background-color: #FFF;
-  font: 13.34px Helvetica, Arial, sans-serif;
-  font-size: small;
-  text-align: center;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-size: 100%; }
-
-h1 { margin-bottom: 1em; }
-p { margin: 1em 0; }
-
-a         { color: #00a; }
-a:hover   { color: #000; }
-a:visited { color: #a0a; }
-
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-.posts {
-  list-style-type: none;
-  margin-bottom: 2em;
-}
-
-.posts li {
-  line-height: 1.75em;
-}
-
-.posts span {
-  color: #aaa;
-  font-family: Monaco, "Courier New", monospace;
-  font-size: 80%;
-}
-
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
-
-.site {
-  font-size: 115%;
-  text-align: justify;
-  width: 42em;
-  margin: 3em auto 2em;
-  line-height: 1.5em;
-}
-
-.header a {
-  font-weight: bold;
-  text-decoration: none;
-}
-
-.title {
-  display: inline-block;
-  margin-bottom: 2em;
-}
-
-.title a {
-  color: #a00;
-}
-
-.title a:hover {
-  color: #000;
-}
-
-.header a.extra {
-  color: #aaa;
-  margin-left: 1em;
-}
-
-.header a.extra:hover {
-  color: #000;
-}
-
-.meta {
-  color: #aaa;
-}
-
-.footer {
-  font-size: 80%;
-  color: #666;
-  border-top: 4px solid #eee;
-  margin-top: 2em;
-  overflow: hidden;
-}
-
-.footer .contact {
-  float: left;
-  margin-right: 3em;
-}
-
-.footer .contact a {
-  color: #8085C1;
-}
-
-.footer .rss {
-  margin-top: 1.1em;
-  margin-right: -.2em;
-  float: right;
-}
-
-.footer .rss img {
-  border: 0;
-}
-
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
-
-/* standard */
-.post pre {
-  border: 1px solid #ddd;
-  background-color: #eef;
-  padding: 0 .4em;
-}
-
-.post ul, .post ol {
-  margin-left: 1.35em;
-}
-
-.post code {
-  border: 1px solid #ddd;
-  background-color: #eef;
-  padding: 0 .2em;
-}
-
-.post pre code {
-  border: none;
-}
-
-/* terminal */
-.post pre.terminal {
-  border: 1px solid #000;
-  background-color: #333;
-  color: #FFF;
-}
-
-.post pre.terminal code {
-  background-color: #333;
-}
--- a/css/syntax.css
+++ b/css/syntax.css
@ -1,60 +0,0 @@
-.highlight  { background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
--- a/design-for-developers/index.markdown
+++ b/design-for-developers/index.markdown
@ -0,0 +1,44 @@
+---
+layout: page
+title: "design for developers"
+date: 2013-03-24 09:35
+comments: true
+sharing: true
+footer: true
+---
+
+This is a page of useful links associated with my talk "Design Eye for the Developer Guy".
+
+## Grid
+
+*   [Designing With Grid-Based Approach][1]
+*   [How You Make A Grid (PDF)][2]
+*   [Design & Build a Grid Based Web Design with CSS][3]
+
+## Colour
+
+*   [Basic Color Theory][4]
+*   [Color Theory for Designers, Part 1: The Meaning of Color][5]
+*   [Color Theory For Designers, Part 2: Understanding Concepts And Terminology][6]
+*   [Color Theory for Designer, Part 3: Creating Your Own Color Palettes][7]
+*   [Color Scheme Designer][8]
+
+## Typography
+
+*   [How to Choose a Typeface][9]
+*   [Five simple steps to better typography][10] (Internal links from here are broken, but will work again if you remove the trailing slash)
+*   [8 Simple Ways to Improve Typography In Your Designs][11]
+*   [The Elements of Typographic Style Applied to the Web][12]
+
+ [1]: http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/
+ [2]: http://typophile.com/files/How%20you%20make%20a%20grid.pdf
+ [3]: http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css
+ [4]: http://www.colormatters.com/color-and-design/basic-color-theory
+ [5]: http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
+ [6]: http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
+ [7]: http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/
+ [8]: http://colorschemedesigner.com
+ [9]: http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/
+ [10]: http://markboulton.co.uk/journal/five-simple-steps-to-better-typography
+ [11]: http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
+ [12]: http://webtypography.net
--- a/index.html
+++ b/index.html
@ -1,13 +1,28 @@
 ---
 layout: default
-title: Your New Jekyll Site
 ---

-<div id="home">
-  <h1>Blog Posts</h1>
-  <ul class="posts">
-    {% for post in site.posts %}
-      <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
-    {% endfor %}
-  </ul>
-</div>
+{% assign index = true %}
+
+{% include header.html %}
+
+<div id="content">
+  {% assign index = true %}
+  {% for post in paginator.posts %}
+    {% assign content = post.content %}
+    <article>
+      {% include article.html %}
+    </article>
+  {% endfor %}
+  <div class="pagination">
+    {% if paginator.next_page %}
+      <a class="prev" href="{{ paginator.next_page_path }}">&larr; Older</a>
+    {% endif %}
+    <a href="/blog/archives">Blog Archives</a>
+    {% if paginator.previous_page %}
+    <a class="next" href="{{ paginator.previous_page_path }}">Newer &rarr;</a>
+    {% endif %}
+  </div>
+</div>
+
+{% include footer.html %}
--- a/sale/index.markdown
+++ b/sale/index.markdown
@ -0,0 +1,28 @@
+---
+layout: page
+title: "Stuff for sale"
+date: 2014-04-20
+footer: true
+---
+
+I'm selling my DSLR gear to make way for a smaller more compact camera setup. The following items are available. Contact me on sale@danbarber.me if you're interested in any of the items.
+
+Check my [Flickr](https://www.flickr.com/photos/danbee/) stream for example shots from this gear. Most of the photos on there were taken with the 30D with one of the two lenses listed.
+
+Prices don't include shipping.
+
+### [Canon EOS 30D body](http://www.canon.co.uk/For_Home/Product_Finder/Cameras/Digital_SLR/eos30d/) -- £100
+
+This body is in excellent condition and comes with two batteries, charger, cables and manual. I'll throw in a couple of CF cards too.
+
+### [Sigma EX Macro 18-50mm f2.8 lens](http://www.ephotozine.com/article/sigma-18-50-f-2-8-ex-dc-interchangeable-lens-review-4040) -- £150
+
+In excellent condition, with box and case. This is a great alternative to the usual Canon kit lens as it has a wide f2.8 aperture through the zoom range.
+
+### [Canon L series 70-200 f4 USM lens](http://www.canon.co.uk/For_Home/Product_Finder/Cameras/EF_Lenses/Telephoto_Zoom/EF_70-200mm_f4L_USM/) -- £350
+
+Widely regarded as one of the sharpest lenses Canon makes! This is an amazing lens.
+
+### [Canon RS-80N3 remote shutter release](http://www.amazon.co.uk/Canon-Remote-Switch-RS-80-N3/dp/B00007EEA4/ref=sr_1_1?ie=UTF8&qid=1398012676&sr=8-1&keywords=canon+rs+80n3) -- Sold!
+
+Bought new, barely used.
				`@ -0,0 +1 @@`
				`{% if post.date %}<time datetime="{{ post.date \| datetime \| date_to_xmlschema }}" pubdate>{{ post.date \| pretty }}</time>{% endif %}`