shashanthk · February 25, 2025 17:33
diff --git a/generate_error_files.sh b/generate_error_files.sh
 #!/bin/bash

 # HTTP standard error code and its message
 declare -A http_status_list=(
    [400]="Bad Request"
    [401]="Unauthorized"
    [402]="Payment Required"
    [403]="Forbidden"
    [404]="Not Found"
    [405]="Method Not Allowed"
    [406]="Not Acceptable"
    [407]="Proxy Authentication Required"
    [408]="Request Timeout"
    [409]="Conflict"
    [410]="Gone"
    [411]="Length Required"
    [412]="Precondition Failed"
    [413]="Payload Too Large"
    [414]="URI Too Long"
    [415]="Unsupported Media Type"
    [416]="Range Not Satisfiable"
    [417]="Expectation Failed"
    [418]="I'm a teapot"
    [421]="Misdirected Request"
    [422]="Unprocessable Entity"
    [423]="Locked"
    [424]="Failed Dependency"
    [425]="Too Early"
    [426]="Upgrade Required"
    [428]="Precondition Required"
    [429]="Too Many Requests"
    [431]="Request Header Fields Too Large"
    [451]="Unavailable For Legal Reasons"
    [500]="Internal Server Error"
    [501]="Not Implemented"
    [502]="Bad Gateway"
    [503]="Service Unavailable"
    [504]="Gateway Timeout"
    [505]="HTTP Version Not Supported"
    [506]="Variant Also Negotiates"
    [507]="Insufficient Storage"
    [508]="Loop Detected"
    [510]="Not Extended"
    [511]="Network Authentication Required"
 )

 # HTML template
 html_template='
 <!DOCTYPE html>
 <html lang="en">

 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>STATUS_CODE | STATUS_MESSAGE</title>
    <link rel="stylesheet" href="style.css">
 </head>

 <body>
    <h1 id="error-message">STATUS_CODE | STATUS_MESSAGE</h1>
 </body>

 </html>'

 # create a dirctory to keep generated files
 mkdir -p error_pages

 # loop through the array and create HTML files for each status code
 for code in "${!http_status_list[@]}"; do
    message=${http_status_list[$code]}
    html_content=${html_template//STATUS_CODE/$code}
    html_content=${html_content//STATUS_MESSAGE/$message}
    echo "$html_content" > "error_pages/$code.html"
 done

 echo "HTML files for HTTP error status codes have been generated in the 'error_pages' directory."
diff --git a/style.css b/style.css
 body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f8f9fa;
    font-family: Arial, sans-serif;
 }

 #error-message {
    font-size: 24px;
    color: #343a40;
    font-weight: bold;
 }
	#!/bin/bash

	# HTTP standard error code and its message
	declare -A http_status_list=(
	[400]="Bad Request"
	[401]="Unauthorized"
	[402]="Payment Required"
	[403]="Forbidden"
	[404]="Not Found"
	[405]="Method Not Allowed"
	[406]="Not Acceptable"
	[407]="Proxy Authentication Required"
	[408]="Request Timeout"
	[409]="Conflict"
	[410]="Gone"
	[411]="Length Required"
	[412]="Precondition Failed"
	[413]="Payload Too Large"
	[414]="URI Too Long"
	[415]="Unsupported Media Type"
	[416]="Range Not Satisfiable"
	[417]="Expectation Failed"
	[418]="I'm a teapot"
	[421]="Misdirected Request"
	[422]="Unprocessable Entity"
	[423]="Locked"
	[424]="Failed Dependency"
	[425]="Too Early"
	[426]="Upgrade Required"
	[428]="Precondition Required"
	[429]="Too Many Requests"
	[431]="Request Header Fields Too Large"
	[451]="Unavailable For Legal Reasons"
	[500]="Internal Server Error"
	[501]="Not Implemented"
	[502]="Bad Gateway"
	[503]="Service Unavailable"
	[504]="Gateway Timeout"
	[505]="HTTP Version Not Supported"
	[506]="Variant Also Negotiates"
	[507]="Insufficient Storage"
	[508]="Loop Detected"
	[510]="Not Extended"
	[511]="Network Authentication Required"
	)

	# HTML template
	html_template='
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>STATUS_CODE \| STATUS_MESSAGE</title>
	<link rel="stylesheet" href="style.css">
	</head>

	<body>
	<h1 id="error-message">STATUS_CODE \| STATUS_MESSAGE</h1>
	</body>

	</html>'

	# create a dirctory to keep generated files
	mkdir -p error_pages

	# loop through the array and create HTML files for each status code
	for code in "${!http_status_list[@]}"; do
	message=${http_status_list[$code]}
	html_content=${html_template//STATUS_CODE/$code}
	html_content=${html_content//STATUS_MESSAGE/$message}
	echo "$html_content" > "error_pages/$code.html"
	done

	echo "HTML files for HTTP error status codes have been generated in the 'error_pages' directory."
	body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	background-color: #f8f9fa;
	font-family: Arial, sans-serif;
	}

	#error-message {
	font-size: 24px;
	color: #343a40;
	font-weight: bold;
	}