├── .github
    └── workflows
    │   └── pages.yml
├── .gitignore
├── README.md
├── base.html
├── generate-pages.js
├── http
    ├── 102.html
    ├── 200.html
    ├── 203.html
    ├── 204.html
    ├── 206.html
    ├── 301.html
    ├── 302.html
    ├── 307.html
    ├── 308.html
    ├── 400.html
    ├── 402.html
    ├── 404.html
    ├── 405.html
    ├── 406.html
    ├── 408.html
    ├── 410.html
    ├── 413.html
    ├── 414.html
    ├── 423.html
    ├── 429.html
    ├── 500.html
    ├── 502.html
    ├── 503.html
    ├── 504.html
    ├── 522.html
    └── 525.html
├── http_codes.json
└── images
    ├── 404.png
    ├── 406.png
    └── banner.png


/.github/workflows/pages.yml:
--------------------------------------------------------------------------------
 1 | # Simple workflow for deploying static content to GitHub Pages
 2 | name: Deploy static content to Pages
 3 | 
 4 | on:
 5 |   # Runs on pushes targeting the default branch
 6 |   push:
 7 |     branches: ["master"]
 8 | 
 9 |   # Allows you to run this workflow manually from the Actions tab
10 |   workflow_dispatch:
11 | 
12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
13 | permissions:
14 |   contents: read
15 |   pages: write
16 |   id-token: write
17 | 
18 | # Allow one concurrent deployment
19 | concurrency:
20 |   group: "pages"
21 |   cancel-in-progress: true
22 | 
23 | jobs:
24 |   # Single deploy job since we're just deploying
25 |   deploy:
26 |     environment:
27 |       name: github-pages
28 |       url: ${{ steps.deployment.outputs.page_url }}
29 |     runs-on: ubuntu-latest
30 |     steps:
31 |       - name: Checkout
32 |         uses: actions/checkout@v3
33 |       - name: Setup Pages
34 |         uses: actions/configure-pages@v2
35 |       - name: Upload artifact
36 |         uses: actions/upload-pages-artifact@v1
37 |         with:
38 |           # Upload entire repository
39 |           path: '.'
40 |       - name: Deploy to GitHub Pages
41 |         id: deployment
42 |         uses: actions/deploy-pages@v1
43 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | README.html


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center" id="Template">
 2 |     <!-- Text only -->
 3 |     <!-- Template -->
 4 |     <!-- or, Image logo -->
 5 |     <img src="images/banner.png" alt="Template" width="500"/>
 6 | </h1>
 7 | 
 8 | <!-- Tag line -->
 9 | <h3 align="center">HTTP Error Pages But With Anime Images</h3>
10 | 
11 | <!-- Badges -->
12 | <p align="center">
13 |     <a href="http://discord.com/users/674660356819517440" target="_blank">
14 |         <img src="https://img.shields.io/badge/Discord-Werewolf%232427-lightblue.svg?style=flat-square" alt="Discord"/>
15 |     </a>
16 | </p>
17 | 
18 | ----
19 | 
20 | <!-- Content -->
21 | ## What is this?
22 | 
23 | You may have come across some pages that says "404 Not Found". Well, that is a HTTP code which means the server has failed to get the requested file/page. There are other types of error codes which have their own meanings. This repo containes most of the Error Code's paegs but with Anime Pictures. Most of them are animated.
24 | 
25 | <!-- Contributing -->
26 | ## Contributing
27 | 
28 | You can also contribute to this project!
29 | If i missed any HTTP code, Feel free to open an issue with a suitable image for the code and I will add that to the list.
30 | 
31 | Please make sure to follow the existing standards within the project such as code styles, naming conventions and commenting/documentation.
32 | 
33 | When you are ready, simply create a pull request for your contribution and I will review it whenever I can!
34 | 
35 | #
36 | ## Examples :
37 | 
38 | >#### Error Page for 404
39 | ![404](images/404.png)
40 | >#### Error Page for 406
41 | ![404](images/406.png)
42 | 
43 | 
44 | Read Me Template Based on https://github.com/MattIPv4/template


--------------------------------------------------------------------------------
/base.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>{CODE} {NAME}</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="{LINK}" alt="">
43 |     </div>
44 |     <h1>{CODE}</h1>
45 |     <h2>{NAME}</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/generate-pages.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs');
 2 | const template = fs.readFileSync('./base.html', 'utf8')
 3 | 
 4 | let data = require('./http_codes.json').status_codes
 5 | 
 6 | let codes = Object.keys(data)
 7 | 
 8 | for (var i in codes) {
 9 |     let code = codes[i]
10 |     let name = data[codes[i]].name
11 |     let url = data[codes[i]].image
12 | 
13 |     let new_file = template.replace(/{CODE}/g, code).replace(/{NAME}/g, name).replace(/{LINK}/g, url)
14 | 
15 |     fs.writeFileSync(`./http/${code}.html`, new_file)
16 | }


