From 388e38c89a1759baf63967cb26ce574f2d7a08ac Mon Sep 17 00:00:00 2001
From: Donovan Muller <donovan@switchbit.io>
Date: Fri, 23 Sep 2016 07:56:45 +0200
Subject: [PATCH] Updated to Ghost 0.11. Basic support for AMP.

---
 app/amp.hbs                               |  84 ++++++++
 app/assets/css/amp.css                    | 240 ++++++++++++++++++++++
 app/assets/scss/amp.scss                  |  11 +
 app/assets/scss/base/_amp-typography.scss |  49 +++++
 app/assets/scss/layout/_amp-footer.scss   |  33 +++
 app/assets/scss/layout/_amp-header.scss   |  21 ++
 app/assets/scss/layout/_amp-post.scss     | 138 +++++++++++++
 app/assets/scss/module/_amp-top-nav.scss  |  40 ++++
 app/assets/scss/module/_top-nav.scss      |   2 +-
 app/index.hbs                             |   2 +-
 app/package.json                          |   4 +-
 docker/cloud/docker-cloud.yml             |   4 +-
 docker/content/Dockerfile                 |   2 +-
 docker/ghost/Dockerfile                   |   2 +-
 docker/nginx/Dockerfile                   |   2 +-
 gulp/config.js                            |   4 +-
 gulp/tasks/production/build.js            |   1 +
 gulp/tasks/production/inline-css.js       |   8 +
 gulp/tasks/production/rev-collect.js      |   3 +
 package.json                              |  10 +-
 20 files changed, 645 insertions(+), 15 deletions(-)
 create mode 100644 app/amp.hbs
 create mode 100644 app/assets/css/amp.css
 create mode 100644 app/assets/scss/amp.scss
 create mode 100644 app/assets/scss/base/_amp-typography.scss
 create mode 100644 app/assets/scss/layout/_amp-footer.scss
 create mode 100644 app/assets/scss/layout/_amp-header.scss
 create mode 100644 app/assets/scss/layout/_amp-post.scss
 create mode 100644 app/assets/scss/module/_amp-top-nav.scss
 create mode 100644 gulp/tasks/production/inline-css.js
