| <!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 result"> |
| <div class="topbar">Compiler output</div> |
| <div class="output span12"> |
| <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> |
| |