500-Lines-or-Less/1 - Blockcode/index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>Ch 1. Blockcode</title>
    <link rel="stylesheet" href="resources/css/base.css">
</head>
<body>
    <div id="header" class="flex-parent">
        <div class="flex-child">
            <h1>Block Code</h1>
        </div>
    </div>

    <div class="flex-parent">
        <div class="flex-child">
            <h2 style="text-align: center">Menu</h2>
            <div id="menu" class="border">
            </div>
        </div>
        <div class="flex-child">
            <h2 style="text-align: center">
                Script:
                <button id="clearBttn">Clear</button>
                <button id="saveBttn">Save</button>
                <button id="loadBttn">Load</button>
                <button id="runBttn">Run</button>
            </h2>
            <div id="script" class="border">
            </div>
        </div>
        <div class="flex-child">
            <h2 style="text-align: center">Examples:</h2>
            <div id="render" class="border">
                <canvas id="canvas" width="500" height="500"></canvas>
            </div>
        </div>
    </div>

    <script src="resources/js/elements.js" charset="utf-8"></script>
    <script src="resources/js/globals.js" charset="utf-8"></script>
    <script src="resources/js/ui.js" charset="utf-8"></script>
    <script src="resources/js/canvas-controller.js" charset="utf-8"></script>
    <script src="resources/js/script-runner.js" charset="utf-8"></script>
    <script src="resources/js/events.js" charset="utf-8"></script>
</body>
</html>