ADDED 404 page.

UPDATED to v0.1.1.
This commit is contained in:
Eric Woodward 2018-01-07 22:06:06 -05:00 committed by Eric Woodward
parent 096e3b8404
commit 3f948c9c20
3 changed files with 169 additions and 5 deletions

5
app.js
View File

@ -51,9 +51,7 @@ app.use('/search/', search);
/// catch 404 and forwarding to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
res.status(404).sendFile(path.join(__dirname + '/public/errors', '404.html'));
});
/// error handlers
@ -81,4 +79,5 @@ app.use(function(err, req, res, next) {
});
module.exports = app;

View File

@ -1,6 +1,6 @@
{
"name": "@mysticbits/codex-mythica",
"version": "0.1.0",
"version": "0.1.1",
"private": true,
"scripts": {
"start": "nodejs ./bin/www"
@ -10,7 +10,7 @@
"cookie-parser": "~1.0.1",
"debug": "~0.7.4",
"ejs": "^2.5.7",
"express": "~4.0.0",
"express": "~4.16.0",
"jade": "~1.3.0",
"morgan": "~1.0.0",
"static-favicon": "~1.0.0"

165
public/errors/404.html Executable file
View File

@ -0,0 +1,165 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mythic Wars | Page Not Found</title>
<style>
*, *:before, *:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 16px;
height: 100%;
}
a,
a:link {
color: #c9bb69;
}
a:visited {
color: #c57f5d;
}
a:hover {
color: #efb88f;
}
a:active {
background-color: #8c272d;
color: #efb88f;
}
body {
background: url("https://mythicwarsgame.com/images/404-bg.jpg") no-repeat center center fixed;
background-size: cover;
color: #fff;
line-height: 1.3em;
vertical-align: middle;
}
.container {
margin: 0 auto;
background-color: #333333;
background-color: rgba(33,33,33,.7);
border-radius: 1em;
max-width: 30em;
width: 100%;
padding: 2em;
margin: 2em auto;
}
/* google search */
#goog-fixurl ul {
list-style: none;
padding: 0;
margin: 0;
}
#goog-fixurl form {
margin: 0;
}
#goog-wm-qt,
#goog-wm-sb {
border: 1px solid #bbb;
font-size: 16px;
line-height: normal;
vertical-align: top;
color: #444;
border-radius: 2px;
}
#goog-wm-qt {
width: 220px;
height: 2em;
padding: 5px;
margin: 5px 10px 0 0;
box-shadow: inset 0 1px 1px #ccc;
}
#goog-wm-sb {
display: inline-block;
height: 32px;
padding: 0 10px;
margin: 5px 0 0;
white-space: nowrap;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*overflow: visible;
*display: inline;
*zoom: 1;
}
#goog-wm-sb:hover,
#goog-wm-sb:focus {
border-color: #aaa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f8f8;
}
#goog-wm-qt:hover,
#goog-wm-qt:focus {
border-color: #105cb6;
outline: 0;
color: #222;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
/* ==========================================================================
Media Queries
========================================================================== */
/*
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
body {
background-image: url('https://mythicwarsgame.com/images/img/hole-bg-2200x1800-50.jpg');
}
}
@media only screen and (min-width: 50em) and (-o-min-device-pixel-ratio: 5/4),
only screen and (min-width: 50em) and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-width: 50em) and (min-resolution: 120dpi), {
body {
background-image: url('https://mythicwarsgame.com/images/img/hole-bg-3200x1800-50.jpg');
}
}
*/
</style>
</head>
<body>
<div class="container">
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
<p>It looks like this was the result of either:</p>
<ul>
<li>a mistyped address,</li>
<li>an out-of-date link, or</li>
<li>a change in the fabric of the universe brought on by the
<a href="https://mythicwarsgame.com">Mythic Wars</a>.
</li>
</ul>
<p>You can <a href="javascript:history.go(-1);" title="Go back for science!">go back and try again</a>, or just start over at the <a href="/" title="Give up and go home!">Mythic Wars</a> home page.</p>
<script>
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
</script>
<script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js" async></script>
</div>
</body>
</html>