File size: 1,675 Bytes
39c930a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<!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 {
/* border-left: 2px solid #282c34; */
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>
|