<!DOCTYPE html>
<head>
    <link rel="icon" href="/res/img/favi.svg">

    <meta charset="utf-8" />
    <meta name="viewport content" content="width=device-width, initial-scale=1">
    <meta name="description" content="NeoScratchTree" />

    <meta property="og:title" content="NeoScratchTree" />
    <meta property="og:description" content="A better remix tree viewer for Scratch" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/app.css" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap" rel="stylesheet">
</head>

<body>
    <div id='ui-wrap'>
        <div>
            WASD to pan or move tree (+ Q to speed up) <br/>
            <a href='https://codeberg.org/onezDerv'>Developed by onez</a>
        </div>
    
        <div id='ui-right'>
            Input a project ID or URL
            <form method="GET">
                <input type='text' name='id'>
            </form>
        </div>
    </div> 

    <div id='area-out'>
        <svg id='area-main2'>
            <g id='area-main'>

            </g>
        </svg>
    </div>
    
    <script src='js/app.js'></script>
    <script src='js/tree.js'></script>
    <script src='js/motion.js'></script> 
</body>