|
|
|
|
@ -8,7 +8,16 @@
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container">
|
|
|
|
|
<div id="target"></div>
|
|
|
|
|
<div id="target">
|
|
|
|
|
<noscript>
|
|
|
|
|
<p>
|
|
|
|
|
This page requires javascript, unfortunately
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
(noscript fallback coming soon)
|
|
|
|
|
</p>
|
|
|
|
|
</noscript>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<style>
|
|
|
|
|
html, body {
|
|
|
|
|
@ -89,5 +98,25 @@
|
|
|
|
|
window.addEventListener('resize', scale);
|
|
|
|
|
scale();
|
|
|
|
|
</script>
|
|
|
|
|
<noscript>
|
|
|
|
|
<style>
|
|
|
|
|
p {
|
|
|
|
|
width: 600px;
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#target {
|
|
|
|
|
white-space: initial;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#target::after {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</noscript>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
