1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 7 <!-- Prevents Gadget UI frames from navigating away from their srcdoc. DO NOT REMOVE. --> 8 <meta http-equiv="Content-Security-Policy" content="frame-src srcdoc:;"> 9 10 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 11 <title>Megabyte OS</title> 12 13 <!-- Inline boot loader (WS-11): a full-screen black screen with a tasteful cyan 14 pulse, painted INSTANTLY before the React bundle loads. No JS/bundle dependency â 15 pure HTML + inline CSS in the shell. `main.tsx` adds `.boot--leaving` on mount, 16 which cross-fades it out (opacity transition) into the homepage component, then 17 removes the node. prefers-reduced-motion: no spin, just the static brand mark 18 and a quick fade. --> 19 <style> 20 #boot-loader { 21 position: fixed; 22 inset: 0; 23 z-index: 2147483647; 24 display: flex; 25 align-items: center; 26 justify-content: center; 27 background: #060610; 28 opacity: 1; 29 transition: opacity 500ms cubic-bezier(0.22, 1, 0.36, 1); 30 } 31 #boot-loader.boot--leaving { 32 opacity: 0; 33 pointer-events: none; 34 } 35 #boot-loader .boot-mark { 36 position: relative; 37 width: 56px; 38 height: 56px; 39 } 40 /* Brand monogram â the same square-M glyph as the landing header. */ 41 #boot-loader .boot-mark svg { 42 position: absolute; 43 inset: 0; 44 width: 100%; 45 height: 100%; 46 filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.45)); 47 } 48 /* Cyan pulse ring behind the mark. */ 49 #boot-loader .boot-ring { 50 position: absolute; 51 inset: -18px; 52 border-radius: 9999px; 53 border: 2px solid rgba(0, 229, 255, 0.35); 54 animation: boot-pulse 1.4s ease-in-out infinite; 55 } 56 @keyframes boot-pulse { 57 0% { 58 transform: scale(0.85); 59 opacity: 0.9; 60 } 61 70% { 62 transform: scale(1.25); 63 opacity: 0; 64 } 65 100% { 66 transform: scale(1.25); 67 opacity: 0; 68 } 69 } 70 @media (prefers-reduced-motion: reduce) { 71 #boot-loader .boot-ring { 72 animation: none; 73 opacity: 0.35; 74 transform: none; 75 } 76 #boot-loader { 77 transition: opacity 180ms linear; 78 } 79 } 80 </style> 81
81<script type="module" crossorigin src="/assets/index-BASTMk4U.js"></script>
81 82 <link rel="stylesheet" crossorigin href="/assets/index-DB04GeA4.css"> 83 </head> 84 <body><a href="https://megabyte.space/cdn-cgi/content?id=SgmTE2bubRrH0KrDpn7xrGkKDCfgvk_Xvm5twAU4Gro-1791074488.2051904-1.2.1.1-oskSIjAJb5tz4YKQb4MXluB1gXxEqlKQDJLcFjcGbVAmpdv58FQ.gArB7Pp3H5p6" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a> 85 <div id="boot-loader" role="status" aria-label="Loading Megabyte OS"> 86 <div class="boot-mark"> 87 <span class="boot-ring" aria-hidden="true"></span> 88 <svg viewBox="0 0 32 32" aria-hidden="true"> 89 <rect x="1" y="1" width="30" height="30" rx="7" fill="none" stroke="#00E5FF" stroke-width="2" /> 90 <path d="M8 22V10l8 7 8-7v12" fill="none" stroke="#00E5FF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" /> 91 </svg> 92 </div> 93 </div> 94 <div id="root"></div> 95
95<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a450241f4872549d',t:'MTc5MTA3NDQ4OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
95<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a9a06f29cd1347d5a93fc181dd2533c0","spa":2}' crossorigin="anonymous"></script>
95 96</body> 97</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.