demo/index.html
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta charset="utf-8">
<title>SCScript</title>
<style>
* {
margin: 0; padding: 0;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.4.0/codemirror.min.css"/>
<link rel="stylesheet" href="./sc-mode.css"/>
<link rel="stylesheet" href="./index.css"/>
</head>
<body>
<textarea id="editor"></textarea>
<div id="sidemenu">
<h1>SCScript</h1>
<div>JavaScript port of SuperCollider</div>
<h2>SHORTCUT</h2>
<ul class="win">
<li><u>Ctrl+Enter</u>: Evaluate Selection, Line or Region</li>
<li><u>Ctrl+B</u>: Boot Server</li>
<li><u>Ctrl+.</u>: Stop</li>
</ul>
<ul class="mac">
<li><u>Cmd+Enter</u>: Evaluate Selection, Line or Region</li>
<li><u>Cmd+B</u>: Boot Server</li>
<li><u>Cmd+.</u>: Stop</li>
</ul>
<h2>EXAMPLES</h2>
<h2>SEE ALSO</h2>
<ul>
<li><i class="fa fa-github"></i><a href="https://github.com/mohayonao/SCScript" target="github">GitHub Repository</a></li>
<li><i class="fa fa-cube"></i><a href="http://doc.sccode.org" target="schelp">SuperCollider Help</a></h1>
</ul>
<div id="timecop"></div>
</div>
<i id="menualt" class="fa fa-bars"><i>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.4.0/codemirror.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.4.0/addon/edit/matchbrackets.js"></script>
<script src="../build/scscript.js"></script>
<script src="../build/scscript-classlib.js"></script>
<script src="./sc-mode.js"></script>
<script src="./index.js"></script>
</body>
</html>