mirror of
https://github.com/ParkerTenBroeck/automata.git
synced 2026-06-07 05:28:45 -04:00
101 lines
No EOL
3.5 KiB
HTML
101 lines
No EOL
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Automata</title>
|
|
|
|
<link rel="icon" type="image/x-icon" href="icon.jpg">
|
|
<link href="style.css" rel="stylesheet">
|
|
<script src="./index-26M3NQGZ.js" type="module" crossorigin></script></head>
|
|
|
|
<body>
|
|
<div class="centered" id="center_text">
|
|
<p style="font-size:16px">
|
|
Loading…
|
|
</p>
|
|
<div class="lds-dual-ring"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="app" style="display:none" id="app">
|
|
<section>
|
|
<section>
|
|
<div id="graph" class="graph"></div>
|
|
</section>
|
|
|
|
<div class="vSplit" style="--split-default: 20%" title="Drag to resize canvas width"></div>
|
|
|
|
<section class="flexCol gap marginTop">
|
|
<div class="flexCenter sidePadding gap">
|
|
<button id="themeToggle" class="btn btn-grey" title="Toggle light/dark">
|
|
🌙 Dark
|
|
</button>
|
|
<button class="btn btm-grey" style="position: relative" id="shareBtn" type="button">
|
|
Share
|
|
<span class="share-toast" id="shareToast">
|
|
Copied to clipboard
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="flexCenter sidePadding">
|
|
<select id="exampleSelect" class="ex-select">
|
|
<option value="" selected disabled>Choose an example…</option>
|
|
</select>
|
|
</div>
|
|
<div class="hSplit styleOnly" title="Drag to resize canvas height"></div>
|
|
</section>
|
|
</section>
|
|
|
|
<div class="hSplit" style="--split-default: 50%" title="Drag to resize canvas height"></div>
|
|
|
|
<div class="flexCol">
|
|
<div class="controls" style="background: var(--bg-0)">
|
|
<button id="togglePhysics" class="btn btn-toggle active" title="Toggle physics layout">
|
|
Physics: ON
|
|
</button>
|
|
|
|
<button id="resetLayout" class="btn btn-grey" title="Re-enable physics on nodes and reset layout">
|
|
Reset Layout
|
|
</button>
|
|
|
|
<span class="spacer"></span>
|
|
|
|
<button id="resetSim" class="btn btn-blue" title="Stop and reset simulation">
|
|
⟲ Reset
|
|
</button>
|
|
<button id="playPause" class="btn btn-green" title="Run / pause simulation">
|
|
▶ Play
|
|
</button>
|
|
|
|
<button id="step" class="btn btn-grey" title="Advance one step">
|
|
Step
|
|
</button>
|
|
|
|
<label class="speed">
|
|
Speed
|
|
<input id="speed" type="range" min="1" max="60" value="10" />
|
|
<span id="speedLabel">10x</span>
|
|
</label>
|
|
</div>
|
|
<div class="hSplit styleOnly" title="Drag to resize canvas height"></div>
|
|
|
|
<div style="height:100%">
|
|
<div class="vscroll">
|
|
<div id="editor" class="editor"></div>
|
|
</div>
|
|
|
|
<div class="vSplit" style="--split-default: 40%" title="Drag to resize terminal/editor width"></div>
|
|
|
|
<div id="terminal" class="terminal"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |