| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <title>Compiler Explorer</title> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <link href="ext/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <link href="ext/codemirror/lib/codemirror.css" rel="stylesheet"> |
| <link href="ext/golden-layout/src/css/goldenlayout-base.css" rel="stylesheet"> |
| <link href="ext/golden-layout/src/css/goldenlayout-light-theme.css" rel="stylesheet"> |
| <link href="ext/selectize/dist/css/selectize.bootstrap2.css" rel="stylesheet"> |
| <link href="explorer.css" rel="stylesheet"> |
| <script data-main="main" src="ext/requirejs/require.js"></script> |
| <!--<script src="ext/rison.js"></script>--> |
| <!--<script src="ext/clipboard.min.js"></script>x--> |
| <!--<script src="ext/lz-string/lz-string-1.3.3-min.js"></script>--> |
| <script type="text/javascript"></script> |
| </head> |
| <body> |
| <div class="navbar navbar-inverse"> |
| <div class="container-fluid"> |
| <div class="navbar-header"> |
| <a class="navbar-brand" href="#">Compiler Explorer - <span class="language-name"></span></a> |
| </div> |
| <div class="navbar-collapse collapse"> |
| <ul class="nav navbar-nav navbar-right"> |
| <li class="if-github-enabled"> |
| <a href="https://github.com/mattgodbolt/gcc-explorer">Source on GitHub</a> |
| </li> |
| <li class="dropdown if-share-enabled"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Donate<b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li class="navbar-text"><a href="https://www.changetip.com/tipme/mattgodbolt">ChangeTip.Me</a> |
| </li> |
| <li class="navbar-text" id="flattr_button"></li> |
| </ul> |
| </li> |
| <li class="dropdown if-share-enabled"> |
| <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> |
| |
| <div id="codeEditor" class="template"> |
| <textarea>// Type your code here, or load an example.</textarea> |
| </div> |
| |
| <div id="compiler" class="template"> |
| <div class="top-bar form-group"> |
| <table> |
| <tr> |
| <td><select class="compiler" placeholder="Select a compiler..."></select></td> |
| <td><input class="options form-control" type="text" placeholder="compiler options..." |
| size="256"></td> |
| </tr> |
| </table> |
| <div class="btn-group btn-group-sm filters" data-toggle="buttons"> |
| <label class="btn btn-sm" title="Compile to binary and disassemble the output"> |
| <input value="binary" type="checkbox" autocomplete="off">Binary |
| </label> |
| <label class="btn btn-sm active" title="Filter unused labels from the output"> |
| <input value="labels" type="checkbox" autocomplete="off">Unused labels |
| </label> |
| <label class="btn btn-sm active" title="Filter all assembler directives from the output"> |
| <input value="directives" type="checkbox" autocomplete="off">Directives |
| </label> |
| <label class="btn btn-sm active" title="Remove all lines which are only comments from the output"> |
| <input value="commentOnly" type="checkbox" autocomplete="off">Comment-only lines |
| </label> |
| <label class="btn btn-sm active" title="Output disassembly in Intel syntax"> |
| <input value="intel" type="checkbox" autocomplete="off">Intel syntax |
| </label> |
| <label class="btn btn-sm active" title="Colourise lines so one can see how the source maps to the output"> |
| <input value="colouriseAsm" type="checkbox" autocomplete="off">Colourise |
| </label> |
| </div> |
| </div> |
| <textarea> mov eax, $20</textarea> |
| </div> |
| |
| <div id="root"></div> |
| |
| <div class="template lang c">// Type your code here, or load an example. |
| int square(int num) { |
| return num * num; |
| }</div> |
| <pre class="template lang rust">// Type your code here, or load an example. |
| pub fn square(num: i32) -> i32 { |
| num * num |
| }</pre> |
| <pre class="template lang go">// Type your code here, or load an example. |
| // Your function name should start with a capital letter. |
| package main |
| |
| func Square(x int) int { |
| return x * x |
| } |
| |
| func main() {}</pre> |
| <pre class="template lang d">// Type your code here, or load an example. |
| int square(int num) { |
| return num * num; |
| }</pre> |
| </body> |
| </html> |