traxxx/assets/maintenance/index.html

54 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="theme-color" content="#ff2288">
<title>traxxx | maintenance</title>
<link rel="icon" href="/img/favicon/favicon-32.ico">
<link rel="icon" href="/img/favicon/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/img/favicon/favicon-180.png">
<link rel="manifest" href="/img/favicon/manifest.webmanifest">
<meta name="msapplication-TileColor" content="#aa2c66">
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
<style>
body,
html {
width: 100%;
height: 100%;
margin: 0;
}
body {
display: flex;
align-items: center;
justify-content: center;
font-family: sans-serif;
background: url('/maintenance/maintenance_ella_reese.jpeg');
background-position: top center;
background-size: cover
}
.text {
padding: 2rem;
margin: 1rem;
color: white;
text-align: center;
text-shadow: 0 0 5px black;
font-size: 1.5rem;
font-weight: bold;
border-radius: 2rem;
backdrop-filter: blur(.5rem);
}
</style>
</head>
<body>
<div class="text">Traxxx is currently under maintenance. We will be back shortly!</div>
</body>
</html>