Upgrading Casper to 1.3.7

Closes #285

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2013 The Ghost Foundation
+Copyright (c) 2013-2017 Ghost Foundation
 
 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,10 @@
-# Casper v0.1.1
+# Casper
 
 The default theme for [Ghost](http://github.com/tryghost/ghost/).
 
+To download, visit the [releases](https://github.com/TryGhost/Casper/releases) page.
+
 ## Copyright & License
 
-Copyright (C) 2013 The Ghost Foundation - Released under the MIT Lincense.
+Copyright (c) 2013-2017 Ghost Foundation - Released under the [MIT license](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.

assets/fonts/casper-icons.svg

@@ -0,0 +1,20 @@
+<?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="icomoon" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xf600;" d="M0 480v-102.4h307.2v102.4h-307.2zM0 275.2v-102.4h512v102.4h-512zM0 70.4v-102.4h204.8v102.4h-204.8zM307.2 70.4v-102.4h204.8v102.4h-204.8zM409.6 480v-102.4h102.4v102.4h-102.4z" />
+<glyph unicode="&#xf601;" d="M421.344-32c-0.4 229.616-200.752 417.264-421.344 417.696v94.304c270.656 0 512-230.304 512-512h-90.656zM343.6-31.968h-90.608c0.304 56.384-28.336 119.488-73.664 166.736-45.072 47.632-124.96 77.648-179.104 77.36v94.272c169.040-3.648 339.936-163.312 343.376-338.368zM64.256 96.048c35.312 0 63.936-28.656 63.936-64 0-35.328-28.624-63.984-63.936-63.984s-63.936 28.656-63.936 63.984c0 35.344 28.624 64 63.936 64z" />
+<glyph unicode="&#xf602;" d="M512 382.791c-18.838-8.354-39.082-14.001-60.33-16.54 21.686 13 38.343 33.585 46.186 58.115-20.298-12.039-42.778-20.78-66.705-25.49-19.16 20.415-46.461 33.17-76.673 33.17-58.011 0-105.044-47.029-105.044-105.039 0-8.233 0.929-16.25 2.72-23.939-87.3 4.382-164.701 46.2-216.509 109.753-9.042-15.514-14.223-33.558-14.223-52.809 0-36.444 18.544-68.596 46.73-87.433-17.219 0.546-33.416 5.271-47.577 13.139-0.010-0.438-0.010-0.878-0.010-1.321 0-50.894 36.209-93.348 84.261-103-8.813-2.4-18.094-3.686-27.674-3.686-6.769 0-13.349 0.66-19.764 1.886 13.368-41.73 52.16-72.103 98.126-72.948-35.95-28.175-81.243-44.967-130.458-44.967-8.479 0-16.84 0.497-25.058 1.47 46.486-29.805 101.701-47.197 161.021-47.197 193.211 0 298.868 160.062 298.868 298.872 0 4.554-0.103 9.084-0.305 13.59 20.528 14.81 38.336 33.31 52.418 54.374z" />
+<glyph unicode="&#xf603;" d="M0.403 45.168c-0.122 1.266-0.226 2.535-0.292 3.815 0.065-1.28 0.17-2.549 0.292-3.815zM117.954 197.426c46.005-1.369 76.867 46.349 68.931 106.599-7.947 60.24-51.698 108.584-97.704 109.961-46.013 1.365-76.87-44.741-68.926-105 7.941-60.234 51.676-110.187 97.699-111.56zM512 352v42.655c0 46.94-38.391 85.345-85.329 85.345h-341.328c-46.138 0-84.006-37.116-85.282-82.963 29.181 25.693 69.662 47.158 111.437 47.158 44.652 0 178.622 0 178.622 0l-39.974-33.809h-56.634c37.565-14.402 57.578-58.062 57.578-102.861 0-37.624-20.905-69.977-50.444-92.984-28.822-22.451-34.286-31.854-34.286-50.939 0-16.289 30.873-44 47.016-55.394 47.191-33.269 62.458-64.156 62.458-115.728 0-8.214-1.021-16.415-3.033-24.48h153.871c46.937 0 85.328 38.375 85.328 85.345v266.654h-96v-95.999h-32v96h-95.999v32h95.999v96h32v-96h96zM92.943 97.032c10.807 0 20.711 0.295 30.968 0.295-13.573 13.167-24.313 29.3-24.313 49.19 0 11.804 3.782 23.168 9.067 33.26-5.391-0.385-10.895-0.497-16.563-0.497-37.178 0-68.753 12.038-92.102 31.927v-33.621l0.003-100.865c26.72 12.687 58.444 20.311 92.94 20.311zM1.71 36.371c-0.556 2.729-0.983 5.503-1.271 8.317 0.287-2.814 0.715-5.588 1.271-8.317zM227.725 3.577c-7.529 29.403-34.227 43.982-71.444 69.784-13.536 4.366-28.447 6.937-44.447 7.104-44.809 0.482-86.554-17.471-110.108-44.186 7.96-38.853 42.517-68.279 83.617-68.279h143.222c0.908 5.564 1.348 11.316 1.348 17.216 0 6.267-0.767 12.396-2.188 18.361z" />
+<glyph unicode="&#xf604;" d="M426.672 480h-341.33c-46.936 0-85.342-38.407-85.342-85.344v-341.313c0-46.969 38.406-85.343 85.342-85.343l341.33 0.001c46.938 0 85.328 38.373 85.328 85.344v341.311c0 46.937-38.391 85.344-85.328 85.344zM435.296 224h-83.296v-224h-96v224h-46.263v73.282h46.263v47.593c0 64.671 27.896 103.125 103.935 103.125h87.622v-79.285h-71.565c-21.241 0.035-23.876-11.076-23.876-31.756l-0.116-39.677h96l-12.704-73.282z" />
+<glyph unicode="&#xf605;" d="M368.615 34.099c6.861-6.938 6.861-18.125 0-25.063s-17.945-6.938-24.807 0l-200.448 202.419c-6.861 6.938-6.861 18.15 0 25.063l200.448 202.445c6.861 6.938 17.945 6.938 24.807 0s6.861-18.125 0-25.063l-182.784-189.901 182.784-189.901z" />
+<glyph unicode="&#xf606;" d="M435.2 454.4h-56.32c-14.131 0-20.48-11.469-20.48-25.6v-435.2h102.4v435.2c0 14.131-11.443 25.6-25.6 25.6zM281.6 300.8h-56.32c-14.131 0-20.48-11.469-20.48-25.6v-281.6h102.4v281.6c0 14.131-11.443 25.6-25.6 25.6zM128 147.2h-56.32c-14.131 0-20.48-11.443-20.48-25.6v-128h102.4v128c0 14.157-11.469 25.6-25.6 25.6z" />
+<glyph unicode="&#xf607;" d="M256 428.8c-70.707 0-128-57.319-128-128 0-122.214 128-281.6 128-281.6s128 159.386 128 281.6c0 70.681-57.293 128-128 128zM256 230.144c-38.169 0-69.12 30.951-69.12 69.12s30.951 69.12 69.12 69.12 69.12-30.951 69.12-69.12-30.95-69.12-69.12-69.12z" />
+<glyph unicode="&#xf608;" d="M201.19 103.834l-20.736-20.582c-17.971-17.792-47.181-17.817-65.126 0-8.627 8.576-13.363 19.917-13.363 32.026s4.761 23.475 13.363 32.051l76.288 75.699c15.795 15.693 45.542 38.759 67.226 17.255 9.959-9.881 26.035-9.805 35.891 0.128 9.882 9.933 9.83 26.010-0.128 35.891-36.839 36.557-91.315 29.798-138.752-17.255l-76.288-75.699c-18.279-18.176-28.365-42.343-28.365-68.070 0-25.702 10.087-49.869 28.391-68.045 18.841-18.714 43.571-28.032 68.301-28.032s49.511 9.318 68.352 28.032l20.736 20.608c9.958 9.882 10.010 25.959 0.128 35.865-9.881 9.933-25.958 9.984-35.917 0.128zM432.409 397.85c-39.577 39.27-94.899 41.395-131.558 5.043l-25.831-25.626c-9.959-9.882-10.035-25.933-0.154-35.891 9.907-9.958 25.959-10.010 35.891-0.128l25.83 25.625c18.969 18.841 43.827 11.034 60.058-5.043 8.627-8.55 13.363-19.942 13.363-32.026 0-12.109-4.762-23.475-13.363-32.026l-81.408-80.742c-37.197-36.915-54.682-19.61-62.131-12.211-9.958 9.882-26.010 9.805-35.865-0.128-9.881-9.959-9.831-26.035 0.128-35.891 17.075-16.947 36.608-25.344 57.037-25.344 25.037 0 51.481 12.595 76.621 37.555l81.382 80.743c18.304 18.151 28.39 42.317 28.39 68.019s-10.087 49.894-28.39 68.070z" />
+<glyph unicode="&#xf609;" d="M64 362.667h384q8.834 0 15.084-6.25t6.25-15.083-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.083 15.084 6.25zM64 106.667h384q8.834 0 15.084-6.25t6.25-15.084-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.084 15.084 6.25zM64 234.667h384q8.834 0 15.084-6.25t6.25-15.084-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.084 15.084 6.25z" />
+</font></defs></svg>

assets/js/index.js

@@ -0,0 +1,56 @@
+/**
+ * Main JS file for Casper behaviours
+ */
+
+/* globals jQuery, document */
+(function ($, undefined) {
+    "use strict";
+
+    var $document = $(document);
+
+    $document.ready(function () {
+
+        var $postContent = $(".post-content");
+        $postContent.fitVids();
+
+        $(".scroll-down").arctic_scroll();
+
+        $(".menu-button, .nav-cover, .nav-close").on("click", function(e){
+            e.preventDefault();
+            $("body").toggleClass("nav-opened nav-closed");
+        });
+
+    });
+
+    // Arctic Scroll by Paul Adam Davis
+    // https://github.com/PaulAdamDavis/Arctic-Scroll
+    $.fn.arctic_scroll = function (options) {
+
+        var defaults = {
+            elem: $(this),
+            speed: 500
+        },
+
+        allOptions = $.extend(defaults, options);
+
+        allOptions.elem.click(function (event) {
+            event.preventDefault();
+            var $this = $(this),
+                $htmlBody = $('html, body'),
+                offset = ($this.attr('data-offset')) ? $this.attr('data-offset') : false,
+                position = ($this.attr('data-position')) ? $this.attr('data-position') : false,
+                toMove;
+
+            if (offset) {
+                toMove = parseInt(offset);
+                $htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top + toMove) }, allOptions.speed);
+            } else if (position) {
+                toMove = parseInt(position);
+                $htmlBody.stop(true, false).animate({scrollTop: toMove }, allOptions.speed);
+            } else {
+                $htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top) }, allOptions.speed);
+            }
+        });
+
+    };
+})(jQuery);

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 );

