jsx
Version:
a faster, safer, easier JavaScript
121 lines (104 loc) • 4.26 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSX - Statically-typed, object-oritented programming lauguage</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex,nofollow">
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/favicon.ico">
<!-- CodeMirror2 settings -->
<link href="assets/css/codemirror.css" rel="stylesheet">
<script src="assets/js/codemirror.js"></script>
<link href="assets/css/show-hint.css" rel="stylesheet">
<script src="assets/js/show-hint.js"></script>
<script src="assets/js/mode/javascript.js"></script>
<script src="assets/js/mode/clike.js"></script>
<script src="assets/js/mode/jsx.js"></script>
<!-- JSX compiler and web interface -->
<script src="build/playground.jsx.js"></script>
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
#source-list {
max-height: 340px;
overflow-y: scroll;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">JSX</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="">Try</a></li>
<li><a href="source-map/">Debug with SourceMap</a></li>
<li><a href="example/">Web Application Examples</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div>
<a class="btn btn-primary" id="run" href="#">run(^R)</a>
<a class="btn btn-primary" id="compile" href="#">Compile(^C)</a>
<a class="btn btn-primary" id="ast" href="#">AST</a>
<label class="radio inline"><input type="radio" value="0" id="non-optimizations" name="optimization-level" checked="checked" />non optimizations</label>
<label class="radio inline"><input type="radio" value="1" id="simple-optimizations" name="optimization-level" />JSX optimizations</label>
<label class="radio inline"><input type="radio" value="2" id="advanced-optimizations" name="optimization-level" />JSX optimizations + Minification</label>
</div>
<div class="row-fluid">
<div class="span2" id="source-list">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<!-- source-list -->
<li class="nav-header">Examples</li>
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<!-- /source-list -->
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="row">
<div class="span6">
<textarea data-path="input" id="input">// write source code here</textarea>
</div>
<div class="span3">
<textarea id="output"></textarea>
</div>
</div><!--/span-->
</div><!--/row-->
</div><!--/.fluid-container-->
<hr />
<div class="container-fluid">
<p>
This is the JSX playground, where JSX compiler works on browsers.
</p>
<p>
Thanks to <a href="http://codemirror.net/">CodeMirror</a> for the web editor, and to <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> for the styles.
</p>
</div>
</body>
</html>
<!-- vim: set expandtab tabstop=2 shiftwidth=2: -->