2024-02-17 15:53:47 +01:00
|
|
|
{% extends "base.html" %}
|
|
|
|
|
|
|
|
{% block head %}
|
|
|
|
<style>
|
|
|
|
#container {
|
|
|
|
height: 60vh;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
#output {
|
2024-02-17 15:56:52 +01:00
|
|
|
width: calc(100% - 60px);
|
2024-02-17 15:53:47 +01:00
|
|
|
height: 40vh;
|
|
|
|
border: 1px solid #e1e1e11e;
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
padding: 5px 10px;
|
2024-02-18 03:38:01 +01:00
|
|
|
|
|
|
|
overflow-y: auto;
|
2024-02-17 15:53:47 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.top-bar {
|
|
|
|
display: flex;
|
|
|
|
justify-content: left;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block body %}
|
|
|
|
<div class="top-bar">
|
|
|
|
<div>
|
|
|
|
Language:
|
|
|
|
<select id="lang"></select>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button id="run">
|
|
|
|
Run!
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div id='container'></div>
|
2024-02-17 16:00:01 +01:00
|
|
|
<pre id="output" readonly></pre>
|
2024-02-17 15:53:47 +01:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block script %}
|
|
|
|
<script src="/script/executor.js"></script>
|
|
|
|
<script src="/script/editor.js"></script>
|
|
|
|
{% endblock %}
|