error-pages/cats/418.html
2022-03-23 20:27:55 +00:00

61 lines
1.6 KiB
HTML

<!DOCTYPE html>
<!--
Error 418: I'm a teapot
Description: Attempt to brew coffee with a teapot is not supported
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow"/>
<title>I'm a teapot</title>
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
height: 100vh;
align-items: center;
display: flex;
justify-content: center
}
.centered img {
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/418.jpg" alt="I'm a teapot">
</div>
</div>
<script>
if (navigator.language.substring(0, 2).toLowerCase() !== 'en') {
((s, p) => { // localize the page (details here - https://github.com/tarampampam/error-pages/tree/master/l10n)
s.src = 'https://cdn.jsdelivr.net/gh/tarampampam/error-pages@2/l10n/l10n.min.js'; // '../l10n/l10n.js';
s.async = s.defer = true;
s.addEventListener('load', () => p.removeChild(s));
p.appendChild(s);
})(document.createElement('script'), document.body);
}
</script>
</body>
<!--
Error 418: I'm a teapot
Description: Attempt to brew coffee with a teapot is not supported
-->
</html>