CINXE.COM
Loading...
<!doctype html><html lang="en"><head><base href="/"/><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Loading...</title><style>a { cursor: pointer; } body { margin: 0; } .load { display: none; justify-content: center; align-items: center; height: 100vh; background-color: white; } .load.dark-loader { display: flex; background-color: #1f2936; margin: 0; } .load div { width: 20px; height: 20px; background-color: #3E63DD; border-radius: 50%; margin: 0 5px; animation-name: up-and-down; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; } .load .two { animation-delay: 0.3s; } .load .three { animation-delay: 0.6s; } @keyframes up-and-down { to { opacity: 0.2; transform: translateY(-20px); } } /* roboto-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('/assets/fonts/roboto-v30-latin/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/assets/fonts/roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/assets/fonts/roboto-v30-latin/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/assets/fonts/roboto-v30-latin/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* source-code-pro-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: url('/assets/fonts/source-code-pro-v22-latin/source-code-pro-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }</style><link rel="icon" href="assets/images/logo.svg" sizes="any" type="image/svg+xml"/><script src="assets/libs/pyodide-0.23.2/pyodide.js"></script><link rel="icon" href="logo.svg?a755f6126015307b2527"><script defer="defer" src="runtime.js?a755f6126015307b2527"></script><script defer="defer" src="vendor.js?a755f6126015307b2527"></script><script defer="defer" src="main.js?a755f6126015307b2527"></script></head><body><div id="app"><div style="width: 100%"><div id="app-loader" class="load"><div class="one"></div><div class="two"></div><div class="three"></div></div></div></div></body><script>if (typeof localStorage !== 'undefined') { const darkModeEnabled = localStorage.getItem('darkMode') === 'true'; const loaderElement = document.getElementById('app-loader'); if (darkModeEnabled) { loaderElement.classList.add('dark-loader'); } else { loaderElement.style.display = 'flex'; } }</script></html>