Update error pages

AegisFramework · Aug 1, 2017 · 1e59286 · 1e59286
1 parent b29d5b0
commit 1e59286
Show file tree

Hide file tree

Showing 11 changed files with 473 additions and 136 deletions.
diff --git a/.htaccess b/.htaccess
@@ -57,28 +57,18 @@ Header set X-Frame-Options DENY
 # Disable server signature
 ServerSignature Off
 
-# ----------------------------------------------------------------------
-# Make the index handle all Request's
-# ----------------------------------------------------------------------
-
-<IfModule mod_rewrite.c>
-	RewriteEngine On
-	RewriteBase /
-	RewriteCond %{REQUEST_URI} ^system.*
-	RewriteRule ^(.*)$ /index.php?/$1 [L]
-	RewriteCond %{REQUEST_FILENAME} !-f
-	RewriteCond %{REQUEST_FILENAME} !-d
-	RewriteRule ^(.*)$ index.php?/$1 [L]
-</IfModule>
-
 # ----------------------------------------------------------------------
 # Error Documents
 # ----------------------------------------------------------------------
 ErrorDocument 400 /error/400.html
 ErrorDocument 401 /error/401.html
-ErrorDocument 404 /error/404.html
 ErrorDocument 403 /error/403.html
+ErrorDocument 404 /error/404.html
+ErrorDocument 405 /error/405.html
+ErrorDocument 408 /error/408.html
+ErrorDocument 429 /error/429.html
 ErrorDocument 500 /error/500.html
+ErrorDocument 503 /error/503.html
 
 # ----------------------------------------------------------------------
 # Enable Gzip

diff --git a/error/400.html b/error/400.html
@@ -4,39 +4,53 @@
 	<head>
 		<title>Bad Request</title>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<style>
