|
|
<!doctype html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<script |
|
|
id="p5scripttag" |
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js" |
|
|
integrity="sha512-uaz5GpnQoE6t5echKlX8P52czvsIGgLPcvlzfvRubLZ1Hp8JemUDnbUiAahbVtPb+jUVrNETuXvAhDDF/N3M4w==" |
|
|
crossorigin="anonymous" |
|
|
referrerpolicy="no-referrer" |
|
|
></script> |
|
|
|
|
|
<link |
|
|
rel="stylesheet" |
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css" |
|
|
/> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js"></script> |
|
|
|
|
|
<script> |
|
|
|
|
|
</script> |
|
|
<title>AIDE Run Visualization</title> |
|
|
<style> |
|
|
body, |
|
|
* { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
box-sizing: border-box; |
|
|
overflow: scroll; |
|
|
} |
|
|
body { |
|
|
background-color: #f2f0e7; |
|
|
} |
|
|
canvas { |
|
|
float: left; |
|
|
height: 100vh; |
|
|
width: 40vw; |
|
|
} |
|
|
#text-container { |
|
|
float: right; |
|
|
height: 100vh; |
|
|
width: 50vw; |
|
|
background-color: #282c34; |
|
|
} |
|
|
#plan { |
|
|
|
|
|
background-color: #282c34; |
|
|
color: #f2f0e7; |
|
|
min-height: 5rem; |
|
|
padding: 1em 0 1em 1em; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<pre |
|
|
id="text-container" |
|
|
><div id="plan"></div><hr><code id="code" class="language-python"></code></pre> |
|
|
</body> |
|
|
</html> |
|
|
|
