Added Error Redirects and .htaccess file

.htaccess

@@ -0,0 +1,13 @@
+# error redirect
+ErrorDocument 400 https://jpmorganchase.github.io/error/400.htm
+ErrorDocument 401 https://jpmorganchase.github.io/error/401.htm
+ErrorDocument 403 https://jpmorganchase.github.io/error/403.htm
+ErrorDocument 404 https://jpmorganchase.github.io/error/404.htm
+ErrorDocument 500 https://jpmorganchase.github.io/error/500.htm
+ErrorDocument 503 https://jpmorganchase.github.io/error/503.htm
+Options -Indexes
+RewriteEngine On 
+RewriteCond %{HTTPS} off 
+RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
+
+

Gemfile.lock

@@ -193,14 +193,14 @@ GEM
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9.7)
     mercenary (0.3.6)
-    mini_portile2 (2.5.0)
+    mini_portile2 (2.8.0)
     minima (2.1.1)
       jekyll (~> 3.3)
     minitest (5.10.3)
     multipart-post (2.0.0)
     net-dns (0.8.0)
-    nokogiri (1.11.1)
-      mini_portile2 (~> 2.5.0)
+    nokogiri (1.13.6)
+      mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
     octicons (5.0.5)
       nokogiri (>= 1.6.3.1)
@@ -209,7 +209,7 @@ GEM
     pathutil (0.16.1)
       forwardable-extended (~> 2.6)
     public_suffix (2.0.5)
-    racc (1.5.2)
+    racc (1.6.0)
     rb-fsevent (0.10.2)
     rb-inotify (0.9.10)
       ffi (>= 0.5.0, < 2)

error/400.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>400</h1>
+
+  <p><strong>Bad Request</strong></p>
+  <p>How weird ! The website you requested couldn't understand the request sent by you.</p>
+</div>

error/401.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>401</h1>
+
+  <p><strong>Authentication Required</strong></p>
+  <p>The requested page cannot be accessed without proper authentication.</p>
+</div>

error/403.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>403</h1>
+
+  <p><strong>Forbidden</strong></p>
+  <p>The website's configuration prevents you from accessing this page.</p>
+</div>

error/404.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found</strong></p>
+  <p>The requested page could not be found.</p>
+</div>

error/500.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>500</h1>
+
+  <p><strong>Internal Server Error</strong></p>
+  <p>Something broke when loading the page requested by you.</p>
+</div>

error/503.html

@@ -0,0 +1,25 @@
+---
+layout: post
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+    color: #ea761f !important;
+  }
+</style>
+
+<div class="container">
+  <h1>503</h1>
+
+  <p><strong>Service Unavailable</strong></p>
+  <p>Server is temporarily unavailable, Kindly check back in some time !</p>
+</div>