HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block nav_title %}{{ error }}{% endblock %}
4
{% block title %}{{ error_code }} {{ error }} | {{ site_name }}{% endblock %}
5
{% block extra_head %}
7
<style>
8
body::before {
9
width: 100%;
10
height: 100%;
11
position: fixed;
12
z-index: -1;
13
content: "";
14
filter: saturate(0.875) brightness(0.875);
15
background:
16
radial-gradient(circle, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75)),
17
url("/raw/picture/{{ random_picture.id }}") center / cover no-repeat,
18
#000000;
19
}
20
main {
21
height: 100%;
22
width: 100%;
23
display: flex;
24
flex-grow: 1;
25
flex-direction: column;
26
justify-content: center;
27
align-items: center;
28
color: #ffffff;
29
--color-background-text: #ffffff;
30
--text-soft: #ffffffe0;
31
--text-faint: #ffffffc0;
32
--text-softer: #ffffff80;
33
--text-softest: #ffffff50;
34
--color-link-text: #ffffff;
35
--color-link-hover-text: #ffffff;
36
--color-link-visited-text: #ffffff;
37
--color-link-active-text: #ffffff;
38
--color-link-visited-hover-text: #ffffff;
39
text-align: center;
40
}
41
#error-code {
42
font-size: 1.25em;
43
font-weight: bold;
44
text-transform: uppercase;
45
color: var(--color-accent-3);
46
width: fit-content;
47
margin: 1rem;
48
text-shadow: 0 1px 4px #00000080, 0 0 1px #00000080, 0 0 2px #00000040;
49
}
50
</style>
51
{% endblock %}
52
{% block content %}
54
<h1>{{ error }}</h1>
55
{% block error_content %}
56
{% endblock %}
57
<p id="error-code">
58
HTTP error {{ error_code }}
59
</p>
60
<p>
61
If you came here from the API, <a href="/help">RTFM</a> :)
62
</p>
63
<p>
64
If you believe this is our fault, please <a href="{{ config.CONTACT_LINK }}">contact us</a>.
65
</p>
66
{% endblock %}