8bitworkshop/viz.html

82 lines
2.0 KiB
HTML

<html>
<head>
<title>8bitworkshop ~ Z80 Compiler Visualization</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/ui.css">
<style type="text/css" media="screen">
div.CodeMirror {
line-height:1.25;
font-size:12pt;
border: 1px solid #eee;
height: 600pt;
}
#preset_select {
color: #000;
}
</style>
<script src="jquery/jquery-2.2.3.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap-darkly.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="codemirror/lib/codemirror.js"></script>
<script src="codemirror/mode/clike/clike.js"></script>
<script src="codemirror/mode/6502/6502.js"></script>
<script src="codemirror/mode/z80/z80.js"></script>
<link rel="stylesheet" href="css/codemirror.css">
<script src="codemirror/addon/edit/matchbrackets.js"></script>
<script src="codemirror/addon/selection/active-line.js"></script>
</head>
<div class="container-fluid">
<div class="page-header">
<p class="lead">
Edit a C source file, and see the Z80 assembly output update in real-time.
</p>
<h6>Powered by <a target="_new" href="https://twitter.com/8bitworkshop">@8bitworkshop</a> and the
<a href="http://sdcc.sourceforge.net/">Small Device C Compiler</a>.</h6>
<select id="preset_select" name="">
</select>
</div>
<div class="row">
<div class="col-md-6">
<div id="editor" class="editor2">
</div>
</div>
<div class="col-md-6">
<div id="disassembly">
</div>
</div>
</div>
</div>
<script>
Javatari = {};
PLATFORMS = {};
</script>
<script src="src/cpu/z80.js"></script>
<script src="src/util.js"></script>
<script src="src/emu.js"></script>
<script src="src/ui.js"></script>
<script src="src/platform/base_z80.js"></script>
<script>
platform_id = 'base_z80';
startPlatform();
$('#disassembly').show();
</script>
</body>
</html>