Sebastian Kippe
af0717a65b
The data URI declares an SVG source, but this was actually a PNG. Hence the failure in Chrome. This change turns it into an actual inline SVG and uses UTF8 encoding instead of base64, because SVG is just text anyway. fixes #61
41 lines
2.2 KiB
HTML
41 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Down for maintenance</title>
|
|
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
|
|
<style type="text/css">
|
|
* { margin: 0; padding: 0; }
|
|
html, body { height: 100%; }
|
|
body { display: -webkit-flex; display: flex; align-items: center; background: #232323; font-family: monospace; font-size: 16px; color: #ccc; text-align: center; text-rendering: optimizelegibility; }
|
|
main { display: block; margin: 2rem auto; padding-bottom: 4rem; width: 500px; max-width: 80%; }
|
|
h1 { font-size: 2rem; font-weight: 500; margin-bottom: 2rem; }
|
|
p#logo { margin-bottom: 3rem; }
|
|
p#logo img { width: 6rem; height: 6rem; }
|
|
p { line-height: 1.4em; margin-bottom: 1rem; }
|
|
p:last-of-type { margin-bottom: 0; }
|
|
nav { display: block; padding-top: 3rem; font-size: 14px; }
|
|
nav ul { display: inline; }
|
|
nav ul li { display: inline; margin: 0 0.5rem; }
|
|
nav a { color: #888; text-decoration: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<p id="logo">
|
|
<img alt="Kosmos" src='data:image/svg+xml;utf8,<svg width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" stroke-width=".65365"/></g></svg>'>
|
|
</p>
|
|
<h1>Back soon</h1>
|
|
<p>
|
|
This website is currently down for maintenance.
|
|
</p>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="https://kosmos.org">kosmos.org</a></li>
|
|
<li><a href="xmpp://kosmos@kosmos.chat?join">XMPP chatroom</a></li>
|
|
<li><a href="https://kosmos.social/@ops">Fediverse</a></li>
|
|
</ul>
|
|
</nav>
|
|
</main>
|
|
</body>
|
|
</html>
|