diff options
Diffstat (limited to 'utils/fractal_tree/index.html')
| -rw-r--r-- | utils/fractal_tree/index.html | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/utils/fractal_tree/index.html b/utils/fractal_tree/index.html new file mode 100644 index 0000000..5c4adf2 --- /dev/null +++ b/utils/fractal_tree/index.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> + +<html> + <head> + <title>cacharle - fractal tree</title> + <link rel="stylesheet" type="text/css" href="../../style.css"/> + <meta charset="utf-8"/> + <link rel="icon" type="image/png" href="../../favicon.png" /> + <style> + .settings-item { + margin-top: 10px; + display: flex; + justify-content: flex-start; + align-items: center; + } + .settings-item label { + margin-right: 5px; + } + .settings-item input { + min-width: 200px; + } + </style> + </head> + + <body><div id="page-wrapper"> + <h1>fractal tree</h1> + + <canvas width="500" height="500" id="tree-canvas"></canvas> + + <div class="settings"> + <div class="settings-item"> + <label>depth</label> + <input id="depth" min="1" max="11" value="9" type="range"/> + </div> + <div class="settings-item"> + <label>angle</label> + <input id="angle" min="1" max="180" value="45" type="range"/> + </div> + </div> + + </div></body> + <script src="script.js" type="text/javascript"></script> +</html> |