index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<style>
	body {margin: 0; background: #111;}
	.bg {display: flex; justify-content: center; flex-direction: column; position: fixed; width: 100%; height: 100%; background-image: url("media/clouds-m.png"); background-size: cover; background-position: center center; background-attachment: fixed; image-rendering: crisp-edges; image-rendering: pixelated;}
	.logo {flex-direction: row; justify-content: flex-start;}
	img {height: 32px; margin-left: 10vw; display: block;}
</style>
<script>setTimeout(function(){var e=new Image;e.onload=function(){document.querySelector(".bg").style.backgroundImage="url("+e.src+")"},e.src="/media/clouds.png"},50);</script>
<title>[coming soon] &mdash; DistressNetwork° </title>
</head>

<body>
<div class="bg">
<div class="logo">
<img src="media/logo.svg" alt="DistressNetwork°">
</div>
</div>
</body>
</html>