dragongoose/exozyme-errors
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add 404 and 50x

Browse source
This commit is contained in:
dragongoose 2024-01-27 21:25:40 -05:00
parent c608c5862c
commit 189f431e0e
No known key found for this signature in database
GPG key ID: 01397EEC371CDAA5
4 changed files with 160 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
404/index.css Normal file
View file

@ -0,0 +1,57 @@
html,body {
height: 100%;
}
body {
margin: 0;
font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace;
}
.main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.error-text-container {
margin-bottom: 4rem;
}
.error-text {
font-size: 2rem;
margin: 0;
text-align: center;
}
.logo-container {
display: flex;
align-items: center;
text-decoration: none;
color: black;
}
.logo-container > * + *{
display: inline-flex;
text-align: center;
margin-left: 1rem;
}
.logo {
width: 7rem;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
background-color: #111111;
color: #cccccc;
}
.logo-container {
color: #cccccc;
}
}

23
404/index.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Not found</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="main">
<div class="error-text-container">
<h1 class="error-text">Uhh.. We're kinda lost</h1>
<h2 class="error-text">404 - Not found</h2>
</div>
<a href="https://exozy.me" class="logo-container">
<img src="https://exozy.me/img/logo.svg" alt="The exozyme logo" class="logo">
<h1>exozyme</h1>
</a>
</div>
</body>
</html>

57
50x/index.css Normal file
View file

@ -0,0 +1,57 @@
html,body {
height: 100%;
}
body {
margin: 0;
font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace;
}
.main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.error-text-container {
margin-bottom: 4rem;
}
.error-text {
font-size: 2rem;
margin: 0;
text-align: center;
}
.logo-container {
display: flex;
align-items: center;
text-decoration: none;
color: black;
}
.logo-container > * + *{
display: inline-flex;
text-align: center;
margin-left: 1rem;
}
.logo {
width: 7rem;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
background-color: #111111;
color: #cccccc;
}
.logo-container {
color: #cccccc;
}
}

23
50x/index.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Not found</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="main">
<div class="error-text-container">
<h1 class="error-text">Something went wrong!</h1>
<h2 class="error-text">This service may be down :(</h2>
</div>
<a href="https://exozy.me" class="logo-container">
<img src="https://exozy.me/img/logo.svg" alt="The exozyme logo" class="logo">
<h1>exozyme</h1>
</a>
</div>
</body>
</html>