Skip to content

Commit

Permalink
Added custom error pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@JoGist
JoGist committed May 16, 2020
1 parent 37018de commit 69b311a
Show file tree
Hide file tree
Showing 7 changed files with 148 additions and 17 deletions.
48 changes: 43 additions & 5 deletions public/404.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>404 - VGDatabase</title>
<title>ERROR 404 - VGDatabase</title>
<style>
html,
body {
Expand Down Expand Up @@ -38,18 +38,56 @@
display: block;
margin-left: auto;
margin-right: auto;
width: 35%;
width: 30%;
}
.imgSmall {
display: block;
margin-left: 2%;
margin-top: 2%;
width: 15%;
}
.button {
border: 0;
outline: none;
border-radius: 0;
padding: 15px 0;
font-size: 2rem;
display: block;
font-weight: 600;
width: 460px;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #f26657;
color: #fff;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-appearance: none;
transition: all 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
.button:active {
cursor: progress;
border: 2px solid #fff;
}
.button:hover {
box-shadow: 0 0 6px #fff;
}
</style>
</head>
<body>
<br>
<h1>404 - DEAD LINK</h1>
<img class="imgSmall" src="logo-normal.png" alt="DEAD LINK">
<h1>404 - PAGE NOT FOUND</h1>
<div>
<img class="imgCentered" src="404.png" alt="DEAD LINK">
<div>
<br>
<h1>Page not found. Return to homepage?</h1>
<h1>DEAD LINK</h1>
<br>
<br>
<a href="https://vgdatabase.herokuapp.com/homepage" class="button"> Return to homepage </a>
</div>
</div>
</body>
Expand Down
60 changes: 53 additions & 7 deletions public/422.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>404 - VGDatabase</title>
<title>ERROR 422 - VGDatabase</title>
<style>
html,
body {
Expand Down Expand Up @@ -38,19 +38,65 @@
display: block;
margin-left: auto;
margin-right: auto;
width: 35%;
height: auto;
width: auto;
}
.imgCentered_alt {
display: block;
margin-left: auto;
margin-right: auto;
width: 10%;
margin-bottom: -10px;
}
.imgSmall {
display: block;
margin-left: 2%;
margin-top: 2%;
width: 15%;
}
.button {
border: 0;
outline: none;
border-radius: 0;
padding: 15px 0;
font-size: 2rem;
display: block;
font-weight: 600;
width: 460px;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #f26657;
color: #fff;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-appearance: none;
transition: all 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
.button:active {
cursor: progress;
border: 2px solid #fff;
}
.button:hover {
box-shadow: 0 0 6px #fff;
}
</style>
</head>
<body>
<br>
<h1>422 - The change you wanted was rejected.</h1>
<img class="imgSmall" src="logo-normal.png" alt="DEAD LINK">
<h1>422 - INTERNAL ERROR</h1>
<div>
<img class="imgCentered" src="/app/assets/images/404.png" alt="DEAD LINK">
<img class="imgCentered_alt" src="sprite.png" alt="INTERNAL SERVER ERROR">
<img class="imgCentered" src="floor.png" alt="INTERNAL SERVER ERROR">
<div>
<br>
<p>Maybe you tried to change something you didn't have access to.</p>
<p>If you are the application owner check the logs for more information.</p>
<h1>MAYBE YOU TRIED TO CHANGE SOMETHING YOU DIDN'T HAVE ACCESS TO?</h1>
<br>
<br>
<a href="https://vgdatabase.herokuapp.com/homepage" class="button"> Return to homepage </a>
</div>
</div>
</body>
Expand Down
57 changes: 52 additions & 5 deletions public/500.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>500 - VGDatabase</title>
<title>ERROR 500 - VGDatabase</title>
<style>
html,
body {
Expand Down Expand Up @@ -38,18 +38,65 @@
display: block;
margin-left: auto;
margin-right: auto;
width: 35%;
height: auto;
width: auto;
}
.imgCentered_alt {
display: block;
margin-left: auto;
margin-right: auto;
width: 10%;
margin-bottom: -10px;
}
.imgSmall {
display: block;
margin-left: 2%;
margin-top: 2%;
width: 15%;
}
.button {
border: 0;
outline: none;
border-radius: 0;
padding: 15px 0;
font-size: 2rem;
display: block;
font-weight: 600;
width: 460px;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #f26657;
color: #fff;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-appearance: none;
transition: all 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
.button:active {
cursor: progress;
border: 2px solid #fff;
}
.button:hover {
box-shadow: 0 0 6px #fff;
}
</style>
</head>
<body>
<br>
<img class="imgSmall" src="logo-normal.png" alt="DEAD LINK">
<h1>500 - INTERNAL SERVER ERROR</h1>
<div>
<img class="imgCentered" src="/app/assets/images/404.png" alt="DEAD LINK">
<img class="imgCentered_alt" src="sprite.png" alt="INTERNAL SERVER ERROR">
<img class="imgCentered" src="floor.png" alt="INTERNAL SERVER ERROR">
<div>
<br>
<h1>We're sorry, something went wrong. Return to homepage?</h1>
<h1>WE'RE SORRY, SOMETHING WENT WRONG.</h1>
<br>
<br>
<a href="https://vgdatabase.herokuapp.com/homepage" class="button"> Return to homepage </a>
</div>
</div>
</body>
Expand Down
Binary file added public/500.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/floor.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/logo-normal.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/sprite.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 69b311a

Please sign in to comment.