author.hbs

@@ -0,0 +1,41 @@
+{{!< default}}
+{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
+
+{{!-- The big featured header --}}
+
+{{!-- Everything inside the #author tags pulls data from the author --}}
+{{#author}}
+    <header class="main-header author-head {{#if cover}}" style="background-image: url({{cover}}){{else}}no-cover{{/if}}">
+        <nav class="main-nav overlay clearfix">
+            {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
+            {{#if @blog.navigation}}
+                <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+            {{/if}}
+        </nav>
+    </header>
+
+    <section class="author-profile inner">
+        {{#if image}}
+        <figure class="author-image">
+            <div class="img" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></div>
+        </figure>
+        {{/if}}
+        <h1 class="author-title">{{name}}</h1>
+        {{#if bio}}
+            <h2 class="author-bio">{{bio}}</h2>
+        {{/if}}
+        <div class="author-meta">
+            {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
+            {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
+            <span class="author-stats"><i class="icon-stats"></i> {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}</span>
+        </div>
+    </section>
+{{/author}}
+
+{{!-- The main content area on the homepage --}}
+<main class="content" role="main">
+
+    {{!-- The tag below includes the post loop - partials/loop.hbs --}}
+    {{> "loop"}}
+
+</main>

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,55 @@
 <!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}}" />
+
+    {{!-- Mobile Meta --}}
+    <meta name="HandheldFriendly" content="True" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    {{!-- Brand icon --}}
+    <link rel="shortcut icon" href="{{asset "favicon.ico"}}">
+
+    {{!-- Styles'n'Scripts --}}
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
+    <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
+
+
+    {{!-- 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}}}
+<body class="{{body_class}} nav-closed">
+
+    {{!-- The blog navigation links --}}
+    {{navigation}}
+
+    <div class="site-wrapper">
+
+        {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
+        {{{body}}}
+
+        {{!-- The tiny footer at the very bottom --}}
+        <footer class="site-footer clearfix">
+            <section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}</section>
+            <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
+        </footer>
+
+    </div>
+
+    {{!-- jQuery needs to come before `{{ghost_foot}}` so that jQuery can be used in code injection --}}
+    <script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
+    {{!-- Ghost outputs important scripts and data with this tag --}}
+    {{ghost_foot}}
+    {{!-- Fitvids makes video embeds responsive and awesome --}}
+    <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
+    {{!-- The main JavaScript file for Casper --}}
+    <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,27 @@
 {{!< default}}
-<section class="content">
-    <ul class="hfeed">
-        {{#foreach posts}}
-            {{#if @first}}
-                <li class="featured">
-                    {{> full-post}}
-                </li>
-            {{else}}
-                {{> list-post}}
-            {{/if}}
-        {{/foreach}}
-    </ul>
+{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
 
-</section>
+{{!-- The big featured header --}}
+<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
+    <nav class="main-nav overlay clearfix">
+        {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
+        {{#if @blog.navigation}}
+            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+        {{/if}}
+    </nav>
+    <div class="vertical">
+        <div class="main-header-content inner">
+            <h1 class="page-title">{{@blog.title}}</h1>
+            <h2 class="page-description">{{@blog.description}}</h2>
+        </div>
+    </div>
+    <a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
+</header>
+
+{{!-- The main content area on the homepage --}}
+<main id="content" class="content" role="main">
+
+    {{!-- The tag below includes the post loop - partials/loop.hbs --}}
+    {{> "loop"}}
+
+</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,36 @@
+{
+    "name": "casper",
+    "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
+    "demo": "https://demo.ghost.io",
+    "version": "1.3.7",
+    "engines": {
+        "ghost": ">=0.9.0 <1.0.0"
+    },
+    "license": "MIT",
+    "screenshots": {
+        "desktop": "assets/screenshot-desktop.jpg",
+        "mobile": "assets/screenshot-mobile.jpg"
+    },
+    "author": {
+        "name": "Ghost Foundation",
+        "email": "hello@ghost.org",
+        "url": "https://ghost.org"
+    },
+    "gpm": {
+        "type": "theme",
+        "categories": [
+            "Minimal",
+            "Personal Blogs"
+        ]
+    },
+    "keywords": [
+        "ghost",
+        "theme"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/TryGhost/Casper.git"
+    },
+    "bugs": "https://github.com/TryGhost/Casper/issues",
+    "contributors": "https://github.com/TryGhost/Casper/graphs/contributors"
+}

page.hbs

@@ -0,0 +1,31 @@
+{{!< 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. --}}
+
+{{!-- Everything inside the #post tags pulls data from the page --}}
+{{#post}}
+
+<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
+    <nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
+        {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
+        {{#if @blog.navigation}}
+            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+        {{/if}}
+    </nav>
+</header>
+
+<main class="content" role="main">
+    <article class="{{post_class}}">
+
+        <header class="post-header">
+            <h1 class="post-title">{{title}}</h1>
+        </header>
+
+        <section class="post-content">
+            {{content}}
+        </section>
+
+    </article>
+</main>
+{{/post}}

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>

partials/loop.hbs

@@ -0,0 +1,25 @@
+{{!-- Previous/next page links - only displayed on page 2+ --}}
+<div class="extra-pagination inner">
+    {{pagination}}
+</div>
+
+{{!-- This is the post loop - each post will be output using this markup --}}
+{{#foreach posts}}
+<article class="{{post_class}}">
+    <header class="post-header">
+        <h2 class="post-title"><a href="{{url}}">{{title}}</a></h2>
+    </header>
+    <section class="post-excerpt">
+        <p>{{excerpt words="26"}} <a class="read-more" href="{{url}}">&raquo;</a></p>
+    </section>
+    <footer class="post-meta">
+        {{#if author.image}}<img class="author-thumb" src="{{author.image}}" alt="{{author.name}}" nopin="nopin" />{{/if}}
+        {{author}}
+        {{tags prefix=" on "}}
+        <time class="post-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMMM YYYY"}}</time>
+    </footer>
+</article>
+{{/foreach}}
+
+{{!-- Previous/next page links - displayed on every page --}}
+{{pagination}}

partials/navigation.hbs

@@ -0,0 +1,17 @@
+<div class="nav">
+    <h3 class="nav-title">Menu</h3>
+    <a href="#" class="nav-close">
+        <span class="hidden">Close</span>
+    </a>
+    <ul>
+        {{#foreach navigation}}
+            <li class="nav-{{slug}}{{#if current}} nav-current{{/if}}"><a href="{{url absolute="true"}}">{{label}}</a></li>
+        {{/foreach}}
+    </ul>
+    {{#if @labs.subscribers}}
+        <a class="subscribe-button" href="{{@blog.url}}/subscribe/">Subscribe</a>
+    {{else}}
+        <a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
+    {{/if}}
+</div>
+<span class="nav-cover"></span>

post.hbs

@@ -0,0 +1,110 @@
+{{!< default}}
+
+{{!-- The comment above "< default" means - insert everything in this file into
+    the {{{body}}} of the default.hbs template, containing the blog header/footer. --}}
+
+{{!-- Everything inside the #post tags pulls data from the post --}}
+{{#post}}
+
+<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
+    <nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
+        {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
+        {{#if @blog.navigation}}
+            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+        {{/if}}
+    </nav>
+</header>
+
+<main class="content" role="main">
+    <article class="{{post_class}}">
+
+        <header class="post-header">
+            <h1 class="post-title">{{title}}</h1>
+            <section class="post-meta">
+                <time class="post-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
+            </section>
+        </header>
+
+        <section class="post-content">
+            {{content}}
+        </section>
+
+        <footer class="post-footer">
+
+        {{!-- Everything inside the #author tags pulls data from the author --}}
+        {{#author}}
+
+            {{#if image}}
+            <figure class="author-image">
+                <a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
+            </figure>
+            {{/if}}
+
+            <section class="author">
+                <h4><a href="{{url}}">{{name}}</a></h4>
+
+                {{#if bio}}
+                    <p>{{bio}}</p>
+                {{else}}
+                    <p>Read <a href="{{url}}">more posts</a> by this author.</p>
+                {{/if}}
+                <div class="author-meta">
+                    {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
+                    {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
+                </div>
+            </section>
+
+        {{/author}}
+
+            <section class="share">
+                <h4>Share this post</h4>
+                <a class="icon-twitter" href="https://twitter.com/intent/tweet?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>
+
+            {{!-- Email subscribe form at the bottom of the page --}}
+            {{#if @labs.subscribers}}
+            <section class="gh-subscribe">
+                <h3 class="gh-subscribe-title">Subscribe to {{@blog.title}}</h3>
+                <p>Get the latest posts delivered right to your inbox.</p>
+                {{subscribe_form placeholder="Your email address"}}
+                <span class="gh-subscribe-rss">or subscribe <a href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/">via RSS</a> with Feedly!</span>
+            </section>
+            {{/if}}
+
+        </footer>
+
+    </article>
+</main>
+
+{{!-- Links to Previous/Next posts --}}
+<aside class="read-next">
+    {{#next_post}}
+    <a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
+        <section class="post">
+            <h2>{{title}}</h2>
+            <p>{{excerpt words="19"}}&hellip;</p>
+        </section>
+    </a>
+    {{/next_post}}
+    {{#prev_post}}
+    <a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
+        <section class="post">
+            <h2>{{title}}</h2>
+            <p>{{excerpt words="19"}}&hellip;</p>
+        </section>
+    </a>
+    {{/prev_post}}
+</aside>
+
+{{/post}}

single.hbs

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

tag.hbs

@@ -0,0 +1,34 @@
+{{!< default}}
+{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
+
+{{!-- If we have a tag cover, display that - else blog cover - else nothing --}}
+<header class="main-header tag-head {{#if tag.image}}" style="background-image: url({{tag.image}}){{else}}{{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}{{/if}}">
+    <nav class="main-nav overlay clearfix">
+        {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
+        {{#if @blog.navigation}}
+            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+        {{/if}}
+    </nav>
+    <div class="vertical">
+        {{#tag}}
+        <div class="main-header-content inner">
+            <h1 class="page-title">{{name}}</h1>
+            <h2 class="page-description">
+                {{#if description}}
+                    {{description}}
+                {{else}}
+                    A {{../pagination.total}}-post collection
+                {{/if}}
+            </h2>
+        </div>
+        {{/tag}}
+    </div>
+</header>
+
+{{!-- The main content area on the homepage --}}
+<main class="content" role="main">
+
+    {{!-- The tag below includes the post loop - partials/loop.hbs --}}
+    {{> "loop"}}
+
+</main>