IDeletedSystem64/system64.dev
1
0
Fork 0
Code Issues4 Pull requests Releases2 Activity

Make error pages use Flexbox, use new stylesheet location.

Browse source
This commit is contained in:
Sophie Marie 2023-06-06 17:05:09 -05:00
parent b45406fd97
commit 5c18ad0931
Signed by: IDeletedSystem64
GPG key ID: F5D997A1BEF778ED
7 changed files with 84 additions and 40 deletions

18
err/400.html
View file

@ -1,12 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<h1>400 - Bad Request</h1>
<p>Your request cannot be processed at this time.</p>

18
err/403.html
View file

@ -1,12 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<h1>403 - Access Forbidden.</h1>
<p>You do not have permission to access this page.</p>

18
err/404.html
View file

@ -1,12 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div>
<div class="container">
<img src="/img/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>

17
err/429.html
View file

@ -1,11 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div class="container">
<div>
<img src="/img/error_glitch.webp" alt="Glitched looking Warning icon">
<h1>429 - Too many requests</h1>

18
err/500.html
View file

@ -1,12 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div>
<div class="container">
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<h1>500 - Internal Server Error </h1>
<p>An internal server error or misconfiguration occurred.</p>

17
err/502.html
View file

@ -1,11 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div class="container">
<div>
<img src="/img/fail_glitch.webp" alt="Glitched looking Warning icon">
<h1>502 - Bad Gateway</h1>

18
err/503.html
View file

@ -1,12 +1,18 @@
<!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="/err/img/favicon.png">
</head>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.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" />
</head>
<body>
<div>
<div class="container">
<img src="/img/fail_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>