<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bitbop.studio</title>
<link rel="stylesheet" href="style.css">
<script src="JS-Interpreter/acorn.js"></script>
<script src="JS-Interpreter/interpreter.js"></script>
<script src="ace-builds/src/ace.js"></script>
<script src="ace-builds/src/mode-javascript.js"></script>
<script src="ace-builds/src/theme-monokai.js"></script>
<script src="third_party/pizzicato/distr/Pizzicato.min.js"></script>
<script src="music.js"></script>
<script src="app.js"></script>
</head>
<body>
<div id="top-bar">
<button id="play">▶</button>
<button>⏸</button>
<button>⏭</button>
<button>⏹</button>
</div>
<div id="main-container">
<div id="editor-pane">
</div>
<div id="ui-pane">
<div id="inputs-panel">
<!-- Inputs laid out in a VB6-like grid -->
<div class="input-group">
<label>Slider A</label>
<input type="range" min="0" max="100" />
</div>
<div class="input-group">
<label>Button B</label>
<button>Click</button>
</div>
<!-- Add more inputs here -->
</div>
<div id="graphics-panel">
<canvas id="turtle-canvas" width="400" height="300"></canvas>
</div>
</div>
</div>
</body>
</html>