Website custom 404 page (#1748)

* initial 404 page

* improve styles

* update formula & alignment on 404 page

* attempt to redirect all bad URLs to 404 page

* try 301 to force redirect to 404.html

* try loading static resources with absolute path

* fix some absolute paths

* style & content improvements

* reduce equation font size for really narrow screens

* revert changes (?) to browserslistrc

* Update website/static/static/404.css

Co-Authored-By: kokopelli314 <nacclonts@Gmail.com>

* Update website/static/static/404.css

Co-Authored-By: kokopelli314 <nacclonts@Gmail.com>

* Update website/static/static/404.css

Co-Authored-By: kokopelli314 <nacclonts@Gmail.com>
This commit is contained in:
Nathan Clonts
2018-10-24 20:17:35 -06:00
committed by Kevin Barabash
parent 4dd0e2cdca
commit 6a06470e99
4 changed files with 158 additions and 0 deletions

View File

@@ -0,0 +1,56 @@
body {
background: #329894;
}
.main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main,
.main > * {
font-weight: 300;
color: #222;
}
.not-found-equation {
text-align: center;
font-size: 58px;
}
.container.not-found-information {
max-width: 580px;
}
.main .page-not-found {
font-size: 22px;
margin-bottom: 33px;
}
.main .cta {
padding-top: 0;
}
.main .cta > p {
font-size: 18px;
}
.align-left {
text-align: start;
}
@media only screen and (max-width: 735px) {
.not-found-equation {
font-size: 32px;
}
}
@media only screen and (max-width: 350px) {
.not-found-equation {
font-size: 25px;
}
}