forked from mirrors/pronouns.cc
feat: add custom error page + link to status page
This commit is contained in:
parent
9a70245c2d
commit
b7e0286cc7
3 changed files with 108 additions and 0 deletions
73
frontend/src/error.html
Normal file
73
frontend/src/error.html
Normal file
|
@ -0,0 +1,73 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Internal error occurred</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-family: sans-serif;
|
||||||
|
margin: 40px auto;
|
||||||
|
max-width: 650px;
|
||||||
|
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #212529;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link,
|
||||||
|
a:visited {
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
color: rgba(33, 37, 41, 0.75);
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #212529;
|
||||||
|
color: #adb5bd;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link,
|
||||||
|
a:visited {
|
||||||
|
color: #6ea8fe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
color: rgba(173, 181, 189, 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<p class="logo">
|
||||||
|
<img src="/logo.svg" alt="pronouns.cc logo" width="50%" />
|
||||||
|
</p>
|
||||||
|
<h1>Internal error occurred</h1>
|
||||||
|
<p>An internal error has occurred. Don't worry, it's (probably) not your fault.</p>
|
||||||
|
<p>
|
||||||
|
If this is the first time this is happening, try reloading the page. Otherwise, check the
|
||||||
|
<a href="https://status.pronouns.cc/" target="_blank">status page</a> for updates.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p class="info">
|
||||||
|
<strong>Status:</strong> %sveltekit.status%<br />
|
||||||
|
<strong>Error message:</strong> %sveltekit.error.message%
|
||||||
|
</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -53,6 +53,7 @@
|
||||||
>{data.git_commit}</a
|
>{data.git_commit}</a
|
||||||
>)
|
>)
|
||||||
{/if} ·
|
{/if} ·
|
||||||
|
<a href="https://status.pronouns.cc/" target="_blank">Status</a> ·
|
||||||
<a href="/page/about">About & contact</a> ·
|
<a href="/page/about">About & contact</a> ·
|
||||||
<a href="/page/changelog">Changelog</a> ·
|
<a href="/page/changelog">Changelog</a> ·
|
||||||
<Icon name="cash" aria-hidden />
|
<Icon name="cash" aria-hidden />
|
||||||
|
|
34
frontend/static/logo.svg
Normal file
34
frontend/static/logo.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 7.9 KiB |
Loading…
Reference in a new issue