Fix error page not rendering & make it more beautiful

This commit is contained in:
Moritz Marquardt 2021-03-17 01:16:57 +01:00
parent 241f7a57ec
commit cdd6727049
No known key found for this signature in database
GPG key ID: D5788327BEE388B6
3 changed files with 25 additions and 14 deletions

View file

@ -3,16 +3,16 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Not found</title>
<title>%status</title>
<link rel="stylesheet" href="https://design.codeberg.org/design-kit/codeberg.css" />
<link rel="stylesheet" href="https://design.codeberg-test.org/design-kit/codeberg.css" />
<link href="https://fonts.codeberg.org/dist/inter/Inter%20Web/inter.css" rel="stylesheet" />
<link href="https://fonts.codeberg.org/dist/fontawesome5/css/all.min.css" rel="stylesheet" />
<style>
body {
margin: 0; padding: 1rem; box-sizing: border-box;
width: 100%; min-height: 100vw;
width: 100%; min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
@ -21,12 +21,16 @@
</style>
</head>
<body>
<i class="fa fa-bug" style="font-size: 96px"></i>
<h1>You found a bug!</h1>
<h3>Sorry, this page doesn't exist or is otherwise inaccessible (code %status)</h3>
<small>
<img src="https://design.codeberg.org/logo-kit/icon.svg">
Website powered by <a href="https://codeberg.page">Codeberg Pages</a>
<i class="fa fa-bug text-primary" style="font-size: 96px;"></i>
<h1 class="mb-0 text-primary">
You found a bug!
</h1>
<h5 class="text-center" style="max-width: 25em;">
Sorry, this page doesn't exist or is inaccessible for other reasons (%status)
</h5>
<small class="text-muted">
<img src="https://design.codeberg-test.org/logo-kit/icon.svg" class="align-top">
Static pages made easy - <a href="https://codeberg.page">Codeberg Pages</a>
</small>
</body>
</html>