Version bump to 0.9.3

Add tag.hbs template

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2013 The Ghost Foundation
+Copyright (c) 2013-2014 Ghost Foundation - Released under The MIT License.
 
 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation
@@ -19,4 +19,4 @@ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
-OTHER DEALINGS IN THE SOFTWARE.
+OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,14 +1,14 @@
-# Casper v0.1.1
+# Casper
 
 The default theme for [Ghost](http://github.com/tryghost/ghost/).
 
 ## Copyright & License
 
-Copyright (C) 2013 The Ghost Foundation - Released under the MIT Lincense.
+Copyright (c) 2013-2014 Ghost Foundation - Released under the MIT License.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

assets/fonts/icons.svg

@@ -0,0 +1,15 @@
+<?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>Generated by IcoMoon</metadata>
+<defs>
+<font id="icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
+<glyph unicode="&#xe000;" d="M0 960v-204.8h614.4v204.8h-614.4zM0 550.4v-204.8h1024v204.8h-1024zM0 140.8v-204.8h409.6v204.8h-409.6zM614.4 140.8v-204.8h409.6v204.8h-409.6zM819.2 960v-204.8h204.8v204.8h-204.8z" />
+<glyph unicode="&#xe001;" d="M842.688-64c-0.8 459.232-401.504 834.528-842.688 835.392v188.608c541.312 0 1024-460.608 1024-1024h-181.312zM687.2-63.936h-181.216c0.608 112.768-56.672 238.976-147.328 333.472-90.144 95.264-249.92 155.296-358.208 154.72v188.544c338.080-7.296 679.872-326.624 686.752-676.736zM128.512 192.096c70.624 0 127.872-57.312 127.872-128 0-70.656-57.248-127.968-127.872-127.968s-127.872 57.312-127.872 127.968c0 70.688 57.248 128 127.872 128z" />
+<glyph unicode="&#xe002;" d="M1024 765.582c-37.676-16.708-78.164-28.002-120.66-33.080 43.372 26 76.686 67.17 92.372 116.23-40.596-24.078-85.556-41.56-133.41-50.98-38.32 40.83-92.922 66.34-153.346 66.34-116.022 0-210.088-94.058-210.088-210.078 0-16.466 1.858-32.5 5.44-47.878-174.6 8.764-329.402 92.4-433.018 219.506-18.084-31.028-28.446-67.116-28.446-105.618 0-72.888 37.088-137.192 93.46-174.866-34.438 1.092-66.832 10.542-95.154 26.278-0.020-0.876-0.020-1.756-0.020-2.642 0-101.788 72.418-186.696 168.522-206-17.626-4.8-36.188-7.372-55.348-7.372-13.538 0-26.698 1.32-39.528 3.772 26.736-83.46 104.32-144.206 196.252-145.896-71.9-56.35-162.486-89.934-260.916-89.934-16.958 0-33.68 0.994-50.116 2.94 92.972-59.61 203.402-94.394 322.042-94.394 386.422 0 597.736 320.124 597.736 597.744 0 9.108-0.206 18.168-0.61 27.18 41.056 29.62 76.672 66.62 104.836 108.748z" />
+<glyph unicode="&#xe003;" d="M0.806 90.336c-0.244 2.532-0.452 5.070-0.584 7.63 0.13-2.56 0.34-5.098 0.584-7.63zM235.908 394.852c92.010-2.738 153.734 92.698 137.862 213.198-15.894 120.48-103.396 217.168-195.408 219.922-92.026 2.73-153.74-89.482-137.852-210 15.882-120.468 103.352-220.374 195.398-223.12zM1024 704v85.31c0 93.88-76.782 170.69-170.658 170.69h-682.656c-92.276 0-168.012-74.232-170.564-165.926 58.362 51.386 139.324 94.316 222.874 94.316 89.304 0 357.244 0 357.244 0l-79.948-67.618h-113.268c75.13-28.804 115.156-116.124 115.156-205.722 0-75.248-41.81-139.954-100.888-185.968-57.644-44.902-68.572-63.708-68.572-101.878 0-32.578 61.746-88 94.032-110.788 94.382-66.538 124.916-128.312 124.916-231.456 0-16.428-2.042-32.83-6.066-48.96h307.742c93.874 0 170.656 76.75 170.656 170.69v533.308h-192v-191.998h-64v192h-191.998v64h191.998v192h64v-192h192zM185.886 194.064c21.614 0 41.422 0.59 61.936 0.59-27.146 26.334-48.626 58.6-48.626 98.38 0 23.608 7.564 46.336 18.134 66.52-10.782-0.77-21.79-0.994-33.126-0.994-74.356 0-137.506 24.076-184.204 63.854v-67.242l0.006-201.73c53.44 25.374 116.888 40.622 185.88 40.622zM3.42 72.742c-1.112 5.458-1.966 11.006-2.542 16.634 0.574-5.628 1.43-11.176 2.542-16.634zM455.45 7.154c-15.058 58.806-68.454 87.964-142.888 139.568-27.072 8.732-56.894 13.874-88.894 14.208-89.618 0.964-173.108-34.942-220.216-88.372 15.92-77.706 85.034-136.558 167.234-136.558h286.444c1.816 11.128 2.696 22.632 2.696 34.432 0 12.534-1.534 24.792-4.376 36.722z" />
+<glyph unicode="&#xe004;" d="M853.344 960h-682.66c-93.872 0-170.684-76.814-170.684-170.688v-682.626c0-93.938 76.812-170.686 170.684-170.686l682.66 0.002c93.876 0 170.656 76.746 170.656 170.688v682.622c0 93.874-76.782 170.688-170.656 170.688zM870.592 448h-166.592v-448h-192v448h-92.526v146.564h92.526v95.186c0 129.342 55.792 206.25 207.87 206.25h175.244v-158.57h-143.13c-42.482 0.070-47.752-22.152-47.752-63.512l-0.232-79.354h192l-25.408-146.564z" />
+</font></defs></svg>

assets/js/index.js

@@ -0,0 +1,59 @@
+/**
+ * Main JS file for Casper behaviours
+ */
+
+/*globals jQuery, document */
+(function ($) {
+    "use strict";
+
+    $(document).ready(function(){
+
+        $(".post-content").fitVids();
+
+        function casperFullImg() {
+            $("img").each( function() {
+                var contentWidth = $(".post-content").outerWidth(); // Width of the content
+                var imageWidth = $(this)[0].naturalWidth; // Original image resolution
+
+                if (imageWidth >= contentWidth) {
+                    $(this).addClass('full-img');
+                } else {
+                    $(this).removeClass('full-img');
+                }
+            });
+        };
+
+        casperFullImg();
+        $(window).smartresize(casperFullImg);
+
+    });
+
+}(jQuery));
+
+(function($,sr){
+
+  // debouncing function from John Hann
+  // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+  var debounce = function (func, threshold, execAsap) {
+      var timeout;
+
+      return function debounced () {
+          var obj = this, args = arguments;
+          function delayed () {
+              if (!execAsap)
+                  func.apply(obj, args);
+              timeout = null;
+          };
+
+          if (timeout)
+              clearTimeout(timeout);
+          else if (execAsap)
+              func.apply(obj, args);
+
+          timeout = setTimeout(delayed, threshold || 100);
+      };
+  }
+  // smartresize 
+  jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery,'smartresize');

assets/js/jquery.fitvids.js

@@ -0,0 +1,67 @@
+/*global jQuery */
+/*jshint browser:true */
+/*!
+* FitVids 1.1
+*
+* 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/
+*
+*/
+
+(function( $ ){
+
+  "use strict";
+
+  $.fn.fitVids = function( options ) {
+    var settings = {
+      customSelector: null
+    };
+
+    if(!document.getElementById('fit-vids-style')) {
+      // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var css = '.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%;}';
+      var div = document.createElement('div');
+      div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
+      head.appendChild(div.childNodes[1]);
+    }
+
+    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 );

css/boilerplate.css

@@ -1,267 +0,0 @@
-/*
- * HTML5 Boilerplate
- *
- * What follows is the result of much research on cross-browser styling.
- * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
- * Kroc Camen, and the H5BP dev community and team.
- */
-
-/* ==========================================================================
-   Base styles: opinionated defaults
-   ========================================================================== */
-
-html,
-button,
-input,
-select,
-textarea {
-    color: #222;
-}
-
-body {
-    font-size: 1em;
-    line-height: 1.4;
-}
-
-/*
- * Remove text-shadow in selection highlight: h5bp.com/i
- * These selection declarations have to be separate.
- * Customize the background color to match your design.
- */
-
-::-moz-selection {
-    background: #ff0054;
-    color:#fff;
-    text-shadow: none;
-}
-
-::selection {
-    background: #ff0054;
-    color:#fff;
-    text-shadow: none;
-}
-
-/*
- * A better looking default horizontal rule
- */
-
-hr {
-    display: block;
-    height: 1px;
-    border: 0;
-    border-top: 1px solid #dadada;
-    margin: 3em 0;
-    padding: 0;
-}
-
-/*
- * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
- */
-
-img {
-    vertical-align: middle;
-}
-
-/*
- * Remove default fieldset styles.
- */
-
-fieldset {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-/*
- * Allow only vertical resizing of textareas.
- */
-
-textarea {
-    resize: vertical;
-}
-
-/* ==========================================================================
-   Helper classes
-   ========================================================================== */
-
-/*
- * Image replacement
- */
-
-.ir {
-    background-color: transparent;
-    border: 0;
-    overflow: hidden;
-    /* IE 6/7 fallback */
-    *text-indent: -9999px;
-}
-
-.ir:before {
-    content: "";
-    display: block;
-    width: 0;
-    height: 100%;
-}
-
-/*
- * Hide from both screenreaders and browsers: h5bp.com/u
- */
-
-.hidden {
-    display: none !important;
-    visibility: hidden;
-}
-
-/*
- * Hide only visually, but have it available for screenreaders: h5bp.com/v
- */
-
-.visuallyhidden,
-.screen-reader-text {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-}
-
-/*
- * Extends the .visuallyhidden class to allow the element to be focusable
- * when navigated to via the keyboard: h5bp.com/p
- */
-
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus {
-    clip: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    position: static;
-    width: auto;
-}
-
-/*
- * Hide visually and from screenreaders, but maintain layout
- */
-
-.invisible {
-    visibility: hidden;
-}
-
-/*
- * Clearfix: contain floats
- *
- * For modern browsers
- * 1. The space content is one way to avoid an Opera bug when the
- *    `contenteditable` attribute is included anywhere else in the document.
- *    Otherwise it causes space to appear at the top and bottom of elements
- *    that receive the `clearfix` class.
- * 2. The use of `table` rather than `block` is only necessary if using
- *    `:before` to contain the top-margins of child elements.
- */
-
-.clearfix:before,
-.clearfix:after {
-    content: " "; /* 1 */
-    display: table; /* 2 */
-}
-
-.clearfix:after {
-    clear: both;
-}
-
-/*
- * For IE 6/7 only
- * Include this rule to trigger hasLayout and contain floats.
- */
-
-.clearfix {
-    *zoom: 1;
-}
-
-/*
- * Some standard WordPress classes commonly used by themes/plugins.
- */
-
-.alignleft {
-    float:left;
-}
-
-.alignright {
-    float:right;
-}
-
-/* ==========================================================================
-   Print styles.
-   Inlined to avoid required HTTP connection: h5bp.com/r
-   ========================================================================== */
-
-@media print {
-    * {
-        background: transparent !important;
-        color: #000 !important; /* Black prints faster: h5bp.com/s */
-        box-shadow: none !important;
-        text-shadow: none !important;
-    }
-
-    a,
-    a:visited {
-        text-decoration: underline;
-    }
-
-    a[href]:after {
-        content: " (" attr(href) ")";
-    }
-
-    abbr[title]:after {
-        content: " (" attr(title) ")";
-    }
-
-    /*
-     * Don't show links for images, or javascript/internal links
-     */
-
-    .ir a:after,
-    a[href^="javascript:"]:after,
-    a[href^="#"]:after {
-        content: "";
-    }
-
-    pre,
-    blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
-
-    thead {
-        display: table-header-group; /* h5bp.com/t */
-    }
-
-    tr,
-    img {
-        page-break-inside: avoid;
-    }
-
-    img {
-        max-width: 100% !important;
-    }
-
-    @page {
-        margin: 0.5cm;
-    }
-
-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
-
-    h2,
-    h3 {
-        page-break-after: avoid;
-    }
-}

css/fonts.css

@@ -1,11 +0,0 @@
-@font-face {
-    font-family: 'galette';
-    src: url('../fonts/galette-med-webfont.eot');
-    src: url('../fonts/galette-med-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/galette-med-webfont.woff') format('woff'),
-         url('../fonts/galette-med-webfont.ttf') format('truetype'),
-         url('../fonts/galette-med-webfont.svg#galetteregular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}

css/normalize.css

@@ -1,511 +0,0 @@
-/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/*
- * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
- */
-
-main,
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/*
- * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-    *display: inline;
-    *zoom: 1;
-}
-
-/*
- * Prevents modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/*
- * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
- * and Safari 4.
- * Known issue: no IE 6 support.
- */
-
-[hidden] {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/*
- * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
- *    `em` units.
- * 2. Prevents iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-size: 100%; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
-}
-
-/*
- * Addresses `font-family` inconsistency between `textarea` and other form
- * elements.
- */
-
-html,
-button,
-input,
-select,
-textarea {
-    font-family: sans-serif;
-}
-
-/*
- * Addresses margins handled incorrectly in IE 6/7.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/*
- * Addresses `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/*
- * Improves readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/*
- * Addresses font sizes and margins set differently in IE 6/7.
- * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
- * and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-h2 {
-    font-size: 1.5em;
-    margin: 0.83em 0;
-}
-
-h3 {
-    font-size: 1.17em;
-    margin: 1em 0;
-}
-
-h4 {
-    font-size: 1em;
-    margin: 1.33em 0;
-}
-
-h5 {
-    font-size: 0.83em;
-    margin: 1.67em 0;
-}
-
-h6 {
-    font-size: 0.67em;
-    margin: 2.33em 0;
-}
-
-/*
- * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/*
- * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-blockquote {
-    margin: 1em 40px;
-}
-
-/*
- * Addresses styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/*
- * Addresses styling not present in IE 6/7/8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/*
- * Addresses margins set differently in IE 6/7.
- */
-
-p {
-    margin: 1em 0;
-}
-
-/*
- * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    _font-family: 'courier new', monospace;
-    font-size: 1em;
-}
-
-/*
- * Improves readability of pre-formatted text in all browsers.
- */
-
-pre {
-    margin: 1.5em 0;
-    white-space: pre;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-}
-
-/*
- * Addresses CSS quotes not supported in IE 6/7.
- */
-
-q {
-    quotes: none;
-}
-
-/*
- * Addresses `quotes` property not supported in Safari 4.
- */
-
-q:before,
-q:after {
-    content: '';
-    content: none;
-}
-
-/*
- * Addresses inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/*
- * Prevents `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;
-}
-
-/* ==========================================================================
-   Lists
-   ========================================================================== */
-
-/*
- * Addresses margins set differently in IE 6/7.
- */
-
-dl,
-menu,
-ol,
-ul {
-    margin: 1em 0;
-}
-
-dd {
-    margin: 0 0 0 2em;
-}
-
-/*
- * Addresses paddings set differently in IE 6/7.
- */
-
-menu,
-ol,
-ul {
-    padding: 0 0 0 2em;
-}
-
-/*
- * Corrects list images handled incorrectly in IE 7.
- */
-
-nav ul,
-nav ol {
-    list-style: none;
-    list-style-image: none;
-}
-
-li {
-    padding:0;
-    margin-top:5px;
-    line-height: 1.6em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/*
- * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
- * 2. Improves image quality when scaled in IE 7.
- */
-
-img {
-    border: 0; /* 1 */
-    -ms-interpolation-mode: bicubic; /* 2 */
-}
-
-/*
- * Corrects overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/*
- * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/*
- * Corrects margin displayed oddly in IE 6/7.
- */
-
-form {
-    margin: 0;
-}
-
-/*
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/*
- * 1. Corrects color not being inherited in IE 6/7/8/9.
- * 2. Corrects text not wrapping in Firefox 3.
- * 3. Corrects alignment displayed oddly in IE 6/7.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0;
-    white-space: normal; /* 2 */
-    *margin-left: -7px; /* 3 */
-}
-
-/*
- * 1. Corrects font size not being inherited in all browsers.
- * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
- *    and Chrome.
- * 3. Improves appearance and consistency in all browsers.
- */
-
-button,
-input,
-select,
-textarea {
-    font-size: 100%; /* 1 */
-    margin: 0; /* 2 */
-    vertical-align: baseline; /* 3 */
-    *vertical-align: middle; /* 3 */
-}
-
-/*
- * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/*
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Corrects inability to style clickable `input` types in iOS.
- * 3. Improves usability and consistency of cursor style between image-type
- *    `input` and others.
- * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
- *    Known issue: inner spacing remains in IE 6.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-    *overflow: visible;  /* 4 */
-}
-
-/*
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-input[disabled] {
-    cursor: default;
-}
-
-/*
- * 1. Addresses box sizing set to content-box in IE 8/9.
- * 2. Removes excess padding in IE 8/9.
- * 3. Removes excess padding in IE 7.
- *    Known issue: excess padding remains in IE 6.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-    *height: 13px; /* 3 */
-    *width: 13px; /* 3 */
-}
-
-/*
- * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Addresses `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;
-}
-
-/*
- * Removes 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;
-}
-
-/*
- * Removes inner padding and border in Firefox 3+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/*
- * 1. Removes default vertical scrollbar in IE 6/7/8/9.
- * 2. Improves 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;
-}

default.hbs

@@ -1,19 +1,45 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title>{{settings.title}} | {{settings.description}}</title>
-    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    {{! Document Settings }}
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
-    <script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
-    <script type="text/javascript" src="/js/index.js"></script>
+    {{! Page Meta }}
+    <title>{{meta_title}}</title>
+    <meta name="description" content="{{meta_description}}" />
+
+    <meta name="HandheldFriendly" content="True" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="shortcut icon" href="{{asset "favicon.ico"}}">
+
+    {{! Styles'n'Scripts }}
+    <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Open+Sans:700,400" />
+
+    {{! Ghost outputs important style and meta data with this tag }}
+    {{ghost_head}}
 </head>
-<body>
-    <header>
-        <a id="title" href="/">{{settings.title}}</a>
-        <p id="description">{{settings.description}}</p>
-        <div class="clearfix"></div>
-    </header>
+<body class="{{body_class}}">
+
+    {{! Everything else gets inserted here }}
     {{{body}}}
+
+    <footer class="site-footer">
+        <a class="subscribe icon-feed" href="{{@blog.url}}/rss/"><span class="tooltip">Subscribe!</span></a>
+        <div class="inner">
+             <section class="copyright">All content copyright <a href="{{@blog.url}}/">{{@blog.title}}</a> &copy; {{date format="YYYY"}} &bull; All rights reserved.</section>
+             <section class="poweredby">Proudly published with <a class="icon-ghost" href="https://ghost.org">Ghost</a></section>
+        </div>
+    </footer>
+
+    {{! Ghost outputs important scripts and data with this tag }}
+    {{ghost_foot}}
+
+    {{! The main JavaScript file for Casper }}
+    <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
+    <script type="text/javascript" src="{{asset "js/index.js"}}"></script>
+
 </body>
-</html>
+</html>

fonts/galette-med-webfont.svg

@@ -1,831 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta charset="utf-8">
-  <title>
-  JohnONolan / Casper 
-  / source  / css / fonts / galette-med-webfont.svg
- &mdash; Bitbucket
-</title>
-  <link rel="icon" type="image/png" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/favicon.png">
-  <meta id="bb-canon-url" name="bb-canon-url" content="https://bitbucket.org">
-  
-  
-<link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/css/acebb1beb454.css" type="text/css" />
-<link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/css/e8be34c6090b.css" type="text/css" />
-
-  <!--[if lt IE 9]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui/aui-ie.css" media="all"><![endif]-->
-  <!--[if IE 9]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui/aui-ie9.css" media="all"><![endif]-->
-  <!--[if IE]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui-overrides-ie.css" media="all"><![endif]-->
-  <meta name="description" content=""/>
-  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Bitbucket" />
-  
-  <link href="/JohnONolan/casper/rss?token=21b2d996077daf426102c1594ef1db36" rel="alternate nofollow" type="application/rss+xml" title="RSS feed for Casper" />
-
-<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script></head>
-<body class="aui-layout production "
-      >
-<script type="text/javascript" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/js/e98deabf8a2e.js"></script>
-<div id="page">
-  <div id="wrapper">
-    
-    <header id="header" role="banner">
-      
-      <nav class="aui-header aui-dropdown2-trigger-group" role="navigation">
-        <div class="aui-header-inner">
-          <div class="aui-header-primary">
-            <h1 class="aui-header-logo aui-header-logo-bitbucket">
-              <a href="/" class="aui-nav-imagelink">
-                <span class="aui-header-logo-device">Bitbucket</span>
-              </a>
-            </h1>
-            <script id="repo-dropdown-template" type="text/html">
-  
-
-[[#hasViewed]]
-  <div class="aui-dropdown2-section">
-    <strong class="viewed">Recently viewed</strong>
-    <ul class="aui-list-truncate">
-      [[#viewed]]
-        <li class="[[#is_private]]private[[/is_private]][[^is_private]]public[[/is_private]] repository">
-          <a href="[[url]]" title="[[owner]]/[[name]]" class=" aui-icon-container">
-            <img class="repo-avatar size16" src="[[{avatar}]]" alt="[[owner]]/[[name]] avatar"/>
-            [[owner]] / [[name]]
-          </a>
-        </li>
-      [[/viewed]]
-    </ul>
-  </div>
-[[/hasViewed]]
-[[#hasUpdated]]
-<div class="aui-dropdown2-section">
-  <strong class="updated">Recently updated</strong>
-  <ul class="aui-list-truncate">
-    [[#updated]]
-    <li class="[[#is_private]]private[[/is_private]][[^is_private]]public[[/is_private]] repository">
-      <a href="[[url]]" title="[[owner]]/[[name]]" class=" aui-icon-container">
-        <img class="repo-avatar size16" src="[[{avatar}]]" alt="[[owner]]/[[name]] avatar"/>
-        [[owner]] / [[name]]
-      </a>
-    </li>
-    [[/updated]]
-  </ul>
-</div>
-[[/hasUpdated]]
-
-</script>
-            <ul role="menu" class="aui-nav">
-              
-                <li>
-                  <a class="aui-dropdown2-trigger aui-dropdown2-trigger selected"
-                     aria-owns="repo-dropdown" aria-haspopup="true" href="/repo/mine " id="repositories-dropdown-trigger">
-                    Repositories
-                    <span class="aui-icon-dropdown"></span>
-                  </a>
-                  <nav id="repo-dropdown" class="aui-dropdown2 aui-style-default">
-                    <div id="repo-dropdown-recent"></div>
-                    <div class="aui-dropdown2-section">
-                      <ul>
-                        <li>
-                          <a href="/repo/create" class="new-repository" id="create-repo-link">
-                            Create repository
-                          </a>
-                        </li>
-                        <li>
-                          <a href="/repo/import" class="import-repository" id="import-repo-link">
-                            Import repository
-                          </a>
-                        </li>
-                      </ul>
-                    </div>
-                  </nav>
-                </li>
-                <li>
-                  <a class="aui-button aui-button-primary aui-style" href="/repo/create" id="repo-create-cta">
-                    Create
-                  </a>
-                </li>
-              
-            </ul>
-          </div>
-          <div class="aui-header-secondary">
-            <ul role="menu" class="aui-nav">
-              <li>
-                <form action="/repo/all" method="get" class="aui-quicksearch">
-                  <label for="search-query" class="assistive">owner/repository</label>
-                  <input  id="search-query" class="search" type="text" placeholder="owner/repository" name="name">
-                </form>
-              </li>
-              <li>
-                <a class="aui-dropdown2-trigger"aria-controls="header-help-dropdown" aria-owns="header-help-dropdown"
-                   aria-haspopup="true" data-container="#header .aui-header-inner" href="#header-help-dropdown">
-                  <span class="aui-icon aui-icon-small aui-iconfont-help">Help</span><span class="aui-icon-dropdown"></span>
-                </a>
-                <nav id="header-help-dropdown" class="aui-dropdown2 aui-style-default aui-dropdown2-in-header" aria-hidden="true">
-                  <div class="aui-dropdown2-section">
-                    <ul>
-                      <li>
-                        <a href="/whats-new" id="features-link">
-                          What's new
-                        </a>
-                      </li>
-                    </ul>
-                  </div>
-                  <div class="aui-dropdown2-section">
-                    <ul>
-                      <li><a href="https://confluence.atlassian.com/display/BITBUCKET/bitbucket+Documentation+Home" target="_blank">Documentation</a></li>
-                      <li><a href="https://confluence.atlassian.com/display/BITBUCKET/bitbucket+101" target="_blank">Bitbucket 101</a></li>
-                      <li><a href="https://confluence.atlassian.com/display/BBKB/Bitbucket+Knowledge+Base+Home" target="_blank">Knowledge base</a></li>
-                    </ul>
-                  </div>
-                  <div class="aui-dropdown2-section">
-                    <ul>
-                      <li><a href="https://answers.atlassian.com/tags/bitbucket/" target="_blank">Bitbucket on Atlassian Answers</a></li>
-                      <li><a href="/support">Support</a></li>
-                    </ul>
-                  </div>
-                </nav>
-              </li>
-              
-              
-                <li>
-                  <a class="aui-dropdown2-trigger"
-                     aria-owns="user-dropdown" aria-haspopup="true" data-container="#header .aui-header-inner"
-                     href="/ErisDS" title="ErisDS" id="user-dropdown-trigger">
-                    <div class="aui-avatar aui-avatar-small">
-                        <div class="aui-avatar-inner">
-                            <img src="https://secure.gravatar.com/avatar/cb82ccb3c72846f4e111348b8d5a01e5?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F32%2Fuser_blue.png&amp;s=32" alt="ErisDS" height="24" width="24" />
-                        </div>
-                    </div>
-                  </a>
-                  <nav id="user-dropdown" class="aui-dropdown2 aui-style-default" aria-hidden="true">
-                    <div class="aui-dropdown2-section">
-                      <ul>
-                        <li>
-                          <a href="/ErisDS" id="profile-link">View profile</a>
-                        </li>
-                        <li>
-                          <a href="/account/user/ErisDS/" id="account-link">Manage account</a>
-                        </li>
-                        <li>
-                          <a href="/account/notifications/" id="inbox-link">Inbox <span id="inbox-unread-count"></span></a>
-                        </li>
-                        <li>
-                          <a href="/account/signout/">Log out</a>
-                        </li>
-                      </ul>
-                    </div>
-                      <div class="aui-dropdown2-section" id="account-admin-links">
-                        <strong>Teams</strong>
-                          <ul class="aui-list-truncate">
-                          </ul>
-                        </div>
-                      <div class="aui-dropdown2-section">
-                          <ul>
-                              <li>
-                                  <a href="#general-invite" class='general-invite-link'>Invite a friend</a>
-                              </li>
-                          </ul>
-                      </div>
-                      
-                      <div class="aui-dropdown2-section">
-                        <ul>
-                          <li>
-                            <a href="/account/create-team/" id="create-team-link">Create team</a>
-                          </li>
-                          <li>
-                            <a href="/account/user/ErisDS/convert-team/">Convert to team</a>
-                          </li>
-                        </ul>
-                      </div>
-                    
-                  </nav>
-                </li>
-              
-            </ul>
-          </div>
-        </div>
-      </nav>
-    </header>
-      <header id="account-warning" role="banner"
-              class="aui-message-banner warning ">
-        <div class="center-content">
-          <span class="aui-icon aui-icon-warning"></span>
-          <span class="message">
-            
-          </span>
-        </div>
-      </header>
-    
-      <header id="aui-message-bar">
-        
-      </header>
-    
-    
-  <header id="repo-warning" role="banner" class="aui-message-banner warning">
-    <div class="center-content">
-      <span class="aui-icon aui-icon-warning"></span>
-      <span class="message">
-      </span>
-    </div>
-  </header>
-  <script id="repo-warning-template" type="text/html">
-  
-
-
-
-
-  This repository's ownership is pending transfer to <a href="/[[username]]">[[username]]</a>.
-  Visit the <a href="/JohnONolan/casper/admin/transfer">transfer repository page</a> to view more details.
-
-
-</script>
-  <header id="repo-header" class="subhead row">
-    <div class="center-content">
-      <div class="repo-summary">
-        <a class="repo-avatar-link" href="/JohnONolan/casper">
-          <span class="repo-avatar-container size64" title="JohnONolan/Casper">
-  <img alt="JohnONolan/Casper" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/language-avatars/default_64.png">
-</span>
-
-          
-          <span class="locked" rel="tooltip" title="Private repository" data-placement="bottom"></span>
-          
-        </a>
-        <h1><a class="repo-link" href="/JohnONolan/casper">Casper</a></h1>
-        <ul class="repo-metadata clearfix">
-          <li>
-            <a class="user" href="/JohnONolan">
-              <span class="icon user">User icon</span>
-              <span>JohnONolan</span>
-            </a>
-          </li>
-          
-          
-          <li class="social">
-            <a class="follow" id="repo-follow"
-               rel="nofollow"
-               href="/JohnONolan/casper/follow">
-              <span class="icon follow">Follow icon</span>
-              <span class="text">Follow</span>
-            </a>
-          </li>
-          
-        </ul>
-      </div>
-      <div id="repo-toolbar" class="bb-toolbar">
-        
-        <div class="aui-buttons">
-          <a id="repo-clone-button" class="aui-button aui-style" href="https://ErisDS@bitbucket.org/JohnONolan/casper.git">
-            <span class="icon clone">Clone icon</span>
-            <span>Clone</span>
-            <span class="aui-icon-dropdown"></span>
-          </a>
-          <a id="fork-button" class="aui-button aui-style"
-             href="/JohnONolan/casper/fork">
-            <span class="icon fork">Fork icon</span>
-            <span>Fork</span>
-          </a>
-        </div>
-        <div class="aui-buttons">
-          <a id="compare-button" class="aui-button aui-style"
-             href="/JohnONolan/casper/compare">
-            <span class="icon compare">Compare icon</span>
-            <span>Compare</span>
-          </a>
-          <a id="pull-request-button" class="aui-button aui-style"
-             href="/JohnONolan/casper/pull-request/new">
-            <span class="icon pull-request">Pull request icon</span>
-            <span>Pull request</span>
-          </a>
-        </div>
-        
-        
-
-<div id="repo-clone-dialog" class="clone-dialog hidden">
-  
-<div class="clone-url">
-  <div class="aui-buttons">
-    <a href="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
-       class="aui-button aui-style aui-dropdown2-trigger" aria-haspopup="true"
-       aria-owns="clone-url-dropdown-header">
-      <span class="dropdown-text">HTTPS</span>
-    </a>
-    <div id="clone-url-dropdown-header" class="aui-dropdown2 aui-style-default">
-      <ul class="aui-list-truncate">
-        <li>
-          <a href="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
-            
-              data-command="git clone https://ErisDS@bitbucket.org/JohnONolan/casper.git"
-            
-            class="item-link https">HTTPS
-          </a>
-        </li>
-        <li>
-          <a href="ssh://git@bitbucket.org/JohnONolan/casper.git"
-            
-              data-command="git clone git@bitbucket.org:JohnONolan/casper.git"
-            
-            class="item-link ssh">SSH
-          </a>
-        </li>
-      </ul>
-    </div>
-    <input type="text" readonly="readonly" value="git clone https://ErisDS@bitbucket.org/JohnONolan/casper.git">
-  </div>
-  
-  <p>Need help cloning? Visit
-     <a href="https://confluence.atlassian.com/x/cgozDQ" target="_blank">Bitbucket 101</a>.</p>
-  
-</div>
-
-
-  
-  
-  
-
-<div class="clone-in-sourcetree"
-  data-https-url="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
-  data-ssh-url="ssh://git@bitbucket.org/JohnONolan/casper.git">
-  <p><button class="aui-button aui-style aui-button-primary">Clone in SourceTree</button></p>
-
-  <p>
-    
-      
-        <a href="http://www.sourcetreeapp.com" target="_blank">SourceTree</a>
-        is a free Mac client by Atlassian for Git, Mercurial, and Subversion.
-      
-    
-  </p>
-</div>
-
-  
-</div>
-
-      </div>
-    </div>
-    <div class="clearfix"></div>
-  </header>
-  <nav id="repo-tabs" class="aui-navgroup aui-navgroup-horizontal aui-navgroup-horizontal-roomy">
-    <div class="aui-navgroup-inner">
-      <div class="aui-navgroup-primary">
-        <ul class="aui-nav">
-          
-            <li>
-              <a href="/JohnONolan/casper/overview" id="repo-overview-link">Overview</a>
-            </li>
-          
-          
-            <li class="aui-nav-selected">
-              <a href="/JohnONolan/casper/src" id="repo-source-link">Source</a>
-            </li>
-          
-          
-            <li>
-              <a href="/JohnONolan/casper/commits" id="repo-commits-link">
-                Commits
-              </a>
-            </li>
-          
-          
-            <li>
-              <a href="/JohnONolan/casper/pull-requests" id="repo-pullrequests-link">
-                Pull requests
-                
-                  
-                
-              </a>
-            </li>
-          
-          
-            
-          
-            <li id="issues-tab" class="
-              
-                
-              
-            ">
-              <a href="/JohnONolan/casper/issues?status=new&amp;status=open" id="repo-issues-link">
-                Issues
-                
-                  
-                    <span class="aui-badge">1</span>
-                  
-                
-              </a>
-            </li>
-            <li id="wiki-tab" class="
-                
-                  hidden
-                
-              ">
-              <a href="/JohnONolan/casper/wiki" id="repo-wiki-link">Wiki</a>
-            </li>
-          
-            <li>
-            <a href="/JohnONolan/casper/downloads" id="repo-downloads-link">
-              Downloads
-              
-                
-              
-            </a>
-            </li>
-          
-        </ul>
-      </div>
-      <div class="aui-navgroup-secondary">
-        <ul class="aui-nav">
-          
-        </ul>
-      </div>
-    </div>
-  </nav>
-
-    <div id="content" role="main">
-      
-  <div id="repo-content">
-    
-  <div id="source-container">
-    
-
-
-
-<header id="source-path">
-  
-  <div class="labels labels-csv">
-    
-      <div class="aui-buttons">
-        <button data-branches-tags-url="/api/1.0/repositories/JohnONolan/casper/branches-tags"
-                class="aui-button aui-style branch-dialog-trigger" title="master">
-          
-            
-              <span class="branch icon">Branch</span>
-            
-            <span class="name">master</span>
-          
-          <span class="aui-icon-dropdown"></span>
-        </button>
-      </div>
-    
-  </div>
-  
-  
-    <div class="view-switcher">
-      <div class="aui-buttons">
-        
-          <a href="/JohnONolan/casper/src/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg?at=master"
-             class="aui-button aui-style pjax-trigger" aria-pressed="true">
-            Source
-          </a>
-          <a href="/JohnONolan/casper/diff/css/fonts/galette-med-webfont.svg?diff2=0b79f5f4e8a2&at=master"
-             class="aui-button aui-style pjax-trigger"
-             title="Diff to previous change">
-            Diff
-          </a>
-          <a href="/JohnONolan/casper/history-node/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg?at=master"
-             class="aui-button aui-style pjax-trigger">
-            History
-          </a>
-        
-      </div>
-    </div>
-  
-  <h1>
-    <a href="/JohnONolan/casper/src/0b79f5f4e8a2?at=master"
-       class="pjax-trigger" title="[u&#39;css&#39;, u&#39;fonts&#39;, u&#39;galette-med-webfont.svg&#39;]">Casper</a> /
-    
-      
-        
-          
-            <a href="/JohnONolan/casper/src/0b79f5f4e8a2/css?at=master"
-               class="pjax-trigger">css</a> /
-          
-        
-      
-    
-      
-        
-          
-            <a href="/JohnONolan/casper/src/0b79f5f4e8a2/css/fonts?at=master"
-               class="pjax-trigger">fonts</a> /
-          
-        
-      
-    
-      
-        
-          <span>galette-med-webfont.svg</span>
-        
-      
-    
-  </h1>
-  
-    
-    
-  
-  <div class="clearfix"></div>
-</header>
-
-
-  
-    <div id="source-view">
-      <div class="toolbar">
-        <div class="primary">
-          <div class="aui-buttons">
-            
-              <button id="file-history-trigger" class="aui-button aui-style changeset-info"
-                      data-changeset="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2"
-                      data-path="css/fonts/galette-med-webfont.svg"
-                      data-current="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2">
-                
-                   
-
-<img class="avatar avatar16" src="https://secure.gravatar.com/avatar/75e958a6674a7d68fe0d575fb235116c?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F16%2Fuser_blue.png&amp;s=16" alt="John O'Nolan avatar" />
-<span class="changeset-hash">0b79f5f</span>
-<time datetime="2013-02-16T14:57:05+00:00" class="timestamp"></time>
-<span class="aui-icon-dropdown"></span>
-
-                
-              </button>
-            
-          </div>
-        </div>
-          <div class="secondary">
-            
-            <div class="aui-buttons">
-              
-              <a href="/JohnONolan/casper/full-commit/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg" class="aui-button aui-style"
-                 title="View full commit 0b79f5f">Full commit</a>
-              
-              <a href="/JohnONolan/casper/raw/0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2/css/fonts/galette-med-webfont.svg"
-                 class="aui-button aui-style">Raw</a>
-            </div>
-          </div>
-        <div class="clearfix"></div>
-      </div>
-    </div>
-
-    
-      <div id="inline-image">
-          <img src="/JohnONolan/casper/raw/0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2/css/fonts/galette-med-webfont.svg" alt="">
-      </div>
-    
-  
-
-
-  <script id="source-changeset" type="text/html">
-  
-
-<a href="/JohnONolan/casper/src/[[raw_node]]/css/fonts/galette-med-webfont.svg?at=master"
-   class="[[#selected]]highlight[[/selected]]"
-   data-hash="[[node]]">
-  [[#author.username]]
-    <img class="avatar avatar16" src="[[author.avatar]]"/>
-    <span class="author" title="[[raw_author]]">[[author.display_name]]</span>
-  [[/author.username]]
-  [[^author.username]]
-    <img class="avatar avatar16" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/default_avatar/16/user_blue.png"/>
-    <span class="author unmapped" title="[[raw_author]]">[[author]]</span>
-  [[/author.username]]
-  <time datetime="[[utctimestamp]]" data-title="true">[[utctimestamp]]</time>
-  <span class="message">[[message]]</span>
-</a>
-
-</script>
-  <script id="embed-template" type="text/html">
-  
-
-<form class="aui embed">
-  <label for="embed-code">Embed this source in another page:</label>
-  <input type="text" readonly="true" value="&lt;script src=&quot;[[url]]&quot;&gt;&lt;/script&gt;" id="embed-code">
-</form>
-
-</script>
-
-
-<div class="mask"></div>
-
-
-
-  <script id="branch-dialog-template" type="text/html">
-  
-
-<div class="tabbed-filter-widget branch-dialog">
-  <div class="tabbed-filter">
-    <input placeholder="Filter branches" class="filter-box" autosave="branch-dropdown-2121860" type="text">
-    [[^ignoreTags]]
-      <div class="aui-tabs horizontal-tabs aui-tabs-disabled filter-tabs">
-        <ul class="tabs-menu">
-          <li class="menu-item active-tab"><a href="#branches">Branches</a></li>
-          <li class="menu-item"><a href="#tags">Tags</a></li>
-        </ul>
-      </div>
-    [[/ignoreTags]]
-  </div>
-  
-    <div class="tab-pane active-pane" id="branches" data-filter-placeholder="Filter branches">
-      <ol class="filter-list">
-        <li class="empty-msg">No matching branches</li>
-        [[#branches]]
-          [[#hasMultipleHeads]]
-            [[#heads]]
-              <li class="comprev filter-item">
-                <a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]"
-                   title="[[name]]">
-                  [[name]] ([[shortChangeset]])
-                </a>
-              </li>
-            [[/heads]]
-          [[/hasMultipleHeads]]
-          [[^hasMultipleHeads]]
-            <li class="comprev filter-item">
-              <a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]" title="[[name]]">
-                [[name]]
-              </a>
-            </li>
-          [[/hasMultipleHeads]]
-        [[/branches]]
-      </ol>
-    </div>
-    <div class="tab-pane" id="tags" data-filter-placeholder="Filter tags">
-      <ol class="filter-list">
-        <li class="empty-msg">No matching tags</li>
-        [[#tags]]
-          <li class="comprev filter-item">
-            <a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]" title="[[name]]">
-              [[name]]
-            </a>
-          </li>
-        [[/tags]]
-      </ol>
-    </div>
-  
-</div>
-
-</script>
-
-
-
-  </div>
-
-  </div>
-  
-    
-
-<form id="file-search-form" action="#"
-  
-  data-revision="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2"
-  data-branch="master">
-  <input type="text" id="file-search-query" class="loading">
-  <div id="filtered-files"></div>
-  <div class="tip"><em>Tip:</em> Filter by directory path e.g. <strong>/media app.js</strong> to search for public<strong>/media/app.js</strong>.</div>
-  <div class="tip"><em>Tip:</em> Use camelCasing e.g. <strong>ProjME</strong> to search for <strong>ProjectModifiedE</strong>vent.java.</div>
-  <div class="tip"><em>Tip:</em> Filter by extension type e.g. <strong>/repo .js</strong> to search for all <strong>.js</strong> files in the <strong>/repo</strong> directory.</div>
-  <div class="tip"><em>Tip:</em> Separate your search with spaces e.g. <strong>/ssh pom.xml</strong> to search for src<strong>/ssh/pom.xml</strong>.</div>
-  <div class="tip"><em>Tip:</em> Use ↑ and ↓ arrow keys to navigate and <strong>return</strong> to view the file.</div>
-  <div class="tip mod-osx"><em>Tip:</em> You can also navigate files with <strong>Ctrl+j</strong> <em>(next)</em> and <strong>Ctrl+k</strong> <em>(previous)</em> and view the file with <strong>Ctrl+o</strong>.</div>
-  <div class="tip mod-win"><em>Tip:</em> You can also navigate files with <strong>Alt+j</strong> <em>(next)</em> and <strong>Alt+k</strong> <em>(previous)</em> and view the file with <strong>Alt+o</strong>.</div>
-  <script id="filtered-files-template" type="text/html">
-  
-
-<table class="aui bb-list">
-  <thead>
-    <tr class="assistive">
-      <th class="name">Filename</th>
-    </tr>
-  </thead>
-  <tbody>
-    [[#files]]
-    <tr class="iterable-item">
-      <td class="name [[#isDirectory]]directory[[/isDirectory]]">
-        <a href="/JohnONolan/casper/src/[[node]]/[[name]][[#branch]]?at=[[branch]][[/branch]]"
-           title="[[name]]" class="execute" tabindex="-1">
-          [[&highlightedName]]
-        </a>
-      </td>
-    </tr>
-    [[/files]]
-  </tbody>
-</table>
-
-</script>
-</form>
-
-  
-
-    </div>
-  </div>
-  <footer id="footer" role="contentinfo">
-    <section class="footer-body">
-      <ul>
-        <li><a href="http://blog.bitbucket.org">Blog</a></li>
-        <li><a href="//bitbucket.org/site/master/issues/new">Report a bug</a></li>
-        <li><a href="/support">Support</a></li>
-        <li><a href="http://confluence.atlassian.com/display/BITBUCKET">Documentation</a></li>
-        <li><a href="http://confluence.atlassian.com/x/IYBGDQ">API</a></li>
-        <li><a href="http://groups.google.com/group/bitbucket-users">Forum</a></li>
-        <li><a href="http://status.bitbucket.org/">Server status</a></li>
-        <li><a href="http://www.atlassian.com/hosted/terms.jsp">Terms of service</a></li>
-        <li><a href="http://www.atlassian.com/about/privacy.jsp">Privacy policy</a></li>
-      </ul>
-      <ul>
-        
-        <li><a href="http://git-scm.com/">Git 1.7.10.3</a></li>
-        <li><a href="http://mercurial.selenic.com/">Mercurial 2.2.2</a></li>
-        <li><a href="https://www.djangoproject.com/">Django 1.3.1</a></li>
-        <li><a href="http://www.python.org/">Python 2.7.3</a></li>
-        <li><a href="#">68e03d903b65 / 8907ccc5f331 @ bitbucket16</a></li>
-      </ul>
-    </section>
-  </footer>
-</div>
-
-<script type="text/javascript" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/js/f48c93f171ac.js"></script>
-
-<!-- This script exists purely for the benefit of our selenium tests -->
-<script>
-  setTimeout(function () {
-    BB.JsLoaded = true;
-  }, 3000);
-</script>
-
-
-
-<script>
-  (function (window) {
-    // Base URL to use for non-CNAME URLs.
-    BB.baseUrl = 'https://bitbucket.org';
-
-    BB.images = {
-      invitation: 'https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/icons/fugue/card_address.png',
-      noAvatar: 'https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/default_avatar/16/user_blue.png'
-    };
-    BB.user = {"username": "ErisDS", "displayName": "Hannah Wolfe", "firstName": "Hannah", "avatarUrl": "https://secure.gravatar.com/avatar/cb82ccb3c72846f4e111348b8d5a01e5?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F32%2Fuser_blue.png\u0026s=32", "lastName": "Wolfe", "isTeam": false, "isSshEnabled": false, "isKbdShortcutsEnabled": true, "id": 819867, "isAuthenticated": true};
-    BB.repo || (BB.repo = {});
-    
-      BB.repo.id = 2121860;
-      BB.repo.scm = 'git';
-      
-      
-        BB.repo.language = null;
-        BB.repo.pygmentsLanguage = null;
-      
-      
-        BB.repo.slug = 'casper';
-      
-      
-        BB.repo.owner = {};
-        BB.repo.owner.username = 'JohnONolan';
-        BB.repo.owner.is_team = false;
-      
-      
-        BB.repo.creator = {};
-        BB.repo.creator.username = 'JohnONolan';
-      
-      // Coerce `BB.repo` to a string to get
-      // "davidchambers/mango" or whatever.
-      BB.repo.toString = function () {
-        return BB.cname ? this.slug : '{owner.username}/{slug}'.format(this);
-      }
-      
-        BB.changeset = '0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2'
-      
-      
-    
-    window.setInterval(BB.localize, 60 * 1000);
-    $(document).on('ready pjax:end', function () { BB.localize(); });
-  })(window);
-</script>
-
-
-<script>
-    // Bitbucket Google Analytics
-    // NOTE: these will not fire in development. In debug mode it just logs them to console.
-    (function (window) {
-        // Track the main pageview to the Bitbucket GA account.
-        BB.gaqPush(['_trackPageview']);
-        // Track the main pageview to the Atlassian GA account.
-        BB.gaqPush(['atl._trackPageview']);
-
-        
-
-
-        
-
-        // Include GA commands from sub-templates
-        
-
-        (function () {
-            var ga = document.createElement('script');
-            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-            ga.setAttribute('async', 'true');
-            document.documentElement.firstChild.appendChild(ga);
-        }());
-    })(window);
-</script>
-
-
-
-<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"d1ros97qkrwjf5.cloudfront.net/42/eum/rum.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","7d4a9813d0","295788","MgMDYhcHDUJVVEIKWAtJJ0MLBRdYW1kZAV4RBBRVDgMXH1VHRhAZFwMRWVdIFVhRQEVZUQwKBFQXCRRCUQ==",0,227,new Date().getTime(),"","","","",""]);</script></body>
-</html>

index.hbs

@@ -1,15 +1,39 @@
 {{!< default}}
-<section class="content">
-    <ul class="hfeed">
-        {{#foreach posts}}
-            {{#if @first}}
-                <li class="featured">
-                    {{> full-post}}
-                </li>
-            {{else}}
-                {{> list-post}}
-            {{/if}}
-        {{/foreach}}
-    </ul>
 
-</section>
+{{! The comment above "< default" means - insert everything in this file into
+    the {body} of the default.hbs template, which contains our header/footer. }}
+
+{{! The big featured header on the homepage, with the site logo and description }}
+<header class="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
+    <div class="vertical">
+        <div class="site-head-content inner">
+            {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
+            <h1 class="blog-title">{{@blog.title}}</h1>
+            <h2 class="blog-description">{{@blog.description}}</h2>
+        </div>
+    </div>
+</header>
+
+{{! The main content area on the homepage }}
+<main class="content" role="main">
+
+    {{! Each post will be output using this markup }}
+    {{#foreach posts}}
+
+    <article class="{{post_class}}">
+        <header class="post-header">
+            <span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags prefix="on "}}</span>
+            <h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
+
+        </header>
+        <section class="post-excerpt">
+            <p>{{excerpt}}&hellip;</p>
+        </section>
+    </article>
+
+    {{/foreach}}
+
+    {{!! After all the posts, we have the previous/next pagination links }}
+    {{pagination}}
+
+</main>

js/index.js

@@ -1,12 +0,0 @@
-/**
- * Placeholder JS file for Casper behaviours
- */
-
-/*globals jQuery, document */
-(function ($) {
-    "use strict";
-
-    $(document).ready(function () {
-        // code goes here
-    });
-}(jQuery));

package.json

@@ -0,0 +1,4 @@
+{
+  "name": "Casper",
+  "version": "0.9.3"
+}

page.hbs

@@ -0,0 +1,32 @@
+{{!< default}}
+
+{{! This is a page template. A page outputs content just like any other post, and has all the same
+    attributes by default, but you can also customise it to behave differently if you prefer. }}
+
+<main class="content" role="main">
+
+    <article class="{{post_class}}">
+
+        <header class="post-header">
+            <a class="blog-logo" href="{{@blog.url}}">
+                {{#if @blog.logo}}
+                    <img src="{{@blog.logo}}" alt="Blog Logo" />
+                {{else}}
+                    <span class="blog-title">{{@blog.title}}</span>
+                {{/if}}
+            </a>
+        </header>
+
+        {{#post}}
+
+            <h1 class="post-title">{{{title}}}</h1>
+
+            <section class="post-content">
+                {{content}}
+            </section>
+
+        {{/post}}
+
+    </article>
+
+</main>

partials/full-post.hbs

@@ -1,17 +0,0 @@
-<article class="post type-post status-publish format-standard hentry">
-    {{#if image}}
-    <figure class="post-thumb">
-        <img width="550" height="250" src="/content/images/{{image}}" class="attachment-post-thumbnail wp-post-image" alt="ghostpost">
-    </figure>
-    {{/if}}
-    <div class="wrap">
-        <header>
-            <h2 class="entry-title h1"><a href="/{{slug}}" rel="bookmark">{{title}}</a></h2>
-            <span class="entry-meta">Published on <time class="updated" datetime="{{dateFormat published_at format='YYYY-MM-DD'}}">{{dateFormat published_at format='DD MMMM YYYY'}}</time></span>
-        </header>
-
-        <section class="entry-content">
-            {{{content_html}}}
-        </section>
-    </div>
-</article>

partials/list-post.hbs

@@ -1,6 +0,0 @@
-<li class="wrap">
-    <article class="post type-post status-publish format-standard hentry">
-        <h2 class="entry-title"><a href="/{{slug}}" rel="bookmark">{{title}}</a></h2>
-        <time class="updated" datetime="2012-05-03">{{dateFormat published_at format="MMMM DD, YYYY"}}</time>
-    </article>
-</li>

post.hbs

@@ -0,0 +1,65 @@
+{{!< default}}
+
+{{! The comment above "< default" means - insert everything in this file into
+    the {body} of the default.hbs template, which contains our header/footer. }}
+
+<main class="content" role="main">
+
+    <article class="{{post_class}}">
+
+        {{! Each post has the blog logo at the top, with a link back to the home page }}
+        <header class="post-header">
+            <a class="blog-logo" href="{{@blog.url}}">
+                {{#if @blog.logo}}
+                    <img src="{{@blog.logo}}" alt="Blog Logo" />
+                {{else}}
+                    <span class="blog-title">{{@blog.title}}</span>
+                {{/if}}
+            </a>
+        </header>
+
+        {{! Everything inside the #post tags pulls data from the post }}
+        {{#post}}
+
+            <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{tags prefix="on " separator=" | "}}</span>
+
+            <h1 class="post-title">{{{title}}}</h1>
+
+            <section class="post-content">
+                {{content}}
+            </section>
+
+            <footer class="post-footer">
+
+                <section class="author">
+                    <h4>{{author.name}}</h4>
+                    <p>{{author.bio}}</p>
+                    <ul class="author-meta clearfix">
+                        {{#if author.location}}<li>{{author.location}}</li>{{/if}}
+                        {{#if author.website}}<li><a href="{{author.website}}">{{author.website}}</a></li>{{/if}}
+                    </ul>
+                </section>
+
+                <section class="share">
+                    <h4>Share this post</h4>
+                    <a class="icon-twitter" href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}"
+                        onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
+                        <span class="hidden">Twitter</span>
+                    </a>
+                    <a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
+                        onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
+                        <span class="hidden">Facebook</span>
+                    </a>
+                    <a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
+                       onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
+                        <span class="hidden">Google+</span>
+                    </a>
+                </section>
+
+            </footer>
+
+        {{/post}}
+
+    </article>
+
+</main>

single.hbs

@@ -1,6 +0,0 @@
-{{!< default}}
-<section class="content">
-    {{#post}}
-        {{> full-post}}
-    {{/post}}
-</section>

tag.hbs

@@ -0,0 +1,43 @@
+{{!< default}}
+
+{{! The comment above "< default" means - insert everything in this file into
+    the {body} of the default.hbs template, which contains our header/footer. }}
+
+{{! The big featured header on the homepage, with the site logo and description }}
+<header class="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
+    <div class="vertical">
+        <div class="site-head-content inner">
+            {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
+            <h1 class="blog-title">{{@blog.title}}</h1>
+            <h2 class="blog-description">{{@blog.description}}</h2>
+        </div>
+    </div>
+</header>
+
+{{! The main content area on the homepage }}
+<main class="content" role="main">
+
+        <header class="tag-archive-header">
+            <h1>{{tag.name}}</h1>
+        </header>
+
+    {{! Each post will be output using this markup }}
+    {{#foreach posts}}
+
+    <article class="{{post_class}}">
+        <header class="post-header">
+            <span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags prefix="on "}}</span>
+            <h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
+
+        </header>
+        <section class="post-excerpt">
+            <p>{{excerpt}}&hellip;</p>
+        </section>
+    </article>
+
+    {{/foreach}}
+
+    {{!! After all the posts, we have the previous/next pagination links }}
+    {{pagination}}
+
+</main>