diff --git a/app/amp.hbs b/app/amp.hbs
new file mode 100644
index 0000000..b8e4bbb
--- /dev/null
+++ b/app/amp.hbs
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html ⚡>
+<head>
+  <meta charset="utf-8">
+  <meta name="description" content="{{meta_description}}"/>
+  <meta name="HandheldFriendly" content="True"/>
+  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+
+  <title>{{meta_title}}</title>
+
+  {{^if @blog.logo}}
+    <link rel="shortcut icon" href="{{asset "images/apple-touch-icon.png"}}"/>
+    <link rel="apple-touch-icon" href="{{asset "images/apple-touch-icon.png"}}"/>
+  {{/if}}
+
+  {{amp_ghost_head}}
+
+  <link href="assets/css/amp.css" inline amp-custom>
+  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+
+  <script async src="https://cdn.ampproject.org/v0.js"></script>
+
+  {{amp_components}}
+</head>
+
+<body class="amp-template">
+  {{#post}}
+    {{^is "home"}}
+      <nav class="navigation" role="banner">
+        <div class="navigation-wrapper">
+          <a href="{{@blog.url}}" class="logo">
+            <span>{{@blog.title}}</span>
+          </a>
+        </div>
+      </nav>
+    {{/is}}
+
+    <header class="main-header">
+      <nav class="blog-title">
+        <a href="{{@blog.url}}">{{@blog.title}}</a>
+      </nav>
+    </header>
+
+    <main>
+
+      <article class="{{post_class}}">
+
+        <header class="post-header">
+          <h1 class="post-title">{{title}}</h1>
+          <div class="post-meta">
+            <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">
+              {{date format="DD MMMM YYYY"}}
+            </time>
+            <div class="tags">
+              {{#foreach tags}}
+                <a href="{{url}}" title="{{name}}"><i class="icon-tags"></i>&nbsp;{{name}}</a>
+              {{/foreach}}
+            </div>
+          </div>
+        </header>
+
+        <section class="post-content">
+          {{amp_content}}
+        </section>
+
+        <footer class="post-meta">
+          {{#author}}
+            by <a href="{{url}}">{{name}}</a>
+            <p>{{bio}}</p>
+          {{/author}}
+        </footer>
+
+      </article>
+
+    </main>
+  {{/post}}
+  <footer class="footer" role="contentinfo">
+    <section class="legal">
+      <aside>Brage theme by <a href="http://switchbit.io">Switchbit</a></aside>
+    </section>
+  </footer>
+</body>
+</html>
+
diff --git a/app/assets/css/amp.css b/app/assets/css/amp.css
new file mode 100644
index 0000000..5284877
--- /dev/null
+++ b/app/assets/css/amp.css
@@ -0,0 +1,240 @@
+html {
+  box-sizing: border-box; }
+
+*, *::after, *::before {
+  box-sizing: inherit; }
+
+html {
+  font-family: 'Lora', serif; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "sans-serif";
+  color: #f25f5c;
+  margin-top: 6vh; }
+  h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
+    font-family: "sans-serif"; }
+    h1 a:hover, h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, h6 a:hover, h6 a:visited:hover {
+      color: #f68d8b; }
+
+a {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  text-decoration: none;
+  color: #f25f5c; }
+  a:hover {
+    text-decoration: underline; }
+
+p, li {
+  line-height: 1.618;
+  font-size: 1.2rem;
+  color: #515150; }
+
+blockquote {
+  padding: 20px 40px;
+  background-color: whitesmoke;
+  margin: 0;
+  border-bottom: #ffe066 1px solid; }
+
+nav.navigation {
+  background-color: #f25f5c;
+  min-height: 60px;
+  width: 100%;
+  z-index: 999;
+  border-bottom: 1px solid #ffe066;
+  opacity: 0.95;
+  position: fixed;
+  top: 0; }
+  nav.navigation .navigation-wrapper {
+    max-width: 1200px;
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    z-index: 9999; }
+    nav.navigation .navigation-wrapper::after {
+      clear: both;
+      content: "";
+      display: block; }
+    nav.navigation .navigation-wrapper::after {
+      clear: both;
+      content: "";
+      display: block; }
+  nav.navigation a.logo {
+    float: left;
+    max-height: 60px;
+    padding-left: 1em;
+    padding-right: 2em; }
+    nav.navigation a.logo:hover {
+      text-decoration: none; }
+    nav.navigation a.logo span {
+      color: #ffe066;
+      font-family: "sans-serif";
+      font-size: 1.7em;
+      line-height: 2.5em;
+      margin-left: 0.5em; }
+
+header > section {
+  float: left;
+  display: block;
+  margin-right: 4.72458%;
+  width: 100%;
+  padding: 4.72458%;
+  background: #f25f5c;
+  text-align: center;
+  border-bottom: 2px solid #ffe066; }
+  header > section:last-child {
+    margin-right: 0; }
+  header > section h1 {
+    color: #ffe066; }
+  header > section h2 {
+    color: whitesmoke; }
+
+main {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto; }
+  main::after {
+    clear: both;
+    content: "";
+    display: block; }
+  main > section {
+    float: left;
+    display: block;
+    margin-right: 4.72458%;
+    width: 100%;
+    padding: 4.72458%; }
+    main > section:last-child {
+      margin-right: 0; }
+  main > article {
+    float: left;
+    display: block;
+    margin-right: 4.72458%;
+    width: 100%;
+    padding: 4.72458%; }
+    main > article:last-child {
+      margin-right: 0; }
+
+.post {
+  margin-bottom: 8vh;
+  margin-top: 2rem; }
+  .post .post-meta .tags {
+    margin-top: 30px; }
+    .post .post-meta .tags a {
+      padding: 0.5em;
+      background-color: #fff5cc;
+      color: #f25f5c;
+      font-size: 0.8em;
+      text-decoration: none; }
+  .post .post-meta a {
+    color: #70c1b4; }
+  .post h1, .post h2 {
+    margin-top: 1vh;
+    margin-bottom: 4vh; }
+    .post h1 a:hover, .post h2 a:hover {
+      text-decoration: none; }
+  .post time {
+    margin-top: -4vh;
+    display: block;
+    font-size: 1rem;
+    color: #70c1b4; }
+
+.amp-template main {
+  margin-top: 1rem; }
+
+.amp-template .post h1 {
+  font-size: 2em;
+  margin-bottom: 1vh; }
+
+.amp-template .post h2 {
+  margin-top: 4vh;
+  font-size: 1.5em; }
+
+.amp-template .post h3 {
+  margin-top: 4vh;
+  font-size: 1.3em; }
+
+.amp-template .post h4 {
+  margin-top: 3vh;
+  font-size: 1.1em; }
+
+.amp-template .post img {
+  width: 100%; }
+
+.amp-template .post .post-meta time {
+  display: inline-block;
+  margin-top: 0;
+  margin-bottom: 1em; }
+
+.amp-template .post .post-meta .tags {
+  margin: 0; }
+
+.amp-template .post .post-content {
+  margin-top: 3em; }
+  .amp-template .post .post-content a {
+    color: #70c1b4;
+    font-weight: bold; }
+  .amp-template .post .post-content code {
+    background-color: #f0f0f0; }
+  .amp-template .post .post-content pre > code {
+    margin: 2vh 0; }
+    .amp-template .post .post-content pre > code.hljs {
+      padding: 2vh; }
+
+.amp-template .post footer {
+  margin: 4rem 0 0;
+  text-align: center; }
+  .amp-template .post footer a {
+    display: block;
+    font-size: 1.5em;
+    font-family: "sans-serif"; }
+  .amp-template .post footer p {
+    margin: 0 2rem;
+    max-width: 30em;
+    font-size: 1.1em; }
+
+nav.pagination {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  text-align: center;
+  height: 8em; }
+  nav.pagination::after {
+    clear: both;
+    content: "";
+    display: block; }
+  nav.pagination img {
+    height: 6em;
+    margin-top: 1em; }
+  nav.pagination a.nav {
+    position: absolute;
+    top: 50%;
+    font-size: 2em; }
+    nav.pagination a.nav.prev {
+      left: 0; }
+    nav.pagination a.nav.next {
+      right: 0; }
+
+.container {
+  min-height: 100%;
+  height: 100%;
+  margin: 0 auto -10em; }
+
+html, body {
+  height: 100%; }
+
+.container:after {
+  content: "";
+  display: block; }
+
+.footer {
+  background-color: #ffe066; }
+  .footer .legal {
+    background-color: #ffd633;
+    height: 2em; }
+    .footer .legal aside {
+      color: #515150;
+      line-height: 3em;
+      font-size: 0.7em;
+      padding-left: 1em; }
+
+/*# sourceMappingURL=maps/amp.css.map */
diff --git a/app/assets/scss/amp.scss b/app/assets/scss/amp.scss
new file mode 100644
index 0000000..5efa516
--- /dev/null
+++ b/app/assets/scss/amp.scss
@@ -0,0 +1,11 @@
+@import "grid-settings.scss";
+@import "bourbon";
+@import "neat";
+
+// Layout based on https://smacss.com
+@import "base/colours.scss";
+@import "base/amp-typography.scss";
+
+@import "layout/amp-header.scss";
+@import "layout/amp-post.scss";
+@import "layout/amp-footer.scss";
diff --git a/app/assets/scss/base/_amp-typography.scss b/app/assets/scss/base/_amp-typography.scss
new file mode 100644
index 0000000..203041b
--- /dev/null
+++ b/app/assets/scss/base/_amp-typography.scss
@@ -0,0 +1,49 @@
+@function headings($from: 1, $to: 6) {
+  @if $from == $to {
+    @return 'h#{$from}';
+  } @else {
+    @return 'h#{$from},' + headings($from+1, $to);
+  }
+}
+
+html {
+  font-family: 'Lora', serif;
+}
+
+#{headings()} {
+  font-family: "sans-serif";
+  color: $primary-colour;
+  margin-top: 6vh;
+
+  a, a:visited {
+    font-family: "sans-serif";
+
+    &:hover {
+      color: lighten($primary-colour, 10%);
+    }
+  }
+}
+
+a {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  text-decoration: none;
+  color: $primary-colour;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+p, li {
+  line-height: $golden;
+  font-size: 1.2rem;
+  color: $black;
+}
+
+blockquote {
+  padding: 20px 40px;
+  background-color: lighten($code-grey, 2%);
+  margin: 0;
+  border-bottom: $secondary-colour 1px solid;
+}
diff --git a/app/assets/scss/layout/_amp-footer.scss b/app/assets/scss/layout/_amp-footer.scss
new file mode 100644
index 0000000..cc14b01
--- /dev/null
+++ b/app/assets/scss/layout/_amp-footer.scss
@@ -0,0 +1,33 @@
+@import "../module/pagination.scss";
+
+.container {
+  min-height: 100%;
+  height: 100%;
+  margin: 0 auto -10em;
+}
+
+html, body {
+  height: 100%;
+}
+
+.container:after {
+  content: "";
+  display: block;
+}
+
+.footer {
+  background-color: $secondary-colour;
+
+  .legal {
+    background-color: darken($secondary-colour, 10%);
+    height: 2em;
+
+    aside {
+      color: $black;
+      line-height: 3em;
+      font-size: 0.7em;
+      padding-left: 1em;
+    }
+  }
+
+}
diff --git a/app/assets/scss/layout/_amp-header.scss b/app/assets/scss/layout/_amp-header.scss
new file mode 100644
index 0000000..6a5990f
--- /dev/null
+++ b/app/assets/scss/layout/_amp-header.scss
@@ -0,0 +1,21 @@
+@import "../module/amp-top-nav.scss";
+
+header {
+
+  > section {
+    @include span-columns(12);
+    @include pad();
+
+    background: $primary-colour;
+    text-align: center;
+    border-bottom: 2px solid $secondary-colour;
+
+    h1 {
+      color: $secondary-colour;
+    }
+
+    h2 {
+      color: whitesmoke;
+    }
+  }
+}
diff --git a/app/assets/scss/layout/_amp-post.scss b/app/assets/scss/layout/_amp-post.scss
new file mode 100644
index 0000000..93caa4e
--- /dev/null
+++ b/app/assets/scss/layout/_amp-post.scss
@@ -0,0 +1,138 @@
+main {
+  @include outer-container;
+
+  > section {
+    @include span-columns(12);
+    @include pad;
+  }
+
+  > article {
+    @include span-columns(12);
+    @include pad;
+  }
+}
+
+.post {
+  margin-bottom: 8vh;
+  margin-top: 2rem;
+
+  .post-meta {
+
+    .tags {
+      margin-top: 30px;
+
+      a {
+        padding: 0.5em;
+        background-color: lighten($secondary-colour, 20%);
+        color: $primary-colour;
+        font-size: 0.8em;
+        text-decoration: none;
+      }
+    }
+
+    a {
+      color: $tertiary-colour;
+    }
+  }
+
+  h1, h2 {
+    margin-top: 1vh;
+    margin-bottom: 4vh;
+
+    a:hover {
+      text-decoration: none;
+    }
+  }
+
+  time {
+    margin-top: -4vh;
+    display: block;
+    font-size: 1rem;
+    color: $tertiary-colour;
+  }
+}
+
+.amp-template {
+
+  main {
+    margin-top: 1rem;
+  }
+
+  .post {
+
+    h1 {
+      font-size: 2em;
+      margin-bottom: 1vh;
+    }
+
+    h2 {
+      margin-top: 4vh;
+      font-size: 1.5em;
+    }
+
+    h3 {
+      margin-top: 4vh;
+      font-size: 1.3em;
+    }
+
+    h4 {
+      margin-top: 3vh;
+      font-size: 1.1em;
+    }
+
+    img {
+      width: 100%;
+    }
+
+    .post-meta {
+
+      time {
+        display: inline-block;
+        margin-top: 0;
+        margin-bottom: 1em;
+      }
+
+      .tags {
+        margin: 0;
+      }
+    }
+
+    .post-content {
+      margin-top: 3em;
+
+      a {
+        color: $tertiary-colour;
+        font-weight: bold;
+      }
+
+      code {
+        background-color: $code-grey;
+      }
+
+      pre > code {
+        margin: 2vh 0;
+
+        &.hljs {
+          padding: 2vh;
+        }
+      }
+    }
+
+    footer {
+      margin: 4rem 0 0;
+      text-align: center;
+
+      a {
+        display: block;
+        font-size: 1.5em;
+        font-family: "sans-serif";
+      }
+
+      p {
+        margin: 0 2rem;
+        max-width: 30em;
+        font-size: 1.1em;
+      }
+    }
+  }
+}
diff --git a/app/assets/scss/module/_amp-top-nav.scss b/app/assets/scss/module/_amp-top-nav.scss
new file mode 100644
index 0000000..76cdce9
--- /dev/null
+++ b/app/assets/scss/module/_amp-top-nav.scss
@@ -0,0 +1,40 @@
+nav.navigation {
+  $navigation-padding: 1em;
+  $navigation-height: 60px;
+
+  background-color: $primary-colour;
+  min-height: $navigation-height;
+  width: 100%;
+  z-index: 999;
+  border-bottom: 1px solid $secondary-colour;
+  opacity: 0.95;
+  position: fixed;
+  top: 0;
+
+  .navigation-wrapper {
+    @include clearfix;
+    @include outer-container;
+
+    position: relative;
+    z-index: 9999;
+  }
+
+  a.logo {
+    float: left;
+    max-height: $navigation-height;
+    padding-left: $navigation-padding;
+    padding-right: 2em;
+
+    &:hover {
+      text-decoration: none;
+    }
+
+    span {
+      color: $secondary-colour;
+      font-family: "sans-serif";
+      font-size: 1.7em;
+      line-height: 2.5em;
+      margin-left: 0.5em;
+    }
+  }
+}
diff --git a/app/assets/scss/module/_top-nav.scss b/app/assets/scss/module/_top-nav.scss
index b7c7808..b43166c 100644
--- a/app/assets/scss/module/_top-nav.scss
+++ b/app/assets/scss/module/_top-nav.scss
@@ -39,7 +39,7 @@ nav.navigation {
 
     img {
       max-height: $navigation-height;
-      padding: 0.8em 0;
+      padding: 0.8em 0px 0.8em 0.8em;
       float: left;
     }
 
diff --git a/app/index.hbs b/app/index.hbs
index 2226a76..7ff72c6 100644
--- a/app/index.hbs
+++ b/app/index.hbs
@@ -7,7 +7,7 @@
     {{#if @blog.logo}}
       <img src="{{@blog.logo}}" alt="{{@blog.title}}"/>
     {{else}}
-      <img src="/assets/images/brage-logo.png" alt="Brage Theme"/>
+      <img src="{{asset "/images/brage-logo.png"}}" alt="Brage Theme"/>
     {{/if}}
     <h1>{{@blog.title}}</h1>
 
diff --git a/app/package.json b/app/package.json
index 330fa21..2ed5aa7 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,7 +1,7 @@
 {
   "name": "Brage",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Brage Ghost theme",
-  "repository": "switchbitio/brage-ghost-theme",
+  "repository": "https://github.com/switchbitio/brage-ghost-theme",
   "license" : "MIT"
 }
diff --git a/docker/cloud/docker-cloud.yml b/docker/cloud/docker-cloud.yml
index ffcae5e..1b371b0 100644
--- a/docker/cloud/docker-cloud.yml
+++ b/docker/cloud/docker-cloud.yml
@@ -1,10 +1,10 @@
 ghost-content:
-  image: donovanmuller/ghost-content:0.9
+  image: donovanmuller/ghost-content:0.11
   command: echo "Ghost content volume"
   autoredeploy: false
 
 ghost:
-  image: donovanmuller/ghost-with-brage-theme:0.9
+  image: donovanmuller/ghost-with-brage-theme:0.11
   volumes_from:
     - ghost-content
   environment:
diff --git a/docker/content/Dockerfile b/docker/content/Dockerfile
index 55724a3..f8ac234 100644
--- a/docker/content/Dockerfile
+++ b/docker/content/Dockerfile
@@ -1,3 +1,3 @@
-FROM ghost:0.9
+FROM ghost:0.11
 
 VOLUME $GHOST_CONTENT
diff --git a/docker/ghost/Dockerfile b/docker/ghost/Dockerfile
index 5f49d10..1effbbb 100644
--- a/docker/ghost/Dockerfile
+++ b/docker/ghost/Dockerfile
@@ -1,4 +1,4 @@
-FROM ghost:0.9
+FROM ghost:0.11
 
 WORKDIR $GHOST_SOURCE
 ADD dist/ content/themes/brage
diff --git a/docker/nginx/Dockerfile b/docker/nginx/Dockerfile
index 036d5fc..3561117 100644
--- a/docker/nginx/Dockerfile
+++ b/docker/nginx/Dockerfile
@@ -1,4 +1,4 @@
-FROM nginx:1
+FROM nginx:1-alpine
 
 COPY nginx.conf /etc/nginx/nginx.conf
 COPY brage-blog /etc/nginx/sites-enabled/brage-blog
diff --git a/gulp/config.js b/gulp/config.js
index cdace8e..0e5a369 100644
--- a/gulp/config.js
+++ b/gulp/config.js
@@ -163,7 +163,7 @@ module.exports = {
   dist: {
     docker: {
       src: 'docker',
-      command: 'docker-compose -f docker-compose.http.yml -p brage build'
+      command: 'docker-compose -f docker-compose.yml -p brage build'
     }
   },
   ghost: {
@@ -173,7 +173,7 @@ module.exports = {
     prod: {
       env: 'gulp/prod.env.json',
       config: '../../ghost-prod-config.js',
-      docker: 'docker-compose -f docker-compose.http.yml -p brage build && docker-compose -f docker-compose.http.yml -p brage up'
+      docker: 'docker-compose -f docker-compose.yml -p brage build && docker-compose -f docker-compose.yml -p brage up'
     }
   }
 };
diff --git a/gulp/tasks/production/build.js b/gulp/tasks/production/build.js
index fe82aea..170016f 100644
--- a/gulp/tasks/production/build.js
+++ b/gulp/tasks/production/build.js
@@ -13,6 +13,7 @@ gulp.task('dist', function (callback) {
     ],
     'sass',
     'useref',
+    'inlinecss',
     [
       'optimize:css',
       'optimize:js',
diff --git a/gulp/tasks/production/inline-css.js b/gulp/tasks/production/inline-css.js
new file mode 100644
index 0000000..1a6e0ca
--- /dev/null
+++ b/gulp/tasks/production/inline-css.js
@@ -0,0 +1,8 @@
+var gulp = require('gulp');
+var inlinesource = require('gulp-inline-source');
+
+gulp.task('inlinecss', function () {
+  return gulp.src('./app/amp.hbs')
+    .pipe(inlinesource())
+    .pipe(gulp.dest('dist'));
+});
diff --git a/gulp/tasks/production/rev-collect.js b/gulp/tasks/production/rev-collect.js
index f0fe5fd..258a6f8 100644
--- a/gulp/tasks/production/rev-collect.js
+++ b/gulp/tasks/production/rev-collect.js
@@ -1,10 +1,13 @@
 var gulp = require('gulp');
 var collect = require('gulp-rev-collector');
+var replace = require('gulp-replace');
 var config = require('../../config').revCollect;
 
 gulp.task('rev:collect', function () {
   return gulp
     .src(config.src)
     .pipe(collect())
+    .pipe(replace(/src="\/assets([^"]*)"/g, 'src="{{asset "$1"}}"'))
+    .pipe(replace(/href="\/assets([^"]*)"/g, 'href="{{asset "$1"}}"'))
     .pipe(gulp.dest(config.dest));
 });
diff --git a/package.json b/package.json
index ce2ea2f..d37f38e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "brage-ghost-theme",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Brage Ghost theme",
   "license": "MIT",
   "repository": "switchbitio/brage-ghost-theme",
@@ -11,7 +11,7 @@
     "bower": "~1.7.9",
     "browser-sync": "~2.12.10",
     "del": "~2.2.0",
-    "ghost": "~0.9.0",
+    "ghost": "~0.11.0",
     "gulp": "~3.9.1",
     "gulp-autoprefixer": "^3.1.0",
     "gulp-cdnizer": "~1.1.7",
@@ -21,19 +21,21 @@
     "gulp-gzip": "~1.3.0",
     "gulp-htmlmin": "~2.0.0",
     "gulp-imagemin": "~3.0.3",
+    "gulp-inline-source": "^3.0.0",
     "gulp-install": "~0.6.0",
     "gulp-jshint": "~2.0.1",
+    "gulp-msg": "0.0.1",
     "gulp-rename": "~1.2.2",
     "gulp-replace": "~0.5.4",
     "gulp-rev": "~7.1.2",
     "gulp-rev-collector": "~1.0.5",
     "gulp-sass": "~2.3.1",
-    "gulp-sourcemaps": "~1.6.0",
     "gulp-shell": "~0.5.2",
     "gulp-size": "~2.1.0",
+    "gulp-sourcemaps": "~1.6.0",
     "gulp-sym": "~0.0.14",
     "gulp-uglify": "~2.0.0",
-    "gulp-useref": "~3.1.0",
+    "gulp-useref": "~3.1.2",
     "gulp-webp": "~2.3.0",
     "gulp-zip": "^3.2.0",
     "jshint": "~2.9.2",
