LiveAtlas/public/index.html
2020-12-01 23:20:48 +00:00

101 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<meta name="keywords" content="minecraft, map, dynamic" />
<meta name="description" content="Minecraft Dynamic Map" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="icon" href="images/dynmap.ico" type="image/ico" />
<style>
html, body {
background-color: #121212;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#splash {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: 0.3s opacity linear;
z-index: 10000;
background-color: #121212;
}
#splash svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="splash">
<svg viewBox="0 0 300.000000 300.000000" fill="#cccccc" width="200" height="200">
<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M1541 2839 c-91 -28 -162 -103 -182 -195 -7 -30 -16 -54 -22 -54 -5
0 -55 12 -110 27 l-102 26 -320 -133 c-176 -73 -332 -139 -347 -146 -18 -9
-31 -27 -38 -52 -6 -20 -87 -469 -181 -996 -159 -901 -168 -960 -154 -983 23
-34 54 -43 91 -28 17 7 214 119 437 249 223 130 411 236 418 236 7 0 245 -92
530 -205 286 -113 525 -205 532 -205 14 0 730 260 785 285 18 8 37 27 43 41 8
22 -25 194 -171 898 -99 479 -185 886 -191 904 -12 36 -35 52 -76 52 -15 0
-149 -29 -296 -64 -230 -55 -273 -63 -305 -54 -52 14 -54 19 -37 67 56 159
-49 320 -217 335 -29 3 -68 1 -87 -5z m145 -173 c38 -38 44 -77 19 -126 -17
-32 -61 -60 -95 -60 -53 0 -110 57 -110 110 0 29 26 76 52 94 12 9 40 16 61
16 31 0 46 -7 73 -34z m-422 -205 c39 -11 89 -25 112 -30 34 -9 53 -25 105
-88 44 -55 67 -92 76 -127 13 -51 25 -66 55 -66 22 0 48 38 48 70 0 31 55 110
76 110 8 0 44 -7 79 -16 48 -12 65 -21 65 -34 0 -9 34 -387 75 -840 41 -453
75 -838 75 -855 l0 -32 -476 188 c-262 103 -477 189 -479 191 -2 3 101 1540
104 1546 2 4 16 2 85 -17z m-195 -53 c0 -82 -95 -1477 -100 -1482 -14 -12
-720 -418 -723 -415 -4 4 199 1158 207 1182 1 5 14 -8 28 -29 15 -22 54 -73
88 -114 33 -41 61 -85 61 -97 0 -46 18 -73 49 -73 35 0 47 13 55 66 6 31 25
62 77 125 111 133 141 209 120 302 -37 163 -213 245 -365 169 -31 -16 -56 -26
-56 -22 0 21 40 223 45 228 9 9 488 210 503 211 8 1 12 -15 11 -51z m1371 -5
c0 -5 74 -365 165 -802 91 -436 165 -801 165 -810 0 -12 -75 -44 -307 -129
-170 -62 -313 -112 -318 -112 -11 0 -172 1736 -162 1746 5 5 414 108 450 113
4 0 7 -2 7 -6z m-1677 -513 c21 -23 27 -40 27 -74 0 -85 -82 -131 -160 -91
-37 19 -50 43 -50 93 0 101 116 146 183 72z"></path>
<path d="M2252 1514 c-94 -47 -148 -137 -139 -233 7 -80 34 -134 117 -235 49
-60 76 -103 82 -130 11 -50 24 -66 53 -66 29 0 42 16 51 65 5 28 27 65 77 125
139 169 161 288 74 402 -72 95 -207 126 -315 72z m151 -123 c110 -42 85 -211
-31 -211 -66 0 -111 42 -112 103 0 49 13 73 53 97 36 22 54 24 90 11z"></path>
</g>
</svg>
</div>
<div id="mcmap" class="dynmap"></div>
<script src="standalone/config.js"></script>
<script>
const splash = document.getElementById('splash');
window.hideSplash = function() {
requestAnimationFrame(function() {
splash.style.opacity = 0;
});
};
splash.addEventListener('transitionend', function() {
splash.hidden = true;
});
</script>
<!-- built files will be auto injected -->
</body>
</html>