| <!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> |
|
|