--------------------------------------------------------------------------------
/http/102.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>102 Processing</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://pa1.narvii.com/6377/8fd54f5a87043cc3f9192d0d05e579506b2e4223_hq.gif" alt="">
43 |     </div>
44 |     <h1>102</h1>
45 |     <h2>Processing</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/200.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>200 Ok</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i.pinimg.com/originals/4d/f5/f3/4df5f321255c7ebef4dc574bdf3018b0.jpg" alt="">
43 |     </div>
44 |     <h1>200</h1>
45 |     <h2>Ok</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/203.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>203 Non-Authorative Information</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="http://pm1.narvii.com/6291/40c2d61f7440a1dbb21d45f36571ceedf0899edf_00.jpg" alt="">
43 |     </div>
44 |     <h1>203</h1>
45 |     <h2>Non-Authorative Information</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/204.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>204 No Content</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i.pinimg.com/originals/9f/13/e3/9f13e3e67e7382a2c9f8db02180d2b61.jpg" alt="">
43 |     </div>
44 |     <h1>204</h1>
45 |     <h2>No Content</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/206.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>206 Partial Content</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/pHht4Q82LscAAAAC/cake-food.gif" alt="">
43 |     </div>
44 |     <h1>206</h1>
45 |     <h2>Partial Content</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/301.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>301 Moved Permanently</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://allanimemag.files.wordpress.com/2020/12/heavens-lost-property-packing-boxes-screenshot-1.png" alt="">
43 |     </div>
44 |     <h1>301</h1>
45 |     <h2>Moved Permanently</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/302.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>302 Found</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i.kym-cdn.com/photos/images/newsfeed/000/730/678/bee.gif" alt="">
43 |     </div>
44 |     <h1>302</h1>
45 |     <h2>Found</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/307.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>307 Temporary Redirection</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://media3.giphy.com/media/XaAUgxOriqslHO69U2/giphy.gif" alt="">
43 |     </div>
44 |     <h1>307</h1>
45 |     <h2>Temporary Redirection</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/308.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>308 Permanent Redirection</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://media3.giphy.com/media/XaAUgxOriqslHO69U2/giphy.gif" alt="">
43 |     </div>
44 |     <h1>308</h1>
45 |     <h2>Permanent Redirection</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/400.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>400 Bad Request</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/brI34ue84U0AAAAC/anime-smug-smug.gif" alt="">
43 |     </div>
44 |     <h1>400</h1>
45 |     <h2>Bad Request</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/402.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>402 Unauthorized</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://pbs.twimg.com/media/EoGryrMXEAAC74v.jpg" alt="">
43 |     </div>
44 |     <h1>402</h1>
45 |     <h2>Unauthorized</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/404.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>404 Not Found</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/1RyM7ikzraIAAAAM/anime-what.gif" alt="">
43 |     </div>
44 |     <h1>404</h1>
45 |     <h2>Not Found</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/405.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>405 Method Not Allowed</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i.gifer.com/8KWv.gif" alt="">
43 |     </div>
44 |     <h1>405</h1>
45 |     <h2>Method Not Allowed</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/406.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>406 Not Acceptable</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/lPVf0QcafhEAAAAC/stop-right-there-buster-nope.gif" alt="">
43 |     </div>
44 |     <h1>406</h1>
45 |     <h2>Not Acceptable</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/408.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>408 Request Timeout</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://64.media.tumblr.com/39d0f2988bf37dbcbe15e3296cd899b6/d305745d447129dc-5b/s1280x1920/2c5c923836ee66c526a1e9e8c7501cdaf2448657.gif" alt="">
43 |     </div>
44 |     <h1>408</h1>
45 |     <h2>Request Timeout</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/410.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>410 Gone</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://media.tenor.com/1PdUCJWK6LUAAAAC/anime-disappear.gif" alt="">
43 |     </div>
44 |     <h1>410</h1>
45 |     <h2>Gone</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/413.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>413 Payload Too Large</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://cdn.shopify.com/s/files/1/0318/2649/files/tenor_ef8ea3ac-40cd-42b8-9afd-5ea82e47d745_large.gif?v=1563938313" alt="">
43 |     </div>
44 |     <h1>413</h1>
45 |     <h2>Payload Too Large</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/414.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>414 Request URI Too Large</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://64.media.tumblr.com/175ac9a42e8122b3d113cb6b175c35a5/tumblr_o47ouv5DoS1s0ifhgo1_500.gif" alt="">
43 |     </div>
44 |     <h1>414</h1>
45 |     <h2>Request URI Too Large</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/423.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>423 Locked</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/NbBCakbfZnkAAAAC/die-kill.gif" alt="">
43 |     </div>
44 |     <h1>423</h1>
45 |     <h2>Locked</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/429.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>429 Too Many Requests</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i.kym-cdn.com/photos/images/original/001/291/790/051.gif" alt="">
43 |     </div>
44 |     <h1>429</h1>
45 |     <h2>Too Many Requests</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/500.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>500 Internal Server Error</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/YhvPxE804eEAAAAC/anime-de-panico.gif" alt="">
43 |     </div>
44 |     <h1>500</h1>
45 |     <h2>Internal Server Error</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/502.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>502 Bad Gateway</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/9Ql_VyYvMZkAAAAC/anime-sleeping.gif" alt="">
43 |     </div>
44 |     <h1>502</h1>
45 |     <h2>Bad Gateway</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/503.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>503 Service Unavailable</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://i0.wp.com/www.live-evil.org/wp-content/uploads/2022/06/sleepy.gif" alt="">
43 |     </div>
44 |     <h1>503</h1>
45 |     <h2>Service Unavailable</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/504.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>504 Gateway Timeout</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/ULY2-MRkG7IAAAAC/load-loading-gif.gif" alt="">
43 |     </div>
44 |     <h1>504</h1>
45 |     <h2>Gateway Timeout</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/522.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>522 Connection Timed Out</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/MYFSAXUCXt4AAAAC/kronii-loading.gif" alt="">
43 |     </div>
44 |     <h1>522</h1>
45 |     <h2>Connection Timed Out</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http/525.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>525 SSL Handshake Failed</title>
 8 |     <style>
 9 |         body {
10 |             background: #222222;
11 |             display: flex;
12 |             justify-content: center;
13 |             align-items: center;
14 |             flex-direction: column;
15 |             font-family: 'Trebuchet MS', sans-serif;
16 |             padding: 10% 10% 10% 10%;
17 |         }
18 | 
19 |         #image {
20 |             width: inherit;
21 |             border: 3px solid white;
22 |         }
23 | 
24 |         .box {
25 |             width: 240px;
26 |             float: left;
27 |             margin: 3px;
28 |             padding: 3px;
29 |         }
30 | 
31 |         h2, h1 {
32 |             font-weight: bolder;
33 |             color: white;
34 |             margin-block-start: 0.12em;
35 |             margin-block-end: 0em;
36 |         }
37 |         
38 |     </style>
39 | </head>
40 | <body>
41 |     <div class="box">
42 |         <img id="image" src="https://c.tenor.com/4yWFhsgqzfEAAAAC/anime-handshake.gif" alt="">
43 |     </div>
44 |     <h1>525</h1>
45 |     <h2>SSL Handshake Failed</h2>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/http_codes.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "status_codes": {
  3 |         "404": {
  4 |             "name": "Not Found",
  5 |             "image": "https://c.tenor.com/1RyM7ikzraIAAAAM/anime-what.gif"
  6 |         },
  7 |         "200": {
  8 |             "name": "Ok",
  9 |             "image": "https://i.pinimg.com/originals/4d/f5/f3/4df5f321255c7ebef4dc574bdf3018b0.jpg"
 10 |         },
 11 |         "102": {
 12 |             "name": "Processing",
 13 |             "image": "https://pa1.narvii.com/6377/8fd54f5a87043cc3f9192d0d05e579506b2e4223_hq.gif"
 14 |         },
 15 |         "204": {
 16 |             "name": "No Content",
 17 |             "image": "https://i.pinimg.com/originals/9f/13/e3/9f13e3e67e7382a2c9f8db02180d2b61.jpg"
 18 |         },
 19 |         "301": {
 20 |             "name": "Moved Permanently",
 21 |             "image": "https://allanimemag.files.wordpress.com/2020/12/heavens-lost-property-packing-boxes-screenshot-1.png"
 22 |         },
 23 |         "206": {
 24 |             "name": "Partial Content",
 25 |             "image": "https://c.tenor.com/pHht4Q82LscAAAAC/cake-food.gif"
 26 |         },
 27 |         "203": {
 28 |             "name": "Non-Authorative Information",
 29 |             "image": "http://pm1.narvii.com/6291/40c2d61f7440a1dbb21d45f36571ceedf0899edf_00.jpg"
 30 |         },
 31 |         "302": {
 32 |             "name": "Found",
 33 |             "image": "https://i.kym-cdn.com/photos/images/newsfeed/000/730/678/bee.gif"
 34 |         },
 35 |         "308": {
 36 |             "name": "Permanent Redirection",
 37 |             "image": "https://media3.giphy.com/media/XaAUgxOriqslHO69U2/giphy.gif"
 38 |         },
 39 |         "307": {
 40 |             "name": "Temporary Redirection",
 41 |             "image": "https://media3.giphy.com/media/XaAUgxOriqslHO69U2/giphy.gif"
 42 |         },
 43 |         "400": {
 44 |             "name": "Bad Request",
 45 |             "image": "https://c.tenor.com/brI34ue84U0AAAAC/anime-smug-smug.gif"
 46 |         },
 47 |         "402": {
 48 |             "name": "Unauthorized",
 49 |             "image": "https://pbs.twimg.com/media/EoGryrMXEAAC74v.jpg"
 50 |         },
 51 |         "405": {
 52 |             "name": "Method Not Allowed",
 53 |             "image": "https://i.gifer.com/8KWv.gif"
 54 |         },
 55 |         "406": {
 56 |             "name": "Not Acceptable",
 57 |             "image": "https://c.tenor.com/lPVf0QcafhEAAAAC/stop-right-there-buster-nope.gif"
 58 |         },
 59 |         "408": {
 60 |             "name": "Request Timeout",
 61 |             "image": "https://64.media.tumblr.com/39d0f2988bf37dbcbe15e3296cd899b6/d305745d447129dc-5b/s1280x1920/2c5c923836ee66c526a1e9e8c7501cdaf2448657.gif"
 62 |         },
 63 |         "410": {
 64 |             "name": "Gone",
 65 |             "image": "https://media.tenor.com/1PdUCJWK6LUAAAAC/anime-disappear.gif"
 66 |         },
 67 |         "413": {
 68 |             "name": "Payload Too Large",
 69 |             "image": "https://cdn.shopify.com/s/files/1/0318/2649/files/tenor_ef8ea3ac-40cd-42b8-9afd-5ea82e47d745_large.gif?v=1563938313"
 70 |         },
 71 |         "414": {
 72 |             "name": "Request URI Too Large",
 73 |             "image": "https://64.media.tumblr.com/175ac9a42e8122b3d113cb6b175c35a5/tumblr_o47ouv5DoS1s0ifhgo1_500.gif"
 74 |         },
 75 |         "423": {
 76 |             "name": "Locked",
 77 |             "image": "https://c.tenor.com/NbBCakbfZnkAAAAC/die-kill.gif"
 78 |         },
 79 |         "429": {
 80 |             "name": "Too Many Requests",
 81 |             "image": "https://i.kym-cdn.com/photos/images/original/001/291/790/051.gif"
 82 |         },
 83 |         "500": {
 84 |             "name": "Internal Server Error",
 85 |             "image": "https://c.tenor.com/YhvPxE804eEAAAAC/anime-de-panico.gif"
 86 |         },
 87 |         "502": {
 88 |             "name": "Bad Gateway",
 89 |             "image": "https://c.tenor.com/9Ql_VyYvMZkAAAAC/anime-sleeping.gif"
 90 |         },
 91 |         "503": {
 92 |             "name": "Service Unavailable",
 93 |             "image": "https://i0.wp.com/www.live-evil.org/wp-content/uploads/2022/06/sleepy.gif"
 94 |         },
 95 |         "504": {
 96 |             "name": "Gateway Timeout",
 97 |             "image": "https://c.tenor.com/ULY2-MRkG7IAAAAC/load-loading-gif.gif"
 98 |         },
 99 |         "522": {
100 |             "name": "Connection Timed Out",
101 |             "image": "https://c.tenor.com/MYFSAXUCXt4AAAAC/kronii-loading.gif"
102 |         },
103 |         "525": {
104 |             "name": "SSL Handshake Failed",
105 |             "image": "https://c.tenor.com/4yWFhsgqzfEAAAAC/anime-handshake.gif"
106 |         }
107 |     }
108 | }


--------------------------------------------------------------------------------
/images/404.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iroot3/Anime-HTTP-Codes/09d92d61ad4ac5b6138b4c80d8b696b4c839e2a6/images/404.png


--------------------------------------------------------------------------------
/images/406.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iroot3/Anime-HTTP-Codes/09d92d61ad4ac5b6138b4c80d8b696b4c839e2a6/images/406.png


--------------------------------------------------------------------------------
/images/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iroot3/Anime-HTTP-Codes/09d92d61ad4ac5b6138b4c80d8b696b4c839e2a6/images/banner.png


--------------------------------------------------------------------------------