|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<title>GCC Explorer</title>
|
|
|
<link href="ext/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
|
<link href="ext/codemirror/codemirror.css" rel="stylesheet">
|
|
|
<link href="gcc.css" rel="stylesheet">
|
|
|
<script src="ext/codemirror/codemirror.js"></script>
|
|
|
<script src="ext/codemirror/clike.js"></script>
|
|
|
<script src="asm.js"></script>
|
|
|
<script src="asm-mode.js"></script>
|
|
|
<script src="ext/jquery/jquery-1.7.1.min.js"></script>
|
|
|
<script src="compiler.js"></script>
|
|
|
<script src="gcc.js"></script>
|
|
|
<script src="ext/bootstrap/js/bootstrap.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
var _gaq = _gaq || [];
|
|
|
_gaq.push(['_setAccount', 'UA-55180-6']);
|
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
|
|
(function() {
|
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
|
})();
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
(function() {
|
|
|
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
|
|
|
po.src = 'https://apis.google.com/js/plusone.js';
|
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
|
|
|
})();
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="navbar navbar-fixed-top">
|
|
|
<div class="navbar-inner">
|
|
|
<div class="container-fluid">
|
|
|
<a class="brand" href="#">Interactive compiler</a>
|
|
|
<ul class="nav pull-right">
|
|
|
<li class="dropdown">
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Share<b class="caret"></b></a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li class="social"><g:plusone annotation="inline" width="150"></g:plusone></li>
|
|
|
<li class="social"><a href="https://twitter.com/share" class="twitter-share-button" data-via="mattgodbolt">Tweet</a>
|
|
|
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="dropdown">
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="https://plus.google.com/112384289668860490877" rel="publisher">Google+ page</a></li>
|
|
|
<li><a href="https://plus.google.com/105166465490735292917" rel=author">About Matt</a></li>
|
|
|
<li><a href="mailto:matt@godbolt.org">Contact Matt</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<section id="main" class="container-fluid">
|
|
|
<div class="row-fluid">
|
|
|
<div class="span6">
|
|
|
<form class="well form-inline files">
|
|
|
<div>
|
|
|
<label>Source: <select class="source" style="width:3m"></select></label>
|
|
|
<label>Name: <select class="filename"></select></label>
|
|
|
</div>
|
|
|
<div class="btn-group">
|
|
|
<button class="btn load">Load</button>
|
|
|
<button class="btn save">Save</button>
|
|
|
<button class="btn saveas">Save as...</button>
|
|
|
<a class="btn permalink" href="#">Permalink</a>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="span6">
|
|
|
<form class="well form-inline">
|
|
|
<label>Compiler: <select class="compiler"></select></label>
|
|
|
<label>Compiler options: <input class="compiler_options" style="width: 30em;" type="text" value="-O2 -march=native"></label>
|
|
|
<table><tbody><tr><td>Filter: </td>
|
|
|
<td>
|
|
|
<div class="btn-group filter">
|
|
|
<button class="btn active" type="button" value="labels">Unused labels</button>
|
|
|
<button class="btn active" type="button" value="directives">Directives</button>
|
|
|
<button class="btn active" type="button" value="commentOnly">Comment-only lines</button>
|
|
|
<button class="btn" type="button" value="intel">Intel syntax</button>
|
|
|
<button class="btn" type="button" value="colouriseAsm">Colourise</button>
|
|
|
</div>
|
|
|
</td></table>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row-fluid">
|
|
|
<div class="span6 editor">
|
|
|
<div class="topbar indented">Code editor</div>
|
|
|
<textarea>// Type your code here, or load an example.</textarea>
|
|
|
</div>
|
|
|
<div class="span6 asm">
|
|
|
<div class="topbar indented">Assembly output</div>
|
|
|
<textarea>Awaiting</textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row-fluid result">
|
|
|
<div class="topbar">Compiler output</div>
|
|
|
<div class="output">
|
|
|
<p class="template"></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<div class="modal hide" id="saveDialog">
|
|
|
<div class="modal-header">
|
|
|
<button class="close" data-dismiss="modal">×</button>
|
|
|
<h3>Save as...</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<label>Filename: <input class="save-filename" style="width: 30em;" type="text"></label>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<a href="#" data-dismiss="modal" class="btn">Cancel</a>
|
|
|
<a href="#" class="btn btn-primary save">Save</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<img style="position: absolute; top: 40px; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub" usemap="#ghm">
|
|
|
<map name="ghm">
|
|
|
<area shape="poly" coords="16,0,149,133,149,0" href="https://github.com/mattgodbolt/gcc-explorer">
|
|
|
</map>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
