shortOLang.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Short O | Woodpage</title>
    <link rel="stylesheet" href="css/GENERAL.css">
    <link rel="stylesheet" href="css/interpreter.css">
    <link rel="icon" href="IMG/Favicon.png" type="image/x-icon">
    <script src="js/shortOLang.js" type="module" defer></script>
    <script src="js/GENERAL.js" type="module" defer></script>
</head>
<body>
    <h1>Short O</h1>

    <form id="form">
        <div class="textarea">
            <label for="input">Code:</label><br>
            <textarea class="focusable" name="input" id="input" draggable="false"></textarea>
        </div>

        <div id="buttons">
            <button type="button" id="run">Run</button>
            <button type="button" id="clear">Clear Console</button>

            <div id="file-upload">
                <p>Upload Code</p>
                <input type="file" id="code-file" accept=".sho">
            </div>
        </div>

        <div class="textarea">
            <label for="output">Console:</label><br>
            <textarea class="focusable" name="output" id="output" readonly draggable="false"></textarea>
        </div>
    </form>

    <div id="info">
        <a href="https://esolangs.org/wiki/ShortO">ShortO entry in Esolang Wiki</a>
    </div>

</body>
</html>