CINXE.COM
Precip
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Precip</title> <base href="/" /> <meta name="color-scheme" content="light" /> <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="manifest" href="/manifest.json" /> <link rel="shortcut icon" type="image/png" href="/favicon.png" /> <!-- add to homescreen for ios --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-title" content="Precip" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <style> /* Hard-code the background color to prevent flash of white in dark mode. We can't use --background-primary here because it'll always be white in dark mode until javascript sets the data-theme attribute on the body element. NOTE: Try to keep these colors matching the colors in semantic.css. */ body { background-color: var(--utility-white, white) !important; } @media (prefers-color-scheme: dark) { body { background-color: var(--utility-black, black) !important; } } </style> <!-- paste this BEFORE any scripts --> <!-- <script crossorigin="anonymous" src="https://unpkg.com/react-scan/dist/auto.global.js" /> --> <script type="module" crossorigin src="/assets/index-q4fDSRqK.js"></script> <link rel="stylesheet" crossorigin href="/assets/index-CiHGhTUZ.css"> <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script> <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script> </head> <body> <!-- <div id="fps" style="background-color:white;position:fixed;top:0;left:0;z-index:1000;"></div> <script> // The higher this value, the less the fps will reflect temporary variations. A value of 1 will only keep the last value var filterStrength = 20; var frameTime = 0, lastLoop = new Date, thisLoop; function gameLoop(){ var thisFrameTime = (thisLoop=new Date) - lastLoop; frameTime+= (thisFrameTime - frameTime) / filterStrength; lastLoop = thisLoop; } // Report the fps only every second, to only lightly affect measurements var fpsOut = document.getElementById('fps'); setInterval(function(){ fpsOut.innerHTML = (1000/frameTime).toFixed(1) + " fps"; },1000); gameloopId = setInterval(gameLoop, 10); </script> --> <div id="root"></div> <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script> <script nomodule crossorigin id="vite-legacy-polyfill" src="/assets/polyfills-legacy-w3rxl5na.js"></script> <script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy-DxNPIzU0.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script> </body> </html>