Upgrading Casper to 2.0.6

no issue
- add z-index to `.site-header-content .author-profile-image` so it isn't covered by the header overlay

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,19 @@
+Do you need help or have a question? Please come chat in Slack: https://ghost.org/slack 👫.
+
+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:

assets/css/screen.css

@@ -51,6 +51,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;
@@ -149,6 +160,7 @@ body {
     padding: 0;
     font-size: 3.8rem;
     font-weight: 700;
+    z-index: 10;
 }
 
 .site-logo {
@@ -162,6 +174,7 @@ body {
     font-weight: 300;
     letter-spacing: 0.5px;
     opacity: 0.8;
+    z-index: 10;
 }
 
 @media (max-width: 500px) {
@@ -388,6 +401,9 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
 
 .post-card-image-link {
     position: relative;
+    display: block;
+    overflow: hidden;
+    border-radius: 5px 5px 0 0;
 }
 
 .post-card-image {
@@ -443,6 +459,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
     height: 25px;
     margin-right: 5px;
     border-radius: 100%;
+    object-fit: cover;
 }
 
 .post-card-author {
@@ -759,7 +776,7 @@ Usage (In Ghost editor):
 }
 
 @media (min-width: 1000px) {
-    .post-full-content blockquote {
+    .post-full-content blockquote:not(:first-of-type) {
         width: 100vw;
         max-width: 1060px;
     }
@@ -1442,6 +1459,10 @@ Usage (In Ghost editor):
     background-color: var(--blue);
 }
 
+.progress::-moz-progress-bar {
+    background-color: var(--blue);
+}
+
 .progress-container {
     position: absolute;
     top: 0;
@@ -1504,10 +1525,12 @@ Usage (In Ghost editor):
     height: 100px;
     margin: 0 0 20px 0;
     box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
+    z-index: 10;
 }
 
 .site-header-content .author-bio {
     flex-shrink: 0;
+    z-index: 10;
     max-width: 600px;
     margin: 5px 0 10px 0;
     font-size: 2rem;
@@ -1519,6 +1542,7 @@ Usage (In Ghost editor):
 
 .site-header-content .author-meta {
     flex-shrink: 0;
+    z-index: 10;
     display: flex;
     justify-content: center;
     align-items: center;

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
     "demo": "https://demo.ghost.io",
-    "version": "2.0.3",
+    "version": "2.0.6",
     "engines": {
         "ghost": ">=1.2.0"
     },