Upgrading Casper to 2.6.3

Adjusting spaces for galleries and wide images in a sequence (#480 )
Upgrading Casper to 2.6.2
2025-07-12 16:56:06 +00:00 · 2018-09-25 11:32:08 +07:00 · 2018-09-24 14:35:47 +02:00 · 2018-09-11 13:42:34 +02:00 · 2018-09-07 14:45:18 +02:00 · 2018-08-31 11:26:01 +01:00
35 changed files with 6058 additions and 227 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -0,0 +1,17 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.hbs]
+insert_final_newline = false
+
+[*.md]
+trim_trailing_whitespace = false
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@ -0,0 +1,19 @@
+Do you need help or have a question? Please come chat in our forum: https://forum.ghost.org 👫.
+
+If you're filing a bug 🐛, please include the following information:
+
+### Screenshot
+
+![]()
+
+### Steps to Reproduce
+ 
+ 1. This is the first step
+ 2. This may be the post content used to cause an issue...
+
+### Technical details
+
+* Casper Version:
+* Ghost Version:
+* Browser Version:
+* OS Version:
--- a/.gitignore
+++ b/.gitignore
@ -13,9 +13,12 @@ results

 npm-debug.log
 node_modules
+package-lock.json

 .idea/*
 *.iml
 projectFilesBackup

-.DS_Store
+.DS_Store
+
+dist/
--- a/.travis.yml
+++ b/.travis.yml
@ -0,0 +1,6 @@
+language: node_js
+sudo: false
+node_js:
+  - "8"
+
+
--- a/2
+++ b/2
@ -1,4 +1,4 @@
-Copyright (c) 2013-2017 Ghost Foundation
+Copyright (c) 2013-2018 Ghost Foundation

 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation
--- a/README.md
+++ b/README.md
@ -34,12 +34,18 @@ One really neat trick is that you can also create custom one-off templates just

 Casper styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node and Gulp installed globally. After that, from the theme's root directory:

-`$ npm install`
-
-`$ gulp`
+```bash
+$ yarn install
+$ yarn dev
+```

 Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.

+The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site.
+
+```bash
+$ yarn zip
+```

 # PostCSS Features Used

@ -57,4 +63,4 @@ You can add your own SVG icons in the same manner.

 # Copyright & License

-Copyright (c) 2013-2017 Ghost Foundation - Released under the [MIT license](LICENSE).
+Copyright (c) 2013-2018 Ghost Foundation - Released under the [MIT license](LICENSE).
--- a/assets/built/global.css
+++ b/assets/built/global.css
@ -1,2 +1,2 @@
-a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.5em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}
+a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}
 /*# sourceMappingURL=global.css.map */
--- a/assets/built/global.css.map
+++ b/assets/built/global.css.map
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
--- a/assets/built/screen.css.map
+++ b/assets/built/screen.css.map
--- a/assets/css/csscomb.json
+++ b/assets/css/csscomb.json
@ -0,0 +1,240 @@
+{
+    "remove-empty-rulesets": true,
+    "always-semicolon": true,
+    "color-case": "lower",
+    "block-indent": "    ",
+    "color-shorthand": true,
+    "element-case": "lower",
+    "eof-newline": true,
+    "leading-zero": true,
+    "quotes": "double",
+    "space-before-colon": "",
+    "space-after-colon": " ",
+    "space-before-combinator": " ",
+    "space-after-combinator": " ",
+    "space-between-declarations": "\n",
+    "space-before-opening-brace": " ",
+    "space-after-opening-brace": "\n",
+    "space-after-selector-delimiter": "\n",
+    "space-before-selector-delimiter": "",
+    "space-before-closing-brace": "\n",
+    "strip-spaces": true,
+    "tab-size": 4,
+    "unitless-zero": true,
+    "sort-order": [ [
+        "content",
+        "visibility",
+        "position",
+        "top",
+        "right",
+        "bottom",
+        "left",
+        "z-index",
+        "order",
+        "flex",
+        "flex-grow",
+        "flex-shrink",
+        "flex-basis",
+        "align-self",
+        "display",
+        "flex-flow",
+        "flex-direction",
+        "justify-content",
+        "align-items",
+        "align-content",
+        "flex-wrap",
+        "flex-order",
+        "flex-pack",
+        "flex-align",
+        "float",
+        "clear",
+        "box-sizing",
+        "width",
+        "height",
+        "min-width",
+        "min-height",
+        "max-width",
+        "max-height",
+        "overflow",
+        "overflow-x",
+        "overflow-y",
+        "clip",
+        "margin",
+        "margin-top",
+        "margin-right",
+        "margin-bottom",
+        "margin-left",
+        "padding",
+        "padding-top",
+        "padding-right",
+        "padding-bottom",
+        "padding-left",
+        "outline",
+        "outline-width",
+        "outline-style",
+        "outline-color",
+        "outline-offset",
+        "border",
+        "border-spacing",
+        "border-collapse",
+        "border-width",
+        "border-style",
+        "border-color",
+        "border-top",
+        "border-top-width",
+        "border-top-style",
+        "border-top-color",
+        "border-right",
+        "border-right-width",
+        "border-right-style",
+        "border-right-color",
+        "border-bottom",
+        "border-bottom-width",
+        "border-bottom-style",
+        "border-bottom-color",
+        "border-left",
+        "border-left-width",
+        "border-left-style",
+        "border-left-color",
+        "border-image",
+        "border-image-source",
+        "border-image-slice",
+        "border-image-width",
+        "border-image-outset",
+        "border-image-repeat",
+        "border-top-image",
+        "border-right-image",
+        "border-bottom-image",
+        "border-left-image",
+        "border-corner-image",
+        "border-top-left-image",
+        "border-top-right-image",
+        "border-bottom-right-image",
+        "border-bottom-left-image",
+        "table-layout",
+        "caption-side",
+        "empty-cells",
+        "list-style",
+        "list-style-position",
+        "list-style-type",
+        "list-style-image",
+        "quotes",
+        "counter-increment",
+        "counter-reset",
+        "vertical-align",
+        "stroke",
+        "fill",
+        "stroke-width",
+        "stroke-opacity",
+        "color",
+        "font",
+        "font-family",
+        "font-size",
+        "line-height",
+        "font-weight",
+        "font-style",
+        "font-variant",
+        "font-size-adjust",
+        "font-stretch",
+        "text-rendering",
+        "font-feature-settings",
+        "letter-spacing",
+        "hyphens",
+        "text-align",
+        "text-align-last",
+        "text-decoration",
+        "text-emphasis",
+        "text-emphasis-position",
+        "text-emphasis-style",
+        "text-emphasis-color",
+        "text-indent",
+        "text-justify",
+        "text-outline",
+        "text-transform",
+        "text-wrap",
+        "text-overflow",
+        "text-overflow-ellipsis",
+        "text-overflow-mode",
+        "text-shadow",
+        "white-space",
+        "word-spacing",
+        "word-wrap",
+        "word-break",
+        "tab-size",
+        "user-select",
+        "src",
+        "resize",
+        "cursor",
+        "nav-index",
+        "nav-up",
+        "nav-right",
+        "nav-down",
+        "nav-left",
+        "background",
+        "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+        "background-color",
+        "background-image",
+        "background-size",
+        "background-attachment",
+        "background-position",
+        "background-position-x",
+        "background-position-y",
+        "background-clip",
+        "background-origin",
+        "background-repeat",
+        "border-radius",
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "border-bottom-right-radius",
+        "border-bottom-left-radius",
+        "box-decoration-break",
+        "box-shadow",
+        "opacity",
+        "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+        "filter",
+        "transition",
+        "transition-delay",
+        "transition-timing-function",
+        "transition-duration",
+        "transition-property",
+        "transform",
+        "transform-origin",
+        "animation",
+        "animation-name",
+        "animation-duration",
+        "animation-play-state",
+        "animation-timing-function",
+        "animation-delay",
+        "animation-iteration-count",
+        "animation-direction",
+        "animation-fill-mode",
+        "pointer-events",
+        "unicode-bidi",
+        "direction",
+        "columns",
+        "column-span",
+        "column-width",
+        "column-count",
+        "column-fill",
+        "column-gap",
+        "column-rule",
+        "column-rule-width",
+        "column-rule-style",
+        "column-rule-color",
+        "break-before",
+        "break-inside",
+        "break-after",
+        "page-break-before",
+        "page-break-inside",
+        "page-break-after",
+        "orphans",
+        "widows",
+        "zoom",
+        "max-zoom",
+        "min-zoom",
+        "user-zoom",
+        "orientation",
+        "-webkit-overflow-scrolling",
+        "-ms-overflow-scrolling"
+    ] ]
+}
--- a/assets/css/global.css
+++ b/assets/css/global.css
@ -267,7 +267,6 @@ th {
    padding: 0;
 }

-
 /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@ -341,7 +340,7 @@ blockquote {

 ol,
 ul {
-    padding-left: 1em;
+    padding-left: 1.3em;
    padding-right: 1.5em;
 }

@ -360,9 +359,14 @@ ol {
    list-style: decimal;
 }

+ul,
+ol {
+    max-width: 100%;
+}
+
 li {
    margin: 0.5em 0;
-    padding-left: 0.5em;
+    padding-left: 0.3em;
    line-height: 1.6em;
 }

@ -383,7 +387,7 @@ dd {
 blockquote {
    margin: 1.5em 0;
    padding: 0 1.6em 0 1.6em;
-    border-left: var(--whitegrey) 0.5em solid;;
+    border-left: var(--whitegrey) 0.5em solid;
 }

 blockquote p {
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@ -13,9 +13,12 @@ production stylesheet in assets/built/screen.css
 7.  Single Post
  7.1. Subscribe Form
  7.2. Post Footer
+     7.2.1 Single Author Byline
+     7.2.2 Multiple Author Byline
  7.3. Comments
  7.4. Related Posts
  7.5. Floating Header
+  7.6. Koenig Styles
 8.  Author Template
 9.  Error Template
 10. Subscribe Overlay
@ -51,6 +54,17 @@ body {
 /* 2. Layout - Page building blocks
 /* ---------------------------------------------------------- */

+.site-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.site-main {
+    z-index: 100;
+    flex-grow: 1;
+}
+
 /* Full width page blocks */
 .outer {
    position: relative;
@ -81,12 +95,12 @@ body {
    .home-template .post-feed,
    .tag-template .post-feed,
    .author-template .post-feed {
-        margin-top: -110px;
+        margin-top: -70px;
+        padding-top: 0;
    }
    .home-template .site-nav {
        position: relative;
        top: -70px;
-        z-index: 300;
    }
 }

@ -134,8 +148,6 @@ body {
 }

 .site-header-content {
-    position: relative;
-    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
@ -147,6 +159,7 @@ body {
 }

 .site-title {
+    z-index: 10;
    margin: 0;
    padding: 0;
    font-size: 3.8rem;
@ -158,6 +171,7 @@ body {
 }

 .site-description {
+    z-index: 10;
    margin: 0;
    padding: 5px 0;
    font-size: 2.2rem;
@ -181,7 +195,7 @@ body {

 .site-nav {
    position: relative;
-    z-index: 100;
+    z-index: 300;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
@ -195,12 +209,12 @@ body {
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
    margin-right: 10px;
    padding-bottom: 80px;
    letter-spacing: 0.4px;
    white-space: nowrap;

-    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
 }

@ -216,6 +230,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
    flex-shrink: 0;
    display: block;
    margin-right: 24px;
+    padding: 11px 0;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1em;
@ -344,12 +359,12 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o

@media (max-width: 700px) {
    .site-header {
-        padding-left: 0;
        padding-right: 0;
+        padding-left: 0;
    }
    .site-nav-left {
-        padding-left: 4vw;
        margin-right: 0;
+        padding-left: 4vw;
    }
    .site-nav-right {
        display: none;
@ -362,7 +377,6 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o

 .post-feed {
    position: relative;
-    z-index: 200;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
@ -384,13 +398,16 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 }

 .post-card:hover {
-    box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);
-    transition: all 0.3s ease;
-    transform: translate3D(0, -1px, 0);
+    box-shadow: rgba(39,44,49,0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;
+    transition: all 0.4s ease;
+    transform: translate3D(0, -1px, 0) scale(1.02);
 }

 .post-card-image-link {
    position: relative;
+    display: block;
+    overflow: hidden;
+    border-radius: 5px 5px 0 0;
 }

 .post-card-image {
@ -402,6 +419,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o

 .post-card-content-link {
    position: relative;
+    flex-grow: 1;
    display: block;
    padding: 25px 25px 0;
    color: var(--darkgrey);
@ -438,18 +456,138 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 }

 .post-card-meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
    padding: 0 25px 25px;
 }

-.author-profile-image {
-    margin-right: 5px;
-    width: 25px;
-    height: 25px;
+.author-profile-image,
+.avatar-wrapper {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: color(var(--lightgrey) l(+10%));
+    border-radius: 100%;
+
+    object-fit: cover;
+}
+
+.post-card-meta .profile-image-wrapper,
+.post-card-meta .avatar-wrapper {
+    position: relative;
+}
+
+.author-list {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.author-list-item {
+    position: relative;
+    flex-shrink: 0;
+    margin: 0;
+    padding: 0;
+}
+
+.author-list-item:nth-child(1) {
+    z-index: 10;
+}
+.author-list-item:nth-child(2) {
+    z-index: 9;
+}
+.author-list-item:nth-child(3) {
+    z-index: 8;
+}
+.author-list-item:nth-child(4) {
+    z-index: 7;
+}
+.author-list-item:nth-child(5) {
+    z-index: 6;
+}
+.author-list-item:nth-child(6) {
+    z-index: 5;
+}
+.author-list-item:nth-child(7) {
+    z-index: 4;
+}
+.author-list-item:nth-child(8) {
+    z-index: 3;
+}
+.author-list-item:nth-child(9) {
+    z-index: 2;
+}
+.author-list-item:nth-child(10) {
+    z-index: 1;
+}
+
+.static-avatar {
+    display: block;
+    overflow: hidden;
+    margin: 0 -5px;
+    width: 34px;
+    height: 34px;
+    border: #fff 2px solid;
    border-radius: 100%;
 }

-.post-card-author {
-    font-size: 1.3rem;
+.moving-avatar {
+    display: block;
+    overflow: hidden;
+    margin: 0 -6px;
+    width: 56px;
+    height: 56px;
+    border: #fff 2px solid;
+    border-radius: 100%;
+    transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s;
+}
+
+@media (min-width: 800px) {
+    .author-list:hover .moving-avatar {
+        margin: 0;
+        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
+    }
+}
+
+.author-name-tooltip {
+    position: absolute;
+    bottom: 105%;
+    z-index: 999;
+    display: block;
+    padding: 2px 8px;
+    color: white;
+    font-size: 1.2rem;
+    letter-spacing: 0.2px;
+    white-space: nowrap;
+    background: var(--darkgrey);
+    border-radius: 3px;
+    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
+    opacity: 0;
+    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
+    transform: translateY(6px);
+    pointer-events: none;
+}
+
+.author-list-item:hover .author-name-tooltip {
+    opacity: 1.0;
+    transform: translateY(0px);
+}
+
+@media (max-width: 650px) {
+    .author-name-tooltip {
+        display: none;
+    }
+}
+
+.reading-time {
+    flex-shrink: 0;
+    margin-left: 20px;
+    color: var(--midgrey);
+    font-size: 1.2rem;
+    line-height: 33px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
@ -470,6 +608,7 @@ The first (most recent) post in the list is styled to be bigger than the others
    .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link {
        position: relative;
        flex: 1 1 auto;
+        border-radius: 5px 0 0 5px;
    }

    .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image {
@ -538,6 +677,11 @@ The first (most recent) post in the list is styled to be bigger than the others
    max-width: 1040px;
    text-align: center;
 }
+@media (max-width: 500px) {
+    .post-full-header {
+        padding: 14vw 3vw 10vw;
+    }
+}

 .post-full-meta {
    display: flex;
@ -644,36 +788,34 @@ The first (most recent) post in the list is styled to be bigger than the others
    display: none;
 }

-.kg-card-markdown {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    max-width: 920px;
-}
-
-.post-full-content p,
-.post-full-content ul,
-.post-full-content ol,
-.post-full-content dl,
-.post-full-content pre,
 .post-full-content h1,
 .post-full-content h2,
 .post-full-content h3,
 .post-full-content h4,
 .post-full-content h5,
 .post-full-content h6,
+.post-full-content p,
+.post-full-content ul,
+.post-full-content ol,
+.post-full-content dl,
+.post-full-content pre,
+.post-full-content blockquote,
 .post-full-comments,
 .footnotes {
    min-width: 100%;
 }

-.post-template .kg-card-markdown > p:first-child {
-    font-size: 1.25em;
-    line-height: 1.5em;
+.post-full-content li {
+    word-break: break-word;
+}
+
+.post-full-content li p {
+    margin: 0;
 }

 .post-full-content a {
    color: #000;
+    word-break: break-word;
    box-shadow: var(--blue) 0 -1px 0 inset;
 }

@ -696,53 +838,72 @@ The first (most recent) post in the list is styled to be bigger than the others
    margin-top: 0;
 }

-.post-full-content img {
+.post-full-content img,
+.post-full-content video {
    display: block;
    margin: 1.5em auto;
    max-width: 1040px;
+    height: auto;
 }
@media (max-width: 1040px) {
-    .post-full-content img {
+    .post-full-content img,
+    .post-full-content video {
        width: 100%;
    }
 }

-/*
-If an image url has #full on the end, give it special wide styles.
+
+/* Full bleed images (#full)
 Super neat trick courtesy of @JoelDrapper
+
+Usage (In Ghost edtior):
+
+![img](/some/image.jpg#full)
+
 */
 .post-full-content img[src$="#full"] {
-    width: 100vw;
    max-width: none;
+    width: 100vw;
 }

-.post-full-content blockquote {
-    margin: 0 0 1.5em 0;
-    padding: 1.5em 0;
-    border: 0;
-    color: var(--blue);
-    font-size: 3rem;
-    line-height: 1.6em;
+
+/* Image captions
+
+Usage (In Ghost editor):
+
+![img](/some/image.jpg)
+<small>Your image caption</small>
+
+*/
+.post-full-content img + br + small {
+    display: block;
+    margin-top: -3em;
+    margin-bottom: 1.5em;
    text-align: center;
 }

-.post-full-content blockquote:before {
-    content: open-quote;
+
+/* Override third party iframe styles */
+.post-full-content iframe {
+    margin: 0 auto !important;
+}
+
+.post-full-content blockquote {
+    margin: 0 0 1.5em;
+    padding: 0 1.5em;
+    border-left: #3eb0ef 3px solid;
 }

 .post-full-content blockquote p {
-    margin: 0;
+    margin: 0 0 1em 0;
+    color: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    font-style: italic;
 }

-@media (min-width: 1000px) {
-    .post-full-content blockquote {
-        max-width: 1060px;
-        width: 100vw;
-    }
-}
-
-.post-full-content blockquote + blockquote {
-    padding-top: 0;
+.post-full-content blockquote p:last-child {
+    margin-bottom: 0;
 }

 .post-full-content code {
@ -774,6 +935,10 @@ Super neat trick courtesy of @JoelDrapper
    background: transparent;
 }

+.post-full-content pre code * {
+    color: inherit;
+}
+
 .post-full-content .fluid-width-video-wrapper {
    margin: 1.5em 0 3em;
 }
@ -807,27 +972,82 @@ Super neat trick courtesy of @JoelDrapper
 }

 .post-full-content h1 {
-    font-size: 5rem;
+    margin: 0.5em 0 0.2em 0;
+    font-size: 4.6rem;
+    font-weight: 700;
+}
+@media (max-width: 500px) {
+    .post-full-content h1 {
+        font-size: 2.8rem;
+    }
 }

 .post-full-content h2 {
-    font-size: 3.5rem;
+    margin: 0.5em 0 0.2em 0;
+    font-size: 3.6rem;
+    font-weight: 700;
+}
+@media (max-width: 500px) {
+    .post-full-content h2 {
+        font-size: 2.6rem;
+    }
 }

 .post-full-content h3 {
-    font-size: 2.5rem;
+    margin: 0.5em 0 0.2em 0;
+    font-size: 2.8rem;
+    font-weight: 700;
+}
+@media (max-width: 500px) {
+    .post-full-content h3 {
+        font-size: 2.2rem;
+    }
 }

 .post-full-content h4 {
-    font-size: 1.6rem;
+    margin: 0.5em 0 0.2em 0;
+    font-size: 2.8rem;
+    font-weight: 700;
+}
+@media (max-width: 500px) {
+    .post-full-content h4 {
+        font-size: 2.2rem;
+    }
 }

 .post-full-content h5 {
-    font-size: 1.4rem;
+    display: block;
+    margin: 0.5em 0;
+    padding: 1em 0 1.5em;
+    border: 0;
+    color: var(--blue);
+    font-family: Georgia,serif;
+    font-size: 3.2rem;
+    line-height: 1.35em;
+    text-align: center;
+}
+@media (min-width: 1180px) {
+    .post-full-content h5 {
+        max-width: 1060px;
+        width: 100vw;
+    }
+}
+@media (max-width: 500px) {
+    .post-full-content h5 {
+        padding: 0 0 0.5em;
+        font-size: 2.2rem;
+    }
 }

 .post-full-content h6 {
-    font-size: 1.4rem;
+    margin: 0.5em 0 0.2em 0;
+    font-size: 2.3rem;
+    font-weight: 700;
+}
+@media (max-width: 500px) {
+    .post-full-content h6 {
+        font-size: 2rem;
+    }
 }

 .footnotes-sep {
@ -860,8 +1080,8 @@ Super neat trick courtesy of @JoelDrapper
        font-size: 2.9rem;
    }
    .post-full-image {
-        height: 350px;
        margin-bottom: 4vw;
+        height: 350px;
    }
    .post-full-content {
        padding: 0;
@ -870,60 +1090,52 @@ Super neat trick courtesy of @JoelDrapper
    .post-full-content:after {
        display: none;
    }
-    .post-full-content h1 {
-        font-size: 2.9rem;
-    }
-    .post-full-content h2 {
-        font-size: 2.9rem;
-    }
-    .post-full-content h3 {
-        font-size: 2rem;
-    }
 }

 /* Tables */
 .post-full-content table {
-    display: table;
-    width: 100%;
-    max-width: 100%;
+    display: inline-block;
    overflow-x: auto;
-    white-space: nowrap;
-    border-collapse: collapse;
-    border-spacing: 0;
    margin: 0.5em 0 2.5em;
+    max-width: 100%;
+    width: auto;
+    border-spacing: 0;
+    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 1.6rem;
+    white-space: nowrap;
+    vertical-align: top;
 }

 .post-full-content table {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
-    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
+    background-size: 10px 100%, 10px 100%;
    background-repeat: no-repeat;
 }

 .post-full-content table td:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
-    background-repeat: no-repeat;
    background-size: 20px 100%;
+    background-repeat: no-repeat;
 }

 .post-full-content table td:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
-    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 20px 100%;
+    background-repeat: no-repeat;
 }

 .post-full-content table th {
-    font-size: 1.2rem;
-    letter-spacing: 0.2px;
    color: var(--darkgrey);
+    font-size: 1.2rem;
    font-weight: 700;
+    letter-spacing: 0.2px;
    text-align: left;
    text-transform: uppercase;
-    background: color(var(--whitegrey) l(+4%));
+    background-color: color(var(--whitegrey) l(+4%));
 }

 .post-full-content table th,
@ -932,16 +1144,6 @@ Super neat trick courtesy of @JoelDrapper
    border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;
 }

-@media (max-width: 800px) {
-    .post-full-content table {
-        display: inline-block;
-        vertical-align: top;
-        max-width: 100%;
-        width: auto;
-    }
-}
-
-

 /* 7.1. Subscribe Form
 /* ---------------------------------------------------------- */
@ -1051,8 +1253,8 @@ Super neat trick courtesy of @JoelDrapper
        width: 100%;
    }
    .subscribe-form button {
-        width: 100%;
        margin: 10px 0 0 0;
+        width: 100%;
    }
 }

@ -1069,19 +1271,22 @@ Super neat trick courtesy of @JoelDrapper
    max-width: 840px;
 }

+/* 7.2.1 Single Author Byline
+/* ---------------------------------------------------------- */
+
 .author-card {
    display: flex;
-    align-items: center;
 }

-.author-card .author-profile-image {
+.author-card .author-profile-image,
+.author-card .avatar-wrapper {
    margin-right: 15px;
    width: 60px;
    height: 60px;
 }

 .author-card-name {
-    margin: 0 0 2px 0;
+    margin: 8px 0 2px 0;
    padding: 0;
    font-size: 2rem;
 }
@ -1124,6 +1329,137 @@ Super neat trick courtesy of @JoelDrapper
    text-decoration: none;
 }

+/* 7.2.2 Multiple Author Byline
+/* ---------------------------------------------------------- */
+
+.post-full-authors {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
+    padding-top: 40px;
+    border-top: color(var(--lightgrey) l(+10%)) 1px solid;
+}
+
+.post-full-authors-content {
+    margin-bottom: 20px;
+}
+
+.post-full-authors-content p {
+    margin-bottom: 0;
+    color: var(--midgrey);
+    font-size: 1.4rem;
+    letter-spacing: 0.2px;
+    text-align: center;
+    text-transform: uppercase;
+}
+
+.post-full-authors-content a {
+    display: inline-block;
+    color: color(var(--darkgrey) l(+20%));
+    font-size: 1.4rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+
+.post-full-footer .author-list {
+    justify-content: center;
+    padding: 10px 20px;
+}
+
+.author-card .author-profile-image,
+.author-card .avatar-wrapper {
+    position: relative;
+    margin-right: 15px;
+}
+
+.author-list-item .author-card {
+    position: absolute;
+    bottom: 130%;
+    left: 50%;
+    z-index: 300;
+    display: block;
+    margin-left: -160px;
+    width: 320px;
+    font-size: 1.4rem;
+    letter-spacing: 0.2px;
+    background: white;
+    border-radius: 6px;
+    box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;
+    opacity: 0;
+    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
+    transform: scale(0.98) translateY(15px);
+    pointer-events: none;
+}
+
+.author-list-item .author-card:before {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    display: block;
+    margin-left: -12px;
+    width: 0;
+    height: 0;
+    border-top: 12px solid #fff;
+    border-right: 12px solid transparent;
+    border-left: 12px solid transparent;
+}
+
+.author-list-item .author-card.hovered {
+    opacity: 1.0;
+    transform: scale(1) translateY(0px);
+    pointer-events: auto;
+}
+
+.author-card .basic-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30px 20px 20px 20px;
+    color: #fff;
+    background: var(--darkgrey);
+    border-radius: 6px 6px 0 0;
+}
+
+.author-card .basic-info h2 {
+    margin: 1em 0 0.5em;
+}
+
+.author-card .bio {
+    padding: 20px 20px 0;
+}
+
+@media (max-width: 650px) {
+    .author-list-item .author-card {
+        display: none;
+    }
+}
+
+.basic-info .author-profile-image {
+    margin: 0;
+    width: 88px;
+    height: 88px;
+    border: none;
+}
+
+.basic-info .avatar-wrapper {
+    position: relative;
+    margin: 0;
+    width: 88px;
+    height: 88px;
+    border: none;
+    background: rgba(229, 239, 245, 0.1);
+}
+
+.basic-info .avatar-wrapper svg {
+    margin: 0;
+    width: 88px;
+    height: 88px;
+    opacity: 0.15;
+}
+

 /* 7.3. Comments
 /* ---------------------------------------------------------- */
@ -1316,6 +1652,7 @@ Super neat trick courtesy of @JoelDrapper
    display: flex;
    align-items: center;
    color: var(--darkgrey);
+    line-height: 1.1em;
    font-weight: 700;
 }

@ -1425,6 +1762,10 @@ Super neat trick courtesy of @JoelDrapper
    background-color: var(--blue);
 }

+.progress::-moz-progress-bar {
+    background-color: var(--blue);
+}
+
 .progress-container {
    position: absolute;
    top: 0;
@ -1478,10 +1819,115 @@ Super neat trick courtesy of @JoelDrapper
 }


+/* 7.6. Koenig Styles
+/* ---------------------------------------------------------- */
+
+.post-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 920px;
+}
+
+.post-template .post-content > p:first-child {
+    font-size: 1.25em;
+    line-height: 1.5em;
+}
+
+.post-full-content .kg-image {
+    max-width: 100%;
+}
+
+/* Preventing full-width image overlap with post image.  */
+.post-full-image + .post-full-content .kg-content *:first-child .kg-image {
+    width: 100%;
+}
+
+.post-full-content .kg-width-wide .kg-image {
+    max-width: 1040px;
+}
+
+.post-full-content .kg-width-full .kg-image {
+    max-width: 100vw;
+}
+
+.post-full-content figure {
+    margin: 1.5em 0 3em;
+}
+
+.post-full-content figure img {
+    margin: 0;
+}
+
+.post-full-content figcaption {
+    margin: 1.0em 0 0;
+    font-size: 80%;
+    line-height: 1.6em;
+    text-align: center;
+}
+
+.kg-width-full figcaption {
+    padding: 0 1.5em;
+}
+
+.kg-embed-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 100%;
+}
+
+.kg-embed-card .fluid-width-video-wrapper {
+    margin: 0;
+}
+
+
+@media (max-width: 1040px) {
+    .post-full-content .kg-width-full .kg-image {
+        width: 100vw;
+    }
+}
+
+.kg-gallery-container {
+    display: flex;
+    flex-direction: column;
+    max-width: 1040px;
+    width: 100vw;
+}
+
+.kg-gallery-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.kg-gallery-image img {
+    display: block;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.kg-gallery-row:not(:first-of-type) {
+    margin: 0.75em 0 0 0;
+}
+
+.kg-gallery-image:not(:first-of-type) {
+    margin: 0 0 0 0.75em;
+}
+
+.kg-gallery-card + .kg-image-card.kg-width-wide,
+.kg-gallery-card + .kg-gallery-card,
+.kg-image-card.kg-width-wide + .kg-gallery-card,
+.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
+    margin: -2.25em 0 3em;
+}
+
 /* 8. Author Template
 /* ---------------------------------------------------------- */

 .site-header-content .author-profile-image {
+    z-index: 10;
    flex-shrink: 0;
    margin: 0 0 20px 0;
    width: 100px;
@ -1490,6 +1936,7 @@ Super neat trick courtesy of @JoelDrapper
 }

 .site-header-content .author-bio {
+    z-index: 10;
    flex-shrink: 0;
    margin: 5px 0 10px 0;
    max-width: 600px;
@ -1501,6 +1948,7 @@ Super neat trick courtesy of @JoelDrapper
 }

 .site-header-content .author-meta {
+    z-index: 10;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
@ -1768,15 +2216,15 @@ Super neat trick courtesy of @JoelDrapper

 .site-footer-content {
    display: flex;
+    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
-    flex-wrap: wrap;
    color: rgba(255,255,255,0.7);
    font-size: 1.3rem;
 }

 .site-footer-content a {
-    color: rgba(255,255,255,0.7);;
+    color: rgba(255,255,255,0.7);
 }

 .site-footer-content a:hover {
--- a/assets/js/infinitescroll.js
+++ b/assets/js/infinitescroll.js
@ -1,10 +1,12 @@
+/* global maxPages */
+
 // Code snippet inspired by https://github.com/douglasrodrigues5/ghost-blog-infinite-scroll
 $(function ($) {
    var currentPage = 1;
    var pathname = window.location.pathname;
    var $document = $(document);
    var $result = $('.post-feed');
-    var buffer = 100;
+    var buffer = 300;

    var ticking = false;
    var isLoading = false;
@ -13,9 +15,6 @@ $(function ($) {
    var lastWindowHeight = window.innerHeight;
    var lastDocumentHeight = $document.height();

-    // remove hash params from pathname
-    pathname = pathname.replace(/#(.*)$/g, '').replace('/\//g', '/');
-
    function onScroll() {
        lastScrollY = window.scrollY;
        requestTick();
@ -29,12 +28,34 @@ $(function ($) {

    function requestTick() {
        if (!ticking) {
-            requestAnimationFrame(infiniteScroll)
+            requestAnimationFrame(infiniteScroll);
        }
        ticking = true;
    }

-    function infiniteScroll () {
+    function sanitizePathname(path) {
+        var paginationRegex = /(?:page\/)(\d)(?:\/)$/i;
+
+        // remove hash params from path
+        path = path.replace(/#(.*)$/g, '').replace('////g', '/');
+
+        // remove pagination from the path and replace the current pages
+        // with the actual requested page. E. g. `/page/3/` indicates that
+        // the user actually requested page 3, so we should request page 4
+        // next, unless it's the last page already.
+        if (path.match(paginationRegex)) {
+            currentPage = parseInt(path.match(paginationRegex)[1]);
+
+            path = path.replace(paginationRegex, '');
+        }
+
+        return path;
+    }
+
+    function infiniteScroll() {
+        // sanitize the pathname from possible pagination or hash params
+        pathname = sanitizePathname(pathname);
+
        // return if already loading
        if (isLoading) {
            return;
@ -46,29 +67,40 @@ $(function ($) {
            return;
        }

-        // return if currentPage is the last page already
-        if (currentPage === maxPages) {
+        /**
+        * maxPages is defined in default.hbs and is the value
+        * of the amount of pagination pages.
+        * If we reached the last page or are past it,
+        * we return and disable the listeners.
+        */
+        if (currentPage >= maxPages) {
+            window.removeEventListener('scroll', onScroll, {passive: true});
+            window.removeEventListener('resize', onResize);
            return;
        }

        isLoading = true;

        // next page
-        currentPage++;
+        currentPage += 1;

        // Load more
        var nextPage = pathname + 'page/' + currentPage + '/';

        $.get(nextPage, function (content) {
-            $result.append($(content).find('.post').hide().fadeIn(100));
-
+            var parse = document.createRange().createContextualFragment(content);
+            var posts = parse.querySelectorAll('.post');
+            if (posts.length) {
+                [].forEach.call(posts, function (post) {
+                    $result[0].appendChild(post);
+                });
+            }
        }).fail(function (xhr) {
            // 404 indicates we've run out of pages
            if (xhr.status === 404) {
                window.removeEventListener('scroll', onScroll, {passive: true});
                window.removeEventListener('resize', onResize);
            }
-
        }).always(function () {
            lastDocumentHeight = $document.height();
            isLoading = false;
--- a/assets/js/jquery.fitvids.js
+++ b/assets/js/jquery.fitvids.js
@ -1,10 +1,12 @@
 /*jshint browser:true */
 /*!
-* FitVids 1.1
+* FitVids 1.3
 *
-* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
+*
+* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation
+* This is an unofficial release, ported by John O'Nolan
 * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
-* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+* Released under the MIT license
 *
 */

@ -21,7 +23,7 @@
    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 css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.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]);
@ -74,7 +76,7 @@
          $this.attr('name', videoName);
          $.fn.fitVids._count++;
        }
-        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
+        $this.wrap('<div class="fluid-width-video-container"><div class="fluid-width-video-wrapper"></div></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
        $this.removeAttr('height').removeAttr('width');
      });
    });
--- a/assets/screenshot-desktop.jpg
+++ b/assets/screenshot-desktop.jpg
--- a/assets/screenshot-mobile.jpg
+++ b/assets/screenshot-mobile.jpg
--- a/author.hbs
+++ b/author.hbs
@ -22,15 +22,15 @@
                    {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}} <span class="bull">&bull;</span>
                </div>
                {{#if website}}
-                    <a class="social-link social-link-wb" href="{{website}}" target="_blank">{{> "icons/website"}}</a>
+                    <a class="social-link social-link-wb" href="{{website}}" target="_blank" rel="noopener">{{> "icons/website"}}</a>
                {{/if}}
                {{#if twitter}}
-                    <a class="social-link social-link-tw" href="{{twitter_url}}" target="_blank">{{> "icons/twitter"}}</a>
+                    <a class="social-link social-link-tw" href="{{twitter_url}}" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
                {{/if}}
                {{#if facebook}}
-                    <a class="social-link social-link-fb" href="{{facebook_url}}" target="_blank">{{> "icons/facebook"}}</a>
+                    <a class="social-link social-link-fb" href="{{facebook_url}}" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
                {{/if}}
-                <a class="social-link social-link-rss" href="http://cloud.feedly.com/#subscription/feed/{{url absolute="true"}}/rss/" target="_blank">{{> "icons/rss"}}</a>
+                <a class="social-link social-link-rss" href="https://feedly.com/i/subscription/feed/{{url absolute="true"}}rss/" target="_blank" rel="noopener">{{> "icons/rss"}}</a>
            </div>
        </div>
    </div>
@ -38,7 +38,7 @@
 {{/author}}

 {{!-- The main content area --}}
-<main id="site-main" class="site-main outer" role="main">
+<main id="site-main" class="site-main outer">
    <div class="inner">

        <div class="post-feed">
--- a/default.hbs
+++ b/default.hbs
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="{{lang}}">
 <head>

    {{!-- Document Settings --}}
@ -14,7 +14,7 @@
    {{!-- Styles'n'Scripts --}}
    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />

-    {{!-- This tag outputes SEO meta+structured data and other important settings --}}
+    {{!-- This tag outputs SEO meta+structured data and other important settings --}}
    {{ghost_head}}

 </head>
@ -31,9 +31,9 @@
                <section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}</section>
                <nav class="site-footer-nav">
                    <a href="{{@blog.url}}">Latest Posts</a>
-                    {{#if @blog.facebook}}<a href="{{facebook_url @blog.facebook}}" target="_blank">Facebook</a>{{/if}}
-                    {{#if @blog.twitter}}<a href="{{twitter_url @blog.twitter}}" target="_blank">Twitter</a>{{/if}}
-                    <a href="https://ghost.org" target="_blank">Ghost</a>
+                    {{#if @blog.facebook}}<a href="{{facebook_url @blog.facebook}}" target="_blank" rel="noopener">Facebook</a>{{/if}}
+                    {{#if @blog.twitter}}<a href="{{twitter_url @blog.twitter}}" target="_blank" rel="noopener">Twitter</a>{{/if}}
+                    <a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a>
                </nav>
            </div>
        </footer>
@ -55,6 +55,18 @@
    </div>
    {{/if}}

+    <script>
+        var images = document.querySelectorAll('.kg-gallery-image img');
+        images.forEach(function (image) {
+            var container = image.closest('.kg-gallery-image');
+            var width = image.attributes.width.value;
+            var height = image.attributes.height.value;
+            var ratio = width / height;
+            container.style.flex = ratio + ' 1 0%';
+        })
+    </script>
+
+
    {{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
    <script
        src="https://code.jquery.com/jquery-3.2.1.min.js"
@ -65,6 +77,9 @@

    {{#if pagination.pages}}
    <script>
+        // maxPages is a global variable that is needed to determine
+        // if we need to load more pages for the infinitescroll, or if
+        // we reached the last page already.
        var maxPages = parseInt('{{pagination.pages}}');
    </script>
    <script src="{{asset "js/infinitescroll.js"}}"></script>
--- a/error-404.hbs
+++ b/error-404.hbs
@ -0,0 +1,56 @@
+{{!--
+This error template is used for all 404 errors, which might occur on your site.
+It's a good idea to keep this template as minimal as possible in terms of both file size and complexity.
+--}}
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>{{meta_title}}</title>
+    <meta name="HandheldFriendly" content="True" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
+</head>
+<body class="error-template">
+    <div class="site-wrapper">
+
+        <header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
+            <div class="inner">
+                <nav class="site-nav-center">
+                    {{#if @blog.logo}}
+                        <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
+                    {{else}}
+                        <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
+                    {{/if}}
+                </nav>
+            </div>
+        </header>
+
+        <main id="site-main" class="site-main outer">
+            <div class="inner">
+
+                <section class="error-message">
+                    <h1 class="error-code">{{code}}</h1>
+                    <p class="error-description">{{message}}</p>
+                    <a class="error-link" href="{{@blog.url}}">Go to the front page →</a>
+                </section>
+            </div>
+        </main>
+
+        {{#get "posts" limit="3"}}
+        <aside class="outer">
+            <div class="inner">
+                <div class="post-feed">
+                    {{#foreach posts}}
+                        {{> "post-card"}}
+                    {{/foreach}}
+                </div>
+            </div>
+        </aside>
+        {{/get}}
+
+    </div>
+</body>
+</html>
--- a/error.hbs
+++ b/error.hbs
@ -1,5 +1,7 @@
 {{!--
-This error template is used for all 400/500 errors which might occur on your site. It's a good idea to keep this template as minimal as possible in terms of both file size and complexity. You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file.
+This error template is used for all 400/500 errors, except 404, which might occur on your site.
+It's a good idea to keep this template as minimal as possible in terms of both file size and complexity.
+You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file.
 --}}

 <!DOCTYPE html>
@ -27,7 +29,7 @@ This error template is used for all 400/500 errors which might occur on your sit
            </div>
        </header>

-        <main id="site-main" class="site-main outer" role="main">
+        <main id="site-main" class="site-main outer">
            <div class="inner">

                <section class="error-message">
@ -56,19 +58,6 @@ This error template is used for all 400/500 errors which might occur on your sit

            </div>
        </main>
-
-        {{#get "posts" limit="3"}}
-        <aside class="outer">
-            <div class="inner">
-                <div class="post-feed">
-                    {{#foreach posts}}
-                        {{> "post-card"}}
-                    {{/foreach}}
-                </div>
-            </div>
-        </aside>
-        {{/get}}
-
    </div>
 </body>
 </html>
--- a/gulpfile.js
+++ b/gulpfile.js
@ -3,9 +3,9 @@ var gulp = require('gulp');
 // gulp plugins and utils
 var gutil = require('gulp-util');
 var livereload = require('gulp-livereload');
-var nodemon = require('gulp-nodemon');
 var postcss = require('gulp-postcss');
 var sourcemaps = require('gulp-sourcemaps');
+var zip = require('gulp-zip');

 // postcss plugins
 var autoprefixer = require('autoprefixer');
@ -36,7 +36,8 @@ gulp.task('css', function () {
        autoprefixer({browsers: ['last 2 versions']}),
        cssnano()
    ];
-    gulp.src('assets/css/*.css')
+
+    return gulp.src('assets/css/*.css')
        .on('error', swallowError)
        .pipe(sourcemaps.init())
        .pipe(postcss(processors))
@ -49,6 +50,20 @@ gulp.task('watch', function () {
    gulp.watch('assets/css/**', ['css']);
 });

+gulp.task('zip', ['css'], function () {
+    var targetDir = 'dist/';
+    var themeName = require('./package.json').name;
+    var filename = themeName + '.zip';
+
+    return gulp.src([
+        '**',
+        '!node_modules', '!node_modules/**',
+        '!dist', '!dist/**'
+    ])
+        .pipe(zip(filename))
+        .pipe(gulp.dest(targetDir));
+});
+
 gulp.task('default', ['build'], function () {
    gulp.start('watch');
 });
--- a/index.hbs
+++ b/index.hbs
@ -20,7 +20,7 @@ into the {body} of the default.hbs template --}}
 </header>

 {{!-- The main content area --}}
-<main id="site-main" class="site-main outer" role="main">
+<main id="site-main" class="site-main outer">
    <div class="inner">

        <div class="post-feed">
--- a/package.json
+++ b/package.json
@ -2,15 +2,20 @@
    "name": "casper",
    "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
    "demo": "https://demo.ghost.io",
-    "version": "2.0.0",
+    "version": "2.6.3",
    "engines": {
-        "ghost": ">=1.0.0"
+        "ghost": ">=2.0.0"
    },
    "license": "MIT",
    "screenshots": {
        "desktop": "assets/screenshot-desktop.jpg",
        "mobile": "assets/screenshot-mobile.jpg"
    },
+    "scripts": {
+        "dev": "gulp",
+        "zip": "gulp zip",
+        "test": "gscan ."
+    },
    "author": {
        "name": "Ghost Foundation",
        "email": "hello@ghost.org",
@ -25,7 +30,8 @@
    },
    "keywords": [
        "ghost",
-        "theme"
+        "theme",
+        "ghost-theme"
    ],
    "repository": {
        "type": "git",
@ -36,13 +42,14 @@
    "devDependencies": {
        "autoprefixer": "6.3.6",
        "cssnano": "3.7.1",
+        "gscan": "^2.0.0",
        "gulp": "3.9.1",
        "gulp-livereload": "3.8.1",
-        "gulp-nodemon": "2.1.0",
        "gulp-postcss": "6.1.1",
        "gulp-sourcemaps": "1.6.0",
        "gulp-util": "3.0.7",
        "gulp-watch": "4.3.8",
+        "gulp-zip": "4.0.0",
        "postcss-color-function": "2.0.1",
        "postcss-custom-properties": "5.0.1",
        "postcss-easy-import": "1.0.1"
--- a/page.hbs
+++ b/page.hbs
@ -12,7 +12,7 @@ into the {body} of the default.hbs template --}}
 {{!-- Everything inside the #post tags pulls data from the post --}}
 {{#post}}

-<main id="site-main" class="site-main outer" role="main">
+<main id="site-main" class="site-main outer">
    <div class="inner">

        <article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
@ -27,7 +27,9 @@ into the {body} of the default.hbs template --}}
            {{/if}}

            <section class="post-full-content">
-                {{content}}
+                <div class="post-content">
+                    {{content}}
+                </div>
            </section>

        </article>
--- a/partials/byline-multiple.hbs
+++ b/partials/byline-multiple.hbs
@ -0,0 +1,72 @@
+<section class="post-full-authors">
+
+    <div class="post-full-authors-content">
+        <p>This post was a collaboration between</p>
+        <p>{{authors}}</p>
+    </div>
+
+    <ul class="author-list">
+    {{#foreach authors}}
+        <li class="author-list-item">
+
+            <div class="author-card">
+                <div class="basic-info">
+                    {{#if profile_image}}
+                        <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
+                    {{else}}
+                        <div class="author-profile-image">{{> "icons/avatar"}}</div>
+                    {{/if}}
+                    <h2>{{name}}</h2>
+                </div>
+                <div class="bio">
+                    {{#if bio}}
+                        <p>{{bio}}</p>
+                        <p><a href="{{url}}">More posts</a> by {{name}}.</p>
+                    {{else}}
+                        <p>Read <a href="{{url}}">more posts</a> by this author.</p>
+                    {{/if}}
+                </div>
+            </div>
+
+            {{#if profile_image}}
+                <a href="{{url}}" class="moving-avatar"><img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" /></a>
+            {{else}}
+                <a href="{{url}}" class="moving-avatar author-profile-image">{{> "icons/avatar"}}</a>
+            {{/if}}
+
+        </li>
+    {{/foreach}}
+
+    </ul>
+
+</section>
+
+{{#contentFor "scripts"}}
+<script>
+// Adds delay to author card dropups to disappear. This gives enough
+// time for the user to interact with the author card while they move
+// the mouse from the avatar to the card. Also makes space for the
+// interacted avatar.
+$(document).ready(function () {
+
+    var hoverTimeout;
+
+    $('.author-list-item').hover(function(){
+        var $this = $(this);
+
+        clearTimeout(hoverTimeout);
+
+        $('.author-card').removeClass('hovered');
+        $(this).children('.author-card').addClass('hovered');
+
+    }, function() {
+        var $this = $(this);
+
+        hoverTimeout = setTimeout(function() {
+            $this.children('.author-card').removeClass('hovered');
+        }, 800);
+    });
+
+});
+</script>
+{{/contentFor}}
--- a/partials/byline-single.hbs
+++ b/partials/byline-single.hbs
@ -0,0 +1,23 @@
+{{!-- Everything inside the #author tags pulls data from the author --}}
+{{#primary_author}}
+
+<section class="author-card">
+    {{#if profile_image}}
+        <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
+    {{else}}
+        <span class="avatar-wrapper">{{> "icons/avatar"}}</span>
+    {{/if}}
+    <section class="author-card-content">
+        <h4 class="author-card-name"><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}}
+    </section>
+</section>
+<div class="post-full-footer-right">
+    <a class="author-card-button" href="{{url}}">Read More</a>
+</div>
+
+{{/primary_author}}
--- a/partials/floating-header.hbs
+++ b/partials/floating-header.hbs
@ -20,7 +20,7 @@
            {{> "icons/facebook"}}
        </a>
    </div>
-    <progress class="progress" value="0">
+    <progress id="reading-progress" class="progress" value="0">
        <div class="progress-container">
            <span class="progress-bar"></span>
        </div>
--- a/partials/icons/avatar.hbs
+++ b/partials/icons/avatar.hbs
@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"/></g></svg>
--- a/partials/icons/facebook.hbs
+++ b/partials/icons/facebook.hbs
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@ -7,8 +7,8 @@
    <div class="post-card-content">
        <a class="post-card-content-link" href="{{url}}">
            <header class="post-card-header">
-                {{#if tags}}
-                    <span class="post-card-tags">{{tags.[0].name}}</span>
+                {{#if primary_tag}}
+                    <span class="post-card-tags">{{primary_tag.name}}</span>
                {{/if}}
                <h2 class="post-card-title">{{title}}</h2>
            </header>
@ -17,10 +17,26 @@
            </section>
        </a>
        <footer class="post-card-meta">
-            {{#if author.profile_image}}
-                <img class="author-profile-image" src="{{author.profile_image}}" alt="{{author.name}}" />
-            {{/if}}
-            <span class="post-card-author">{{author}}</span>
+
+            <ul class="author-list">
+            {{#foreach authors}}
+                <li class="author-list-item">
+
+                    <div class="author-name-tooltip">
+                        {{name}}
+                    </div>
+
+                    {{#if profile_image}}
+                        <a href="{{url}}" class="static-avatar"><img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" /></a>
+                    {{else}}
+                        <a href="{{url}}" class="static-avatar author-profile-image">{{> "icons/avatar"}}</a>
+                    {{/if}}
+                </li>
+            {{/foreach}}
+            </ul>
+
+            <span class="reading-time">{{reading_time}}</span>
+
        </footer>
    </div>
 </article>
--- a/partials/site-nav.hbs
+++ b/partials/site-nav.hbs
@ -14,16 +14,16 @@
    <div class="site-nav-right">
        <div class="social-links">
            {{#if @blog.facebook}}
-                <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank">{{> "icons/facebook"}}</a>
+                <a class="social-link social-link-fb" href="{{facebook_url @blog.facebook}}" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
            {{/if}}
            {{#if @blog.twitter}}
-                <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank">{{> "icons/twitter"}}</a>
+                <a class="social-link social-link-tw" href="{{twitter_url @blog.twitter}}" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
            {{/if}}
        </div>
        {{#if @labs.subscribers}}
            <a class="subscribe-button" href="#subscribe">Subscribe</a>
        {{else}}
-            <a class="rss-button" href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/" target="_blank">{{> "icons/rss"}}</a>
+            <a class="rss-button" href="https://feedly.com/i/subscription/feed/{{@blog.url}}/rss/" target="_blank" rel="noopener">{{> "icons/rss"}}</a>
        {{/if}}
    </div>
 </nav>
--- a/post.hbs
+++ b/post.hbs
@ -12,7 +12,7 @@ into the {body} of the default.hbs template --}}
 {{!-- Everything inside the #post tags pulls data from the post --}}
 {{#post}}

-<main id="site-main" class="site-main outer" role="main">
+<main id="site-main" class="site-main outer">
    <div class="inner">

        <article class="post-full {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
@ -20,9 +20,9 @@ into the {body} of the default.hbs template --}}
            <header class="post-full-header">
                <section class="post-full-meta">
                    <time class="post-full-meta-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMMM YYYY"}}</time>
-                    {{#if tags}}
-                        <span class="date-divider">/</span> <a href="{{@blog.url}}/tag/{{tags.[0].slug}}">{{tags.[0].name}}</a>
-                    {{/if}}
+                    {{#primary_tag}}
+                        <span class="date-divider">/</span> <a href="{{url}}">{{name}}</a>
+                    {{/primary_tag}}
                </section>
                <h1 class="post-full-title">{{title}}</h1>
            </header>
@ -33,7 +33,9 @@ into the {body} of the default.hbs template --}}
            {{/if}}

            <section class="post-full-content">
-                {{content}}
+                <div class="post-content">
+                    {{content}}
+                </div>
            </section>

            {{!-- Email subscribe form at the bottom of the page --}}
@ -46,49 +48,23 @@ into the {body} of the default.hbs template --}}
            {{/if}}

            <footer class="post-full-footer">
-                {{!-- Everything inside the #author tags pulls data from the author --}}
-                {{#author}}

-                <section class="author-card">
-                    {{#if profile_image}}
-                        <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
-                    {{/if}}
-                    <section class="author-card-content">
-                        <h4 class="author-card-name"><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}}
-                    </section>
-                </section>
-                <div class="post-full-footer-right">
-                    <a class="author-card-button" href="{{url}}">Read More</a>
-                </div>
+                {{!-- There are two options for how we display the byline/author-info.
+                If the post has more than one author, we load a specific template
+                from includes/byline-multiple.hbs, otherwise, we just use the
+                default byline. --}}
+
+                {{#has author="count:>1"}}
+                    {{> "byline-multiple"}}
+                {{else}}
+                    {{> "byline-single"}}
+                {{/has}}

-                {{/author}}
            </footer>

            {{!--
-
-            If you use Disqus comments, just uncomment this block.
-            The only thing you need to change is "test-apkdzgmqhj" - which
-            should be replaced with your own Disqus site-id.
-
            <section class="post-full-comments">
-                <div id="disqus_thread"></div>
-                <script>
-                    var disqus_config = function () {
-                        this.page.url = '{{url absolute="true"}}';
-                        this.page.identifier = 'ghost-{{id}}';
-                    };
-                    (function() {
-                        var d = document, s = d.createElement('script');
-                        s.src = 'https://test-apkdzgmqhj.disqus.com/embed.js';
-                        s.setAttribute('data-timestamp', +new Date());
-                        (d.head || d.body).appendChild(s);
-                    })();
-                </script>
+                If you want to embed comments, this is a good place to do it!
            </section>
            --}}

@ -101,11 +77,12 @@ into the {body} of the default.hbs template --}}
 <aside class="read-next outer">
    <div class="inner">
        <div class="read-next-feed">
-
-            {{#get "posts" filter="tags:{{tags.[0].slug}}+id:-{{id}}" limit="3"}}
+            {{#if primary_tag}}
+            {{#get "posts" filter="tags:{{primary_tag.slug}}+id:-{{id}}" limit="3" as |related_posts|}}
+                {{#if related_posts}}
                <article class="read-next-card"
-                    {{#if ../tags.[0].feature_image}}
-                        style="background-image: url({{../tags.[0].feature_image}})"
+                    {{#if ../primary_tag.feature_image}}
+                        style="background-image: url({{../primary_tag.feature_image}})"
                    {{else}}
                        {{#if @blog.cover_image}}
                            style="background-image: url({{@blog.cover_image}})"{{/if}}
@ -113,21 +90,25 @@ into the {body} of the default.hbs template --}}
                >
                    <header class="read-next-card-header">
                        <small class="read-next-card-header-sitetitle">&mdash; {{@blog.title}} &mdash;</small>
-                        <h3 class="read-next-card-header-title"><a href="{{@blog.url}}/tag/{{../tags.[0].slug}}/">{{../tags.[0].name}}</a></h3>
+                        {{#../primary_tag}}
+                        <h3 class="read-next-card-header-title"><a href="{{url}}">{{name}}</a></h3>
+                        {{/../primary_tag}}
                    </header>
                    <div class="read-next-divider">{{> "icons/infinity"}}</div>
                    <div class="read-next-card-content">
                        <ul>
-                            {{#foreach posts}}
+                            {{#foreach related_posts}}
                            <li><a href="{{url}}">{{title}}</a></li>
                            {{/foreach}}
                        </ul>
                    </div>
                    <footer class="read-next-card-footer">
-                        <a href="{{@blog.url}}/tag/{{../tags.[0].slug}}/">{{plural meta.pagination.total empty='No posts' singular='% post' plural='See all % posts'}} →</a>
+                        <a href="{{#../primary_tag}}{{url}}{{/../primary_tag}}">{{plural meta.pagination.total empty='No posts' singular='% post' plural='See all % posts'}} →</a>
                    </footer>
                </article>
+                {{/if}}
            {{/get}}
+            {{/if}}

            {{!-- If there's a next post, display it using the same markup included from - partials/post-card.hbs --}}
            {{#next_post}}
@ -162,7 +143,7 @@ $(document).ready(function () {
    $postContent.fitVids();
    // End fitVids

-    var progressBar = document.querySelector('progress');
+    var progressBar = document.querySelector('#reading-progress');
    var header = document.querySelector('.floating-header');
    var title = document.querySelector('.post-full-title');

@ -211,6 +192,7 @@ $(document).ready(function () {
    window.addEventListener('resize', onResize, false);

    update();
+
 });
 </script>
 {{/contentFor}}
--- a/tag.hbs
+++ b/tag.hbs
@ -21,7 +21,7 @@
 {{/tag}}

 {{!-- The main content area --}}
-<main id="site-main" class="site-main outer" role="main">
+<main id="site-main" class="site-main outer">
    <div class="inner">
        <div class="post-feed">
            {{#foreach posts}}
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Fabien O'Carroll	8a9efb5ef1	Upgrading Casper to 2.6.3	2018-09-25 11:32:08 +07:00
Peter Zimon	04854967a8	Adjusting spaces for galleries and wide images in a sequence (#480 )	2018-09-24 14:35:47 +02:00
Nazar Gargol	fa18115aa6	Upgrading Casper to 2.6.2	2018-09-11 13:42:34 +02:00
Aileen Nowak	ae192a9fff	🐛 Fixed word-wrap for extra long anchor links text (#478 ) refs #466 Anchor links didn't break, when the text was too long. Using `word-break: break-all` specifically on a-tags in post-content fixes this without screwing up other tags and their breaks.	2018-09-07 14:45:18 +02:00
kirrg001	78993720fd	Upgrading Casper to 2.6.1	2018-08-31 11:26:01 +01:00
Zimo	676e17bd13	Restructure spacings for generic figure element	2018-08-31 11:24:50 +01:00
kirrg001	67e595741c	Upgrading Casper to 2.6.0	2018-08-30 17:45:43 +01:00
Kevin Ansfield	7a88c88ea2	✨Added Koenig gallery card support (#475 ) no issue - Update CSS and JS for new gallery card - Updates CSS to support new gallery card - Adds JS to support grid layout for gallery view - Fix gallery breakout size - Refining styles for gallery card	2018-08-30 17:44:55 +01:00
Kevin Ansfield	a0e42e0599	Rebuild CSS	2018-08-30 14:56:38 +01:00
Kevin Ansfield	dc3bb316c7	Fixed incorrect image aspect ratio when images have width/height attrs no issue - when large images have width/height attributes but the image is constrained to it's container or `max-width` style the aspect ratio would be broken because browsers use the `height` attribute value even though the width is smaller	2018-08-30 14:49:40 +01:00
kirrg001	7380ed0291	Upgrading Casper to 2.5.1	2018-08-22 14:31:02 +02:00
Kevin Ansfield	ecaf3d921f	🐛 Fixed image positioning on pages closes https://github.com/TryGhost/Casper/issues/473 - added missing `<div class="post-content">` wrapper around `{{content}}`	2018-08-21 17:47:42 +01:00
kirrg001	89ea6c5872	Upgrading Casper to 2.5.0	2018-08-16 13:59:03 +02:00
Hannah Wolfe	9d803067a4	🛠 Added .travis.yml and gscan tests (#470 ) - Add gscan dependency & travis.yml file, so that we can run gscan as a test for this repo - This check tells us whether or not the theme is valid & compatible with Ghost according to gscan - We recommend that all themes do this!	2018-08-14 22:10:01 +01:00
Hannah Wolfe	0ea375643b	✨Added required "ghost-theme" keyword - We're going to start showing this as a warning in gscan - The purpose is to give us a way to detect if a package is a valid Ghost theme	2018-08-13 14:29:56 +01:00
kirrg001	f31957bd0d	Replaced {{author}} by {{primary_author}} in byline-single.hbs refs https://github.com/TryGhost/gscan/issues/99 - single author usages will be deprecated in Ghost 2.0 - make Casper 100% compatible with Ghost 2.0	2018-08-12 15:02:03 +02:00
John O'Nolan	36841d4624	Set minimum Ghost version to 2.0	2018-08-11 20:22:43 +01:00
Kevin Ansfield	d41fcbbc8a	Remove `.kg-card-markdown` styles no issue - `.kg-card-markdown` no longer exists in Ghost 2.x	2018-08-11 19:09:58 +01:00
kirrg001	5d318225f5	Upgrading Casper to 2.4.2	2018-08-08 17:08:21 +02:00
Nulla Wu	9b56779ca6	Use id attribute to query reading progress element (#467 ) no issue - using an `id` selector doesn't break if other `progress` elements are present on a page	2018-08-03 09:21:05 +01:00
Kevin Ansfield	1bf2cdb52a	Upgrading Casper to 2.4.1	2018-07-31 11:31:35 +01:00
Peter Zimon	f67caaba5c	🐛 Fixed content overflow on mobile closes https://github.com/TryGhost/Casper/issues/464 - setting max-width of `kg-markdown-card` wrapper that is still used by non-Koenig posts	2018-07-30 12:21:17 +01:00
kirrg001	25d1e368d6	Upgrading Casper to 2.4.0	2018-07-24 15:13:30 +02:00
Kevin Ansfield	5c6cce1519	Ghost 1.25 Koenig updates (#463 ) refs https://github.com/TryGhost/Ghost/pull/9741 - Ghost 1.25 has updated the HTML output of Koenig beta posts - the `<div class="kg-post">` wrapper around post content has been removed - for image cards the `.kg-image-wide` and `.kg-image-full` classes have been changed to `.kg-width-wide` and `.kg-width-full` and applied to the `<figure>` element rather than the `<img>` element - this will be the default for all posts after upgrading to Ghost 2.0 Example output of the `{{content}}` helper for Koenig beta... Before 1.25.0 (Ghost 1.23.0-1.24.9): ```html <div class="kg-post"> <figure class="kg-image-card"> <img class="kg-image kg-image-wide" src="..."> <figcaption>example wide image</figcaption> </figure> </div> ``` After 1.25.0: ```html <figure class="kg-image-card kg-width-wide"> <img class="kg-image" src="..."> <figcaption>example wide image</figcaption> </figure> ``` For reference, in Ghost 1.x a non Koenig post with nothing but an image in the markdown (`![](...)`) would generate output like this: ```html <div class="kg-card-markdown"> <img src="..."> </div> ```	2018-07-23 12:20:46 +01:00
Kevin Ansfield	019842155a	Upgrading Casper to 2.3.3	2018-06-14 17:00:26 +01:00
Peter Zimon	1860a8305b	Koenig embed card (#460 )	2018-06-13 18:34:59 +01:00
John O'Nolan	6417b4cf2a	Fix rendering bug for non-square user images	2018-06-06 19:29:22 -07:00
Kevin Ansfield	1c61bc5f16	Upgrading Casper to 2.3.2	2018-05-29 16:10:07 +01:00
Kevin Ansfield	7a7f04c716	Update built files	2018-05-29 16:09:40 +01:00
Kevin Ansfield	fd56128f9b	Upgrading Casper to 2.3.1	2018-05-29 15:40:50 +01:00
malfusion	cd3b470c18	Fix for missing default avatar and firefox footer misalignment (#458 )	2018-05-29 10:38:27 +02:00
Kevin Ansfield	f3b44a7411	Upgrading Casper to 2.3.0	2018-05-22 20:17:56 +01:00
Peter Zimon	b83917060f	Applying styles for Koenig content (#455 ) refs https://github.com/TryGhost/Ghost/issues/9311 - move `.kg-card-markdown` styles and add deprecation notice - add support for new `.kg-post` wrapper - add support for `.kg-image` and `.kg-image-wide/full` image variants - add support for image captions	2018-05-22 19:09:58 +01:00
Zimo	4aaedf69d2	Running CSSComb	2018-05-21 17:36:08 +02:00
Aileen Nowak	03ac0d91b8	Upgrading Casper to 2.2.1	2018-04-24 10:53:15 +08:00
John O'Nolan	b55d5e2b32	Remove unnecessary role attributes from main element Source: https://validator.w3.org/nu/#textarea	2018-04-17 22:19:05 +02:00
John O'Nolan	4fe2eac739	Additional comments	2018-04-12 10:05:53 +02:00
John O'Nolan	6e3399366d	Small refactor of multi-authors	2018-04-12 10:05:40 +02:00
John O'Nolan	98e9c12018	Split out different byline templates into separate files	2018-04-11 11:05:25 +02:00
kirrg001	986a954f33	Upgrading Casper to 2.2.0 no issue	2018-04-10 23:27:53 +02:00
John O'Nolan	636882bce4	Fix mobile display bug on smaller screens	2018-04-10 20:34:35 +02:00
Peter Zimon	79e113226c	Multiple authors in Casper (#448 )	2018-04-10 20:19:29 +02:00
John O'Nolan	8e865b797b	Maybe fix it properly this time instead of completely failing	2018-04-10 15:29:09 +02:00
John O'Nolan	a655b59e69	Fix link target size	2018-04-10 15:27:01 +02:00
John O'Nolan	b078dcb86e	Updated hover animations	2018-04-10 15:21:25 +02:00
Aileen Nowak	d5002f2c51	🐛 Fixed infinitescroll when a paged url is loaded directly (#447 ) closes #445 - added an fn to sanitize the pathname, that might include a pagination url - fixed an issue, where the request would still be made if the current page is bigger than max pages - added comments	2018-04-10 10:04:43 +01:00
Kevin Ansfield	41bcbb7157	💨 Infinite scroll perf improvements no issue - swap jQuery HTML parsing and insertion for pure DOM - remove fade animation - increase buffer by 100px so next page request happens sooner	2018-04-09 11:03:48 +01:00
Aileen Nowak	452776939c	Added yarn.lock and updated README for new yarn scripts no issue	2018-04-09 16:19:05 +08:00
Santhosh veer	57c31ddacb	Add HTML lang head tag (#429 ) Refs #286	2018-04-06 20:49:42 +02:00
Hannah Wolfe	21088b1d38	✨ Slack -> Forum - replacing references to slack with forum	2018-04-02 16:35:21 +01:00
Aileen Nowak	16f283e675	Upgrading Casper to 2.1.10	2018-03-16 15:53:45 +07:00
Aileen Nowak	942054ba0d	Revert "Upgrading Casper to 2.2.0" This reverts commit `782aba3991`.	2018-03-16 15:52:56 +07:00
Aileen Nowak	782aba3991	Upgrading Casper to 2.2.0	2018-03-16 09:50:09 +07:00
Aileen Nowak	9df85fbbe5	CSS built and comb no issue	2018-02-27 11:48:17 +07:00
Paul Corbett	1e10549ee2	🐛Fixed render issue with code blocks in lists (#436 ) Closes #415 * Add max-width to ul & ol tags	2018-02-27 11:43:39 +07:00
Paul Corbett	a6eb6848de	Removed obsolete gulp-nodemon (#435 ) Closes #420 * Remove gulp-nodemon from dev dependencies * Remove required dependency from gulpfile	2018-02-27 11:18:32 +07:00
Harry Kalantzis	6788302f62	🐛Removed unnecessary slash from Feedly URL (#437 ) closes #434.	2018-02-27 11:11:29 +07:00
Kevin Ansfield	67e55abfed	Upgrading Casper to 2.1.9	2018-01-23 16:19:58 +00:00
Jochen Kirstätter	bfaae0f7ba	🐛 Fixed Feedly URL and protocol (#418 ) no issue * Changed Feedly URL to HTTPS protocol * Updated Feedly URL pattern	2018-01-23 10:30:03 +07:00
Kevin Ansfield	edfafffd32	Upgrading Casper to 2.1.8	2018-01-03 13:47:12 +00:00
John O'Nolan	7798bf115f	2018	2018-01-02 21:48:53 +00:00
Aileen Nowak	9395846fdf	Upgrading Casper to 2.1.7	2017-11-21 21:26:49 +08:00
Joseph Frazer	99fad4cbc4	Fix colors in code blocks Closes #407 The font color should be inherited to avoid "invisible" text. * fix conflicts with upstream branch	2017-11-21 17:50:54 +08:00
Aileen Nowak	990f712209	💅 CSS comb and built no issue	2017-11-20 13:42:32 +08:00
Joona Viertola	4ff4b4c7f8	Removed double semicolons (#400 ) no issue	2017-11-20 13:38:20 +08:00
Aileen Nowak	de05d90fe9	Upgrading Casper to 2.1.6	2017-10-26 19:03:21 +07:00
Kevin Ansfield	978e54403c	🐛 Do not exclude `assets/css` from built zips no issue https://github.com/TryGhost/Casper/pull/403 added optimisations for reducing size of zip files but unfortunately it also stripped out `assets/css` which means that it's no longer possible to download the theme from the admin panel and use it for development. - remove `assets/css` from the ignored files in the `zip` task	2017-10-24 12:08:26 +01:00
Aileen Nowak	73bd9c630e	Upgrading Casper to 2.1.5	2017-10-24 16:10:48 +07:00
Mattia Natali	9597a28320	🎨 Optimized gulp zip file generation (#403 ) no issue - Optimised the `gulp zip` task, so the zip file doesn't include the `assets/css` (`built` folder is used for CSS) and the `dist` folder (is used to output the zip file)	2017-10-23 16:52:52 +07:00
Aileen Nowak	461639886e	Upgrading Casper to 2.1.4	2017-10-03 18:20:14 +07:00
Kevin Ansfield	7592ad182b	🔒 Added `rel="noopener"` to all `target="_blank"` links (#398 ) closes #394 - closes potential phishing avenues by preventing external sites from changing the blogs url in the background after opening - see https://mathiasbynens.github.io/rel-noopener/ for more info	2017-10-03 16:42:08 +07:00
Kevin Ansfield	97a522a037	Fix permissions on certain files	2017-10-02 13:29:23 +01:00
Chaotic Law	25f12d760b	Fix typo in default.hbs (#393 )	2017-09-29 08:23:39 -04:00
Kevin Ansfield	4f78d99112	Upgrading Casper to 2.1.3	2017-09-26 14:38:05 +01:00
Aileen Nowak	f5b7b45f2e	Remove `/dist/casper.zip` no issue With https://github.com/TryGhost/Casper/pull/384 the directory `/dist` was created and includes a `casper.zip` file. The PR, that got merged after that (https://github.com/TryGhost/Casper/pull/374) actually implemented the creation of this, but also added the directory to `.gitignore` so it wouldn't be pushed to the repo.	2017-09-19 12:01:17 +07:00
Yoran Brondsema	d34ff1d32b	Add a Gulp task to create the zip (#374 )	2017-09-18 09:37:00 -07:00
Yoran Brondsema	73a1ab52da	Add the same .editorconfig as from the Ghost repository (#384 )	2017-09-18 09:35:53 -07:00
Aileen Nowak	5ec77dfb31	Upgrading Casper to 2.1.2	2017-09-12 18:34:23 +07:00
John O'Nolan	269d2b5787	Fix border radius bug on featured posts	2017-09-07 09:34:44 -07:00
kirrg001	d1d0bca2d8	Upgrading Casper to 2.1.1	2017-09-07 14:33:38 +02:00
Hannah Wolfe	d92dda3523	Wrapped primary-tag get helper with if (#383 ) closes #382 - If there is no primary tag, the filter will be invalid syntax - This wraps the if helper and gets rid of errors in the logs	2017-09-07 14:31:42 +02:00
Kevin Ansfield	ca325285bf	Upgrading Casper to 2.1.0	2017-08-29 13:35:37 +01:00
John O'Nolan	aee9f69bb0	Refactor headings, quotes and margins, mobile improvements A few people commented how pull-quote styling is odd for blockquotes. I agree. This reverts casper to use more traditional blockquote styling, but maintains the special pullquote styling now over on the H5 element. So if you want nice/wide/centered blue text, use an H5. - Closes https://github.com/TryGhost/Casper/issues/364 - Closes https://github.com/TryGhost/Casper/issues/368	2017-08-25 16:31:10 -04:00
Kevin Ansfield	a7d5c885bd	Upgrading Casper to 2.0.6	2017-08-22 12:38:02 +01:00
Kevin Ansfield	9bc5c92628	Fix z-index bug with header author profile image no issue - add z-index to `.site-header-content .author-profile-image` so it isn't covered by the header overlay	2017-08-22 12:05:09 +01:00
Niels	0f3651c23f	🎨 Do not stretch author profile image (#365 ) - add `object-fit: cover` to `.author-profile-image` to prevent non-square images being stretched/squashed	2017-08-22 11:56:38 +01:00
Phoenix Eve Aspacio	d739bb52a4	Fixed z-index bug with header social links on author page (#370 ) no issue - add z-index to `.author-bio` and `.author-meta` so they aren't covered by the header image overlay	2017-08-22 11:49:49 +01:00
Kevin Ansfield	8d17e9a452	Upgrading Casper to 2.0.5	2017-08-17 17:47:36 +01:00
Kevin Ansfield	e4e6bb9c5a	Fixed z-index bug with header title/description closes #363 - add z-index to `.site-title` and `.site-description` so they aren't covered by the header overlay	2017-08-17 12:35:37 +01:00
John O'Nolan	d2375a3917	Sticky footer Closes https://github.com/TryGhost/Casper/issues/354, Closes https://github.com/TryGhost/Casper/issues/362	2017-08-16 11:57:39 +01:00
John Thile	577b92811c	Add progress bar styling for Firefox (#360 ) I alter this color to reddish for my own site, so it stood out much more easily than the Casper blue not matching the Firefox default. Autoprefixer isn't handling this one. Also, I tried adding this rule, comma separated, to the immediately above webkit rule... but it doesn't actually work when I do that, for some reason. Sorry for the redundancy! https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-progress-bar	2017-08-16 11:43:58 +01:00
Kevin Ansfield	2f385ba5f1	Upgrading Casper to 2.0.4	2017-08-15 18:01:02 +01:00
John O'Nolan	b024b544e4	Fixed janky webkit border-radius bug Closes https://github.com/TryGhost/Casper/issues/352	2017-08-14 11:22:27 +01:00
John O'Nolan	9caeb2a2e7	Fixed wide blockquote bug when used first in post Closes https://github.com/TryGhost/Casper/issues/355	2017-08-14 11:11:12 +01:00
John O'Nolan	12d139aa7d	Fixed z-index bug on index post-feed Closes https://github.com/TryGhost/Casper/issues/349, closes https://github.com/TryGhost/Casper/pull/350	2017-08-14 11:03:28 +01:00
Hannah Wolfe	690e1bad1f	Added issue template	2017-08-12 13:17:42 -04:00
kirrg001	c63804006d	Upgrading Casper to 2.0.3	2017-08-10 16:13:08 +02:00
kirrg001	65d0104224	⬆️ Bump Ghost engine no issue - The minimum Ghost version is now 1.2.0 - In 1.2.0 we introduced the primary tag feature - See https://dev.ghost.org/primary-tags	2017-08-10 16:10:55 +02:00
Hannah Wolfe	ba10cb1516	🎨 Update to use Primary Tag syntax (#337 ) refs TryGhost/Ghost#8668 - In Ghost 1.2.0 we introduce primary_tag as a calculated property - Casper can be updated to use this for clarity	2017-08-10 16:10:17 +02:00
Hannah Wolfe	d7ca6fd2f6	🎨 Added specific 404 template & simplified fallback (#348 ) no issue - The 404 Error template can have a little more fancy logic than other templates - Therefore, we make the 404 template have the get helper - The fallback general error template has no use of the get helper - This helps ensure that errors can be rendered	2017-08-10 14:34:23 +01:00
John O'Nolan	10f11bb14f	Update image caption margins	2017-08-09 14:10:28 +01:00
John O'Nolan	7d4f93bf23	Added support for basic image captions See https://github.com/TryGhost/Ghost/issues/8859	2017-08-09 13:26:08 +01:00
John O'Nolan	11f61782ad	Keep logo vertically centred when there's no navigation Closes https://github.com/TryGhost/Casper/issues/338	2017-08-08 16:23:18 +01:00
John O'Nolan	fd108b1b40	Corrected navigation z-index bug Closes https://github.com/TryGhost/Casper/issues/345	2017-08-08 16:14:06 +01:00
John O'Nolan	33005666ca	Set overflow auto on tables Closes https://github.com/TryGhost/Casper/issues/328 This applies mobile styles everywhere, which is not really ideal tbh - but covers all cases.	2017-08-08 15:58:54 +01:00
John O'Nolan	1767ca59b8	Added CSScomb and combed 💇🏻	2017-08-02 12:41:14 +04:00
kirrg001	5cafa756ef	Upgrading Casper to 2.0.2	2017-08-01 10:32:11 +04:00
Phoenix Eve Aspacio	08e5cbe021	Prevent floating navigation from blocking the text header in fragmented urls (#334 ) Prevent floating header from covering the header when a fragment identifier enabled URL is opened.	2017-08-01 09:50:32 +04:00
John O'Nolan	615d8a9001	Fixed broken author links due to z-index issue Closes https://github.com/TryGhost/Casper/issues/333	2017-07-31 19:44:07 +04:00
John O'Nolan	f08f07fd7e	Fixed Firefox responsive video bug Closes https://github.com/TryGhost/Casper/issues/330 As usual Firefox is the bane of fucking everything and despite IE7 calling multiple times wanting its rendering back, here we are. Responsive video embeds insider a flexbox element do not work in Firefox and require an additional (very specific) wrapping div. I've adjusted the Fitvids.js script here to include that div in its injection along with the requisite styles. It's a horrible hack. Spent 2 hours trying to find another way but I cant.	2017-07-31 19:38:16 +04:00
John O'Nolan	2565c16916	Fix minor visual bug with clipped descenders in floating header	2017-07-31 17:14:00 +04:00
Hannah Wolfe	4b66223bb3	🐛 Only show related posts widget if there are posts available (#332 ) no issue - use a block param and if combo to add a guard to the get helper - this ensures that the widget is only displayed if there is content available to display	2017-07-28 19:10:54 +04:00
John O'Nolan	35e91ecee9	Better support for iframes	2017-07-27 13:12:04 +04:00
kirrg001	2b2d6e6d14	Upgrading Casper to 2.0.1	2017-07-27 11:48:43 +04:00
John O'Nolan	cd4e0e03f5	Better support for the video element	2017-07-27 11:15:19 +04:00
Hannah Wolfe	3993cbdcfa	Update disqus embed to use `{{comment_id}}` refs TryGhost/Ghost#8760 - disqus code must use `{{comment_id}}` instead of `{{id}}` from 1.0.0 onwards.	2017-07-26 23:01:14 +04:00
				`@ -0,0 +1 @@`
				`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"/></g></svg>`