| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <title>Compiler 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="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 src="ext/lz-string/lz-string-1.3.3-min.js"></script> |
| <script type="text/javascript"> |
| var _gaq = _gaq || []; |
| _gaq.push(['_setAccount', 'UA-55180-6']); |
| _gaq.push(['_trackPageview']); |
| |
| (function() { |
| "use strict"; |
| function create_script_element (id, url) { |
| var el = document.createElement('script'); el.type = 'text/javascript'; el.async = true; el.id = id; |
| el.src = url; |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(el, s); |
| } |
| create_script_element('ga', ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'); |
| create_script_element('gp', 'https://apis.google.com/js/plusone.js'); |
| create_script_element('twitter-wjs', '//platform.twitter.com/widgets.js'); |
| })() |
| </script> |
| </head> |
| <body> |
| <div class="navbar navbar-fixed-top"> |
| <div class="navbar-inner"> |
| <div class="container-fluid"> |
| <a class="brand" href="#">Interactive compiler - <span class="language-name"></span></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></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> |
| <button class="btn permalink">Permalink</button> |
| </div> |
| <div class="collapse permalink-collapse"> |
| <label>Permalink: <input class="input-medium input-uneditable" type="text" placeholder="Loading" readonly id="permalink"></input></label> |
| </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=""></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> |
| |