v4.0.5

Currently, the footer doesn't stick to the bottom of the viewport when the page content is small. This fixes the issue by making the <main> element fill the remaining space

assets/css/screen.css

@@ -68,6 +68,10 @@ production stylesheet in assets/built/screen.css
     min-height: 100vh;
 }
 
+.viewport > main {
+    flex-grow: 1;
+}
+
 /* Full width page blocks */
 .outer {
     position: relative;
@@ -539,6 +543,7 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     flex-direction: column;
     min-height: 220px;
     background-size: cover;
+    word-break: break-word;
 }
 
 .post-card-image-link {
@@ -787,6 +792,7 @@ make sure this only happens on large viewports / desktop-ish devices.
 
 .article {
     padding: 8vmin 0;
+    word-break: break-word;
 }
 
 .article-header {
@@ -831,6 +837,7 @@ make sure this only happens on large viewports / desktop-ish devices.
     display: block;
     margin-left: auto;
     margin-right: auto;
+    width: 100%;
 }
 
 @media (max-width: 600px) {
@@ -978,7 +985,6 @@ is the very first element in the post content */
 .gh-content pre {
     overflow: auto;
     padding: 16px 20px;
-    border: 1px solid color-mod(var(--color-darkgrey) l(-20%));
     color: var(--color-wash);
     font-size: 1.4rem;
     line-height: 1.5em;
@@ -1827,6 +1833,16 @@ html.dark-mode .gh-content h6 {
     color: rgba(255, 255, 255, 0.9);
 }
 
+html.dark-mode .gh-content pre {
+    background: color-mod(var(--color-darkgrey) l(-8%));
+}
+
+html.dark-mode .gh-content :not(pre) > code {
+    background: color-mod(var(--color-darkgrey) l(+6%));
+    border-color: color-mod(var(--color-darkmode) l(+8%));
+    color: var(--color-wash);
+}
+
 html.dark-mode .post-full-content a {
     color: #fff;
     box-shadow: inset 0 -1px 0 #fff;

default.hbs

@@ -52,7 +52,7 @@
                 </div>
 
                 {{#unless @member}}
-                    <a class="gh-head-button" href="#/portal">Subscribe</a>
+                    <a class="gh-head-button" href="#/portal/signup">Subscribe</a>
                 {{else}}
                     <a class="gh-head-button" href="#/portal/account">Account</a>
                 {{/unless}}

gulpfile.js

@@ -80,7 +80,9 @@ function zipper(done) {
             '**',
             '!node_modules', '!node_modules/**',
             '!dist', '!dist/**',
-            '!yarn-error.log'
+            '!yarn-error.log',
+            '!yarn.lock',
+            '!gulpfile.js'
         ]),
         zip(filename),
         dest('dist/')

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "A clean, minimal default theme for the Ghost publishing platform",
     "demo": "https://demo.ghost.io",
-    "version": "4.0.3",
+    "version": "4.0.5",
     "engines": {
         "ghost": ">=4.0.0",
         "ghost-api": "v4"