54 lines
1.5 KiB
HTML
54 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Dingus</title>
|
|
<script src="https://cdn.jsdelivr.net/pyodide/v0.26.2/full/pyodide.js"></script>
|
|
|
|
<!-- CodeMirror -->
|
|
<link rel="stylesheet" href="./codemirror/codemirror.css" />
|
|
<script src="./codemirror/codemirror.js"></script>
|
|
<script src="./codemirror/python.js"></script>
|
|
|
|
<link rel="stylesheet" href="./style.css" />
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-container">
|
|
<div class="panel-top grammar-title">
|
|
Write Your Grammar Here
|
|
</div>
|
|
|
|
<div class="panel grammar-container">
|
|
<textarea id="grammar" name="grammar" class="main-textarea"></textarea>
|
|
</div>
|
|
|
|
<div class="panel status">
|
|
<span id="status-line">Loading python...</span>
|
|
</div>
|
|
|
|
<div class="panel-top input-title">
|
|
Write In Your Language Here
|
|
</div>
|
|
|
|
<div class="panel input-container">
|
|
<textarea id="input" name="input" class="main-textarea"></textarea>
|
|
</div>
|
|
|
|
<div class="panel-top result-selector">
|
|
<span>Results</span>
|
|
<span class="result-selector-buttons">
|
|
<button id="tree-button">Tree</button>
|
|
<button id="errors-button">Errors</button>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="panel results-container">
|
|
<pre id="error-root"></pre>
|
|
<div id="tree-root"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="./dingus.js"></script>
|
|
</body>
|
|
</html>
|