<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="The Calyx Authors">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://calyxir.org/img/logo.svg" type="image/svg+xml">
<title>Calyx Playground</title>
<link rel="stylesheet" type="text/css" href="node_modules/prismjs/themes/prism-solarizedlight.css">
<link rel="stylesheet" type="text/css" href="style/grid.css">
<link rel="stylesheet" type="text/css" href="style/diff.css">
<link rel="stylesheet" type="text/css" href="style/editor.css">
<link rel="stylesheet" type="text/css" href="style/main.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css" />
</head>
<body>
<div id="diffEditor" class="container editor language-futil">
<div class="logo">
<a class="unstyled-link" href="https://calyxir.org">
<img class="main-logo" src="https://calyxir.org/img/logo-text.svg" alt="Calyx" />
</a>
<h3>
A Compiler Infrastructure for Accelerator Generators
</h3>
</div>
<div class="example">
<h2>Examples</h2>
<select id="examples-select"></select>
</div>
<div class="passes">
<h2> Compiler Passes </h2>
<div id="passes"></div>
<div class="compile">
<button id="compile">Compile</button>
</div>
</div>
<div class="input-editor">
<pre id="input"
contenteditable="true"
spellcheck="false">
<code></code>
</pre>
</div>
<div class="output-editor">
<pre id="output"
contenteditable="false">
<code></code>
</pre>
</div>
<div class="footer">
<hr/>
<div id="calyx-version"></div>
</div>
</div>
</body>
<script src="js/index.js"></script>
</html>