-		    body{
+			html {
+				width: 100%;
+				height: 100%;
+			}
+
+		    body {
+				width: 100%;
+				height: 100%;
     		    text-align: center;
-    		    color: rgb(84,84,84);
-    		    font-family: sans-serif;
-    		    width: 50%;
-    		    margin: 0 auto;
+    		    color: rgb(84, 84, 84);
+				font-family: -apple-system, BlinkMacSystemFont,
+					"Segoe UI", "Roboto", "Oxygen",
+					"Ubuntu", "Cantarell", "Open Sans", "Fira Sans",
+					"Droid Sans", "Helvetica Neue", sans-serif;
+				margin: 0;
 		    }
 
-			h1{
-				font-size: 4em;
-
+			body > div {
+			   margin: 0 auto;
+			   top: 50%;
+			   left: 50%;
+			   -webkit-transform: translate(-50%, -50%);
+			   -moz-transform: translate(-50%, -50%);
+			   -o-transform: translate(-50%, -50%);
+			   -ms-transform: translate(-50%, -50%);
+			   position: absolute;
+			   max-height: 100%;
 			}
 
-			h2{
-			    font-size: 2em;
+			h1 {
+				font-size: 4em;
+				font-weight: lighter;
 			}
 
-			div{
-    			width: 50%;
-    			height: 20em;
-    			background-color: rgb(245,245,245);
-    			display: block;
-    			margin: 0 auto;
-    			border-radius: 0.3em;
+			h2 {
+			    font-size: 2em;
+				font-weight: lighter;
 			}
 		</style>
 	</head>
 
 	<body>
+		<div>
 			<h1>Bad Request</h1>
-            <h2>The request is invalid.</h2>
+	        <h2>The received request is invalid or malformed.</h2>
+		</div>
 	</body>
 </html>
diff --git a/error/401.html b/error/401.html
@@ -2,41 +2,55 @@
 <!--Aegis Framework | MIT License | http://www.aegisframework.com/ -->
 <html lang="en">
 	<head>
-
 		<title>Authentication Required</title>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<style>
-		    body{
+			html {
+				width: 100%;
+				height: 100%;
+			}
+
+		    body {
+				width: 100%;
+				height: 100%;
     		    text-align: center;
-    		    color: rgb(84,84,84);
-    		    font-family: sans-serif;
-    		    width: 50%;
-    		    margin: 0 auto;
+    		    color: rgb(84, 84, 84);
+				font-family: -apple-system, BlinkMacSystemFont,
+					"Segoe UI", "Roboto", "Oxygen",
+					"Ubuntu", "Cantarell", "Open Sans", "Fira Sans",
+					"Droid Sans", "Helvetica Neue", sans-serif;
+				margin: 0;
 		    }
 
-			h1{
-				font-size: 4em;
+			body > div {
+			   margin: 0 auto;
+			   top: 50%;
+			   left: 50%;
+			   -webkit-transform: translate(-50%, -50%);
+			   -moz-transform: translate(-50%, -50%);
+			   -o-transform: translate(-50%, -50%);
+			   -ms-transform: translate(-50%, -50%);
+			   position: absolute;
+			   max-height: 100%;
 			}
 
-			h2{
-			    font-size: 2em;
+			h1 {
+				font-size: 4em;
+				font-weight: lighter;
 			}
 
-			div{
-    			width: 50%;
-    			height: 20em;
-    			background-color: rgb(245,245,245);
-    			display: block;
-    			margin: 0 auto;
-    			border-radius: 0.3em;
+			h2 {
+			    font-size: 2em;
+				font-weight: lighter;
 			}
 		</style>
 	</head>
 
 	<body>
+		<div>
 			<h1>Authentication Required</h1>
-            <h2>Sorry, the content you are trying to access requires user's authentication.</h2>
+	        <h2>Sorry, the content you are trying to access requires credentials authentication.</h2>
+		</div>
 	</body>
 </html>
diff --git a/error/403.html b/error/403.html
@@ -1,47 +1,56 @@
 <!DOCTYPE html>
 <!--Aegis Framework | MIT License | http://www.aegisframework.com/ -->
 <html lang="en">
-
 	<head>
-
 		<title>Forbidden</title>
-
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<style>
-		    body{
+			html {
+				width: 100%;
+				height: 100%;
+			}
+
+		    body {
+				width: 100%;
+				height: 100%;
     		    text-align: center;
-    		    color: rgb(84,84,84);
-    		    font-family: sans-serif;
-    		    width: 50%;
-    		    margin: 0 auto;
+    		    color: rgb(84, 84, 84);
+				font-family: -apple-system, BlinkMacSystemFont,
+					"Segoe UI", "Roboto", "Oxygen",
+					"Ubuntu", "Cantarell", "Open Sans", "Fira Sans",
+					"Droid Sans", "Helvetica Neue", sans-serif;
+				margin: 0;
 		    }
-			h1{
-				font-size: 4em;
 
-			}
-			h2{
-			    font-size: 2em;
+			body > div {
+			   margin: 0 auto;
+			   top: 50%;
+			   left: 50%;
+			   -webkit-transform: translate(-50%, -50%);
+			   -moz-transform: translate(-50%, -50%);
+			   -o-transform: translate(-50%, -50%);
+			   -ms-transform: translate(-50%, -50%);
+			   position: absolute;
+			   max-height: 100%;
 			}
 
-			div{
-    			width: 50%;
-    			height: 20em;
-    			background-color: rgb(245,245,245);
-    			display: block;
-    			margin: 0 auto;
-    			border-radius: 0.3em;
+			h1 {
+				font-size: 4em;
+				font-weight: lighter;
 			}
 
+			h2 {
+			    font-size: 2em;
+				font-weight: lighter;
+			}
 		</style>
 	</head>
 
 	<body>
-
-			<h1>Accessing Forbidden Content</h1>
-            <h2>Sorry, the content you are trying to access is forbidden.</h2>
-
+		<div>
+			<h1>Accesing Forbidden Content</h1>
+	        <h2>Sorry, the content you are trying to access is forbidden.</h2>
+		</div>
 	</body>
-
 </html>
diff --git a/error/404.html b/error/404.html
@@ -1,47 +1,56 @@
 <!DOCTYPE html>
 <!--Aegis Framework | MIT License | http://www.aegisframework.com/ -->
 <html lang="en">
-
 	<head>
-
-		<title>Page not Found</title>
-
+		<title>Page Not Found</title>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<style>
-		    body{
+			html {
+				width: 100%;
+				height: 100%;
+			}
+
+		    body {
+				width: 100%;
+				height: 100%;
     		    text-align: center;
-    		    color: rgb(84,84,84);
-    		    font-family: sans-serif;
-    		    width: 50%;
-    		    margin: 0 auto;
+    		    color: rgb(84, 84, 84);
+				font-family: -apple-system, BlinkMacSystemFont,
+					"Segoe UI", "Roboto", "Oxygen",
+					"Ubuntu", "Cantarell", "Open Sans", "Fira Sans",
+					"Droid Sans", "Helvetica Neue", sans-serif;
+				margin: 0;
 		    }
-			h1{
-				font-size: 4em;
 
-			}
-			h2{
-			    font-size: 2em;
+			body > div {
+			   margin: 0 auto;
+			   top: 50%;
+			   left: 50%;
+			   -webkit-transform: translate(-50%, -50%);
+			   -moz-transform: translate(-50%, -50%);
+			   -o-transform: translate(-50%, -50%);
+			   -ms-transform: translate(-50%, -50%);
+			   position: absolute;
+			   max-height: 100%;
 			}
 
-			div{
-    			width: 50%;
-    			height: 20em;
-    			background-color: rgb(245,245,245);
-    			display: block;
-    			margin: 0 auto;
-    			border-radius: 0.3em;
+			h1 {
+				font-size: 4em;
+				font-weight: lighter;
 			}
 
+			h2 {
+			    font-size: 2em;
+				font-weight: lighter;
+			}
 		</style>
 	</head>
 
 	<body>
-
-			<h1>Page not Found</h1>
-            <h2>Sorry, the page you are trying to access does not exist.</h2>
-
+		<div>
+			<h1>Page Not Found</h1>
+	        <h2>Sorry, the page you are trying to access does not exist.</h2>
+		</div>
 	</body>
-
 </html>