clp/eukleides
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Christian Lawson-Perfect 2025-02-09 20:33:33 +00:00
commit 9e4d936a96
9 changed files with 4864 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
index.html Normal file
View file

@ -0,0 +1,46 @@
<!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>