diff --git a/.travis.yml b/.travis.yml index 950db2e5..8e7c663a 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,6 +1,9 @@ +dist: xenial language: node_js -sudo: false node_js: - - "8" + - 10 +cache: yarn +# Don't run builds for renovate PRs +if: NOT head_branch =~ ^renovate diff --git a/assets/css/components/ghost.css b/assets/css/components/ghost.css index 0c9de323..3c87ee90 100644 --- a/assets/css/components/ghost.css +++ b/assets/css/components/ghost.css @@ -26,6 +26,10 @@ opacity: 0.4; } + +/* Wide cards +/* ---------------------------------------------------------- */ + .kg-width-wide { position: relative; width: 75vw; @@ -59,6 +63,10 @@ } } + +/* Galleries +/* ---------------------------------------------------------- */ + .kg-gallery-container { display: flex; flex-direction: column; @@ -97,3 +105,90 @@ .kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide { margin-top: calc( -7vw + 0.75em ); } + + +/* Members Forms +/* ---------------------------------------------------------- */ + +form[data-members-form] .button-loader, +form[data-members-form] .message-success, +form[data-members-form] .message-error { + display: none; +} + +.message-success svg, +.message-error svg { + position: relative; + top: -1px; + margin-right: 5px; + height: 15px; + width: 15px; +} +.message-success svg { + fill: #fff; +} +.message-error svg { + fill: var(--color-primary); +} + +form[data-members-form].success .message-success, +form[data-members-form].error .message-error { + position: fixed; + top: 20px; + left: 6vw; + right: 6vw; + z-index: 9999; + max-width: calc(1400px - 12vw); + margin: 0 auto; + padding: 10px 0; + color: #fff; + font-size: 1.4rem; + line-height: 1.5em; + font-weight: 500; + text-align: center; + background: var(--color-base); + border-radius: var(--radius); +} +form[data-members-form].success .message-success { + background: var(--color-success); +} +form[data-members-form].error .message-error { + color: var(--color-primary); + background: #fff; + box-shadow: var(--color-primary) 0 0 0 1px; +} + +form[data-members-form] .button { + position: relative; +} + +/*-- Loading --*/ + +/* Hide button text */ +form[data-members-form].loading .button-content { + visibility: hidden; +} + +/* Show loading spinner */ +form[data-members-form].loading .button-loader { + display: inline-block; + position: absolute; + left: 50%; + margin-left: -19px; + transform: scale(0.7); +} + +.button-loader svg path, +.button-loader svg rect{ + fill: #fff; +} + +/*-- Show success message on success --*/ +form[data-members-form].success .message-success { + display: block; +} + +/*-- Show error message on error --*/ +form[data-members-form].error .message-error { + display: block; +} diff --git a/error-404.hbs b/error-404.hbs new file mode 100644 index 00000000..bdcaf996 --- /dev/null +++ b/error-404.hbs @@ -0,0 +1,47 @@ +{{!-- +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. +--}} + + + + + + + + {{meta_title}} + + + + + + +
+ +
+
+ +
+
+ +
+
+ +
+

{{code}}

+

{{message}}

+ Go to the front page → +
+
+
+ +
+ + + \ No newline at end of file