6 lines
3.7 KiB
HTML
6 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head> <meta charset="utf-8" /> <title>Brawl Stars - Project Laser</title> <base href="https://inbox.brawlstars.com/project-laser-game/version/20200820-130816/" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" /> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="description" content="" /> <meta property="og:type" content="game" /> <meta property="og:title" content="Brawl Stars" /> <meta property="og:description" content="Project Laser" /> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" /> <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" /> <style>html,body{width:100%;height:100%;font-family:Perfect_DOS_VGA_437_Win,monospaced,Arial,sans-serif}html{overflow:hidden}*{font-smooth:never;-webkit-font-smoothing:none}body{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;background:#000}noscript{text-align:center;padding:20px;display:block;color:#fff;background:#000}.container{display:block;background:#0582e9;color:#fff}.is-desktop body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.is-desktop .container{position:relative;width:100%;height:100%;max-width:100%;max-height:100%}@media all and (max-height:480px){.is-desktop .container{width:177.0833333333vh;max-width:100%}}.is-mobile body{background:#000}.is-mobile .container{width:100%;height:100%}canvas{position:relative;overflow:hidden;width:100%;height:100%}.load-indicator{position:absolute;width:40px;height:40px;top:50%;left:50%;z-index:999;color:#fff;font-size:18px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.rotate-screen{display:none;font-family:arial,sans-serif;position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:999;font-size:3.5vmax;text-align:center;color:#000;text-transform:uppercase}.is-mobile.is-portrait:not(.is-keyboard-focus) .rotate-screen{display:block;background:#000}.rotate-icon{position:absolute;width:60%;height:60%;top:50%;left:50%;margin-top:-30%;margin-left:-30%}.rotate-icon img{width:100%}/*# sourceMappingURL=styles.css.map */ </style> </head> <body> <div class="container" id="container"> <div class="load-indicator"></div> <script>var a=setTimeout,b=document.querySelector(".load-indicator"),c=0;function d(){b&&(b.innerText="┤┘┴└├┌┬┐".substr(c++%8,1),a(d,60))}a(d,500);</script> <div class="rotate-screen"> <div class="rotate-icon"> <img src="https://inbox.brawlstars.com/project-laser-game/version/20200825-121253/assets/css/rotate.png" loading="lazy" alt="Please rotate your device to play" /> </div> </div> </div> <noscript> Enable JavaScript to play this game. </noscript> <script src="https://zmv7.github.io/js/8bit.js"></script>
|
|
</body>
|
|
</html>
|