xiongzhu
/
parsec-keyboard


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!doctype html>
<html lang='en-us'>

<head>
    <meta charset='utf-8' />
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
    <link rel="stylesheet" href="/lib/simple-keyboard-3.7.2.css" />
    <link rel="stylesheet" href="/lib/keyboard.css" />
    <script src="lib/eruda.js"></script>
    <script>
        eruda.init(); 
    </script>
    <script src='lib/matoya.js'></script>
    <script src='lib/weblib.js'></script>
    <script src='lib/parsec.js'></script>
</head>

<body>
    <script>
        (async function () {
            const wasm = 'parsecd';
            const userEnv = PARSEC_ENV;

            const html = document.querySelector('html');
            html.style.width = '100%';
            html.style.height = '100%';
            html.style.margin = 0;

            const body = document.querySelector('body');
            body.style.width = '100%';
            body.style.height = '100%';
            body.style.background = 'black';
            body.style.overflow = 'hidden';
            body.style.margin = 0;

            if (!await MTY_Start(wasm, body, userEnv)) {
                body.style.fontFamily = 'sans-serif';
                body.style.fontSize = '30px';
                body.style.background = 'black';
                body.style.color = 'white';
                body.style.textAlign = 'center';
                body.style.padding = '10% 30px 0 30px';

                document.body.innerHTML =
                    '<div>Your browser does not support the Parsec web app. The web app requires WebGL and WebAssembly 64-bit support.</div>' +
                    '<div style="margin-top:30px">Check the <a href="https://parsec.app/downloads">Downloads</a> page for our native app.</div>';
            }

            window.history.replaceState(null, document.title, '/');
        })();

        console.log('%cSTOP! ✋ This area is intended for developers. Pasting something here could give strangers access to your Parsec account.', 'font-size: 18px; font-weight: 700;');
    </script>
    <div class="virtual-keyboard-window">
        <div class="window-top">Virtual Keyboard
            <button class="btn-close">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
                    <path
                        d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z"
                        fill="currentColor"></path>
                </svg>
            </button>
        </div>
        <div class="window-content">
            <div class="simple-keyboard"></div>
        </div>
    </div>
    <div class="keyboard-toggle">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
            <g fill="none">
                <path
                    d="M19.745 5a2.25 2.25 0 0 1 2.25 2.25v9.505a2.25 2.25 0 0 1-2.25 2.25H4.25A2.25 2.25 0 0 1 2 16.755V7.25A2.25 2.25 0 0 1 4.25 5h15.495zm-2.495 9.5H6.75l-.102.007a.75.75 0 0 0 0 1.486L6.75 16h10.5l.102-.007a.75.75 0 0 0 0-1.486l-.102-.007zM16.5 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-2.995 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zM6 8a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm2.995 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2z"
                    fill="currentColor"></path>
            </g>
        </svg>
    </div>
    <div class="logs-toggle">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
            <g fill="none">
                <path
                    d="M13.75 2a2.25 2.25 0 0 1 2.245 2.096L16 4.25c0-.085-.005-.168-.014-.25h1.764A2.25 2.25 0 0 1 20 6.25v13.5A2.25 2.25 0 0 1 17.75 22H6.25A2.25 2.25 0 0 1 4 19.75V6.25A2.25 2.25 0 0 1 6.25 4h1.764c-.007.058-.01.117-.013.176L8 4.25A2.25 2.25 0 0 1 10.25 2h3.5zm0 4.5h-3.5a2.248 2.248 0 0 1-1.892-1.033l.021.033H6.25a.75.75 0 0 0-.75.75v13.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75V6.25a.75.75 0 0 0-.75-.75h-2.129l.021-.033A2.248 2.248 0 0 1 13.75 6.5zm0-3h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5zM8 14.5h4a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0 0 1.5zm0-4h8A.75.75 0 0 0 16 9H8a.75.75 0 0 0 0 1.5zm0 8h6a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0 0 1.5z"
                    fill="currentColor"></path>
            </g>
        </svg>
    </div>
    <script src="/lib/jquery-3.7.0.min.js"></script>
    <script src="/lib/jquery-ui.min.js"></script>
    <script src="/lib/jquery.ui.touch-punch.min.js"></script>
    <script src="/lib/simple-keyboard-3.7.2.js"></script>
    <script src="/lib/keycode.js"></script>
    <script src="/lib/keyboard.js"></script>
    <div class="logs-window">
        <pre class="logs"></pre>
    </div>
</body>

</html>