html part of skulpt script

gistfile1.html

<div class="wrapper">
	<div class="main">
		<section id="page1">
			<div class="page-container">
				<div class="page-header">
					<h2>Title</h2>
				</div>
				<div class="jumbotron">
					<pre id="editor" style="margin:auto; width:840px; height:480px; border:1px solid #999; text-align:left;" contenteditable="true">print "Hello world!"</pre>
				</div>
			</div>
		</section>
	</div>
	</div>
	
	<div class="modal fade" id="output-div" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title" id="myModalLabel">Output</h4>
			</div>
			<div class="modal-body">
				<pre id="output" style="margin:auto; width:100%; height:480px; border:1px solid #999; text-align:left;"></pre>
				<canvas id="canvas"></canvas>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>

<script src="../jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>

<script src="../lib/skulpt/skulpt.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/skulpt/skulpt-stdlib.js" type="text/javascript" charset="utf-8"></script>