46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width">
|
||
|
|
<title>Eukleides drawing</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<script type="module" src="script.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>Eukleides drawing</h1>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<div id="left-side">
|
||
|
|
<details id="files">
|
||
|
|
<summary>Editing <code id="current-file"></code></summary>
|
||
|
|
<ul>
|
||
|
|
</ul>
|
||
|
|
<form id="save-as-form">
|
||
|
|
<label for="save-as">Save as</label>
|
||
|
|
<input id="save-as" type="text">
|
||
|
|
<button>Save</button>
|
||
|
|
</form>
|
||
|
|
</details>
|
||
|
|
<code-editor id="code"></code-editor>
|
||
|
|
</div>
|
||
|
|
<div id="right-side">
|
||
|
|
<p><a id="download-still" href="#" download>Download still</a></p>
|
||
|
|
<p>
|
||
|
|
<label for="fps">FPS:</label>
|
||
|
|
<input type="number" min="1" value="10" id="fps">
|
||
|
|
<label for="width">Width:</label>
|
||
|
|
<input type="number" min="1" value="600" id="width">
|
||
|
|
</p>
|
||
|
|
<p><button type="button" id="make-animation">Make animation</button> <a id="download-animation" download>Download animation</a></p>
|
||
|
|
<p>
|
||
|
|
<input type="range" min="0" max="10" value="0" step="0.01" id="time">
|
||
|
|
<output for="time">0</output>
|
||
|
|
</p>
|
||
|
|
<div id="display"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|