From bd81aff335bda634b9e9e66d79e6b1e93bcc12eb Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Thu, 27 Aug 2020 10:46:16 -0600 Subject: [PATCH] updated 404 page to account for mulitple products, resolves #1358 --- assets/styles/layouts/_error-page.scss | 36 +++++++++-- layouts/404.html | 90 ++++++++++++++++++-------- 2 files changed, 94 insertions(+), 32 deletions(-) diff --git a/assets/styles/layouts/_error-page.scss b/assets/styles/layouts/_error-page.scss index 36778828b..0743af4d8 100644 --- a/assets/styles/layouts/_error-page.scss +++ b/assets/styles/layouts/_error-page.scss @@ -7,7 +7,7 @@ .error-content { margin-top: 10vh; - max-width: 310px; + max-width: 380px; } .error-code { @@ -56,24 +56,50 @@ margin: 2rem 0 1.5rem; .btn { - display: block; + display: flex; + position: relative; flex-grow: 1; margin-right: 4px; padding: .75rem 1rem; border-radius: $radius; text-align: center; + justify-content: center; + align-items: center; color: $error-page-btn-text; transition: background-color .2s; + z-index: 1; @include gradient($article-btn-gradient); - &:hover { - @include gradient($article-btn-gradient-hover); - } + &.back:before { content: "\e90a"; font-family: "icomoon"; margin-right: .35rem; vertical-align: text-top; } + + &:after { + content: ""; + position: absolute; + display: block; + top: 0; + right: 0; + width: 100%; + height: 100%; + border-radius: $radius; + @include gradient($article-btn-gradient-hover); + opacity: 0; + transition: opacity .2s; + z-index: -1; + } + + &:hover { + cursor: pointer; + + &:after { + opacity: 1; + } + } + } } diff --git a/layouts/404.html b/layouts/404.html index bc45ee189..75992c0da 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,34 +1,70 @@ -{{ partial "header.html" . }} + + + + {{ partial "header/google-analytics-head.html" }} + + + Page not found + + + -
-
-
-
-

404

+ {{ partial "header/stylesheets.html" }} + {{ partial "header/google-fonts.html" }} + {{ partial "header/javascript.html" }} + + + + + + {{ partial "header/google-analytics-body.html" }} + +
+
+
+
+

404

+
+
+
+ Back + +
+

Whoops! Looks like this page doesn't exist. If a link brought you here, let us know. We'd like to fix it.

-
-
- Back - InfluxDB -
-

Whoops! Looks like this page doesn't exist. If a link brought you here, let us know. We'd like to fix it.

-
- + if ( project != undefined && project.path === '/platform') { + $('.btn.version').append(`${project.name}`).attr('href', `${project.path}/`); + } else if ( project != undefined && projectVersion != undefined ) { + $('.btn.version').append(`${project.name} ${projectVersion}`).attr('href', `${project.path}/${projectVersion}/`); + } else if ( project != undefined && projectVersion == undefined ){ + $('.btn.version').append(`${project.name}`).attr('href', `${project.path}/`); + } else { + $('.btn.version').hide() + } + + + +{{ partial "footer/javascript.html" . }} + -{{ partial "footer.html" . }}