IDeletedSystem64
/
system64.dev
1
0
Fork 0
Code Issues 4 Pull Requests Releases 2 Activity

Give the error pages some TLC and a new background

This commit is contained in:
Sophie Marie 2024-05-29 15:59:53 -05:00
parent 55d77a6f0b
commit 06bd674971
No known key found for this signature in database
GPG Key ID: 9E5F95F02AC2ED58
9 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
err/400.html
View File

@ -1,13 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon/fail_glitch.webp">
<title>System64.dev - 400 Bad Request</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical error icon">
<h1>400 - Bad Request</h1>
<p>Your request cannot be processed at this time.</p>
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>

9
err/403.html
View File

@ -1,13 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
<title>System64.dev - 403 Forbidden</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
<h1>403 - Access Forbidden.</h1>
<p>You do not have permission to access this page.</p>
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">

9
err/404.html
View File

@ -1,13 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
<title>System64.dev - 404 Not Found</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<img src="/img/error_glitch.webp" alt="Glitched looking Warning icon">
<img src="../img/err_icon/error_glitch.webp" alt="Glitched looking Warning icon">
<h1>404 - Not Found</h1>
<p>Great and Powerful unicorns behind curtains! That page couldn't be found on the server!</p>
<p class="tiny">Expecting something here? It may have been moved or is simply missing.</p>

14
err/429.html
View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
<title>System64.dev - 429 Ratelimited</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<div>
<img src="/img/error_glitch.webp" alt="Glitched looking Warning icon">
<h1>429 - Too many requests</h1>
<p>Chill down there pardner! You're being ratelimited!</p>
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
<h1>429 - Too Many Requests</h1>
<p>Woah there now, pardner! Chill down, ratelimited.</p>
<p class="tiny">Ratelimits don't last very long, Check back later.</p>
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">

15
err/500.html
View File

@ -1,19 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />
<meta content="oopsie poopsie, that's an error!" property="og:description" />
<meta content="https://system64.dev" property="og:url" />
<meta content="https://system64.dev/img/fail_glitch.webp" property="og:image" />
<meta content="#f00202" data-react-helmet="true" name="theme-color" />
<title>System64.dev - 500 Internal Server Error</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
<h1>500 - Internal Server Error </h1>
<p>An internal server error or misconfiguration occurred.</p>
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>

18
err/502.html
View File

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
</head>
<head>
<title>System64.dev - 502 Bad Gateway</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<div>
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<h1>502 - Bad Gateway</h1>
<p>The server sent an invalid response.</p>
<img src="../img/err_icon/fail_glitch.webp" alt="Glitched looking critical icon">
<h1>500 - Bad Gateway</h1>
<p>The server sent an unexpected response.</p>
<p class="tiny">This error has been logged, If this keeps happening contact <a href="mailto:ideleted@system64.dev">the webmaster.</a></p>
<input type="button" onclick="location.href='https://system64.dev'";" value="Go home">

9
err/503.html
View File

@ -1,13 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/err/styles.css">
<link rel="icon" type="image/x-icon" href="https://img.system64.dev/web/err_icon">
<title>System64.dev - Service Unavailable</title>
<link rel="stylesheet" type="text/css" href="../styles/err_style.css">
<link rel="stylesheet" type="text/css" href="../styles/button_style.css">
<link rel="icon" type="image/x-icon" href="../img/favicon/err_favicon.png">
</head>
<body>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<img src="/img/err_icon/error_glitch.webp" alt="Glitched looking Warning icon">
<h1>503 - Service Unavailable</h1>
<p>The server is not ready to process this request at this time.</p>
<p class="tiny">The server may be down for maintenance, or is currently overloaded. Nonetheless, This error has been recorded.</p>

BIN
img/bg/bg_bw.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB

2
styles/err_style.css
View File

@ -2,7 +2,7 @@
/* decoration */
body {
background-image: url("/img/bg_avif.avif");
background-image: url("../img/bg/bg_bw.jpg");
}
/* positioning and sizing */