diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-11-09 17:39:05 +0100 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-11-09 17:39:05 +0100 |
| commit | 9d2c650d7cadf57ecef3d5a1d39f5f98e298ec64 (patch) | |
| tree | ed33badc6aa8305a5e6ea688a6a08e532c92d268 /utils/sierpinski_triangle | |
| parent | f47491b3a89ba769760bb555ea72f1416cb0cb08 (diff) | |
| download | cacharle.xyz-templates.tar.gz cacharle.xyz-templates.tar.bz2 cacharle.xyz-templates.zip | |
Trying to DRY the html with templatestemplates
Diffstat (limited to 'utils/sierpinski_triangle')
| -rw-r--r-- | utils/sierpinski_triangle/index.ejs | 10 | ||||
| -rw-r--r-- | utils/sierpinski_triangle/index.html | 37 | ||||
| -rw-r--r-- | utils/sierpinski_triangle/style.css | 14 |
3 files changed, 24 insertions, 37 deletions
diff --git a/utils/sierpinski_triangle/index.ejs b/utils/sierpinski_triangle/index.ejs new file mode 100644 index 0000000..c9b0247 --- /dev/null +++ b/utils/sierpinski_triangle/index.ejs @@ -0,0 +1,10 @@ +<h1>sierpinski triangle</h1> + +<canvas width="500" height="500" id="sierpinski-triangle"></canvas> + +<div class="settings"> + <label>depth</label> + <input id="depth" min="1" max="9" value="7" type="range"/> +</div> + +<script src="script.js" type="text/javascript"></script> diff --git a/utils/sierpinski_triangle/index.html b/utils/sierpinski_triangle/index.html deleted file mode 100644 index 036e8ac..0000000 --- a/utils/sierpinski_triangle/index.html +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> - -<html> - <head> - <title>cacharle - sierpinski triangle</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 { - margin-top: 10px; - display: flex; - justify-content: flex-start; - align-items: center; - } - .settings label { - margin-right: 5px; - } - .settings input { - min-width: 200px; - } - </style> - </head> - - <body><div id="page-wrapper"> - <h1>sierpinski triangle</h1> - - <canvas width="500" height="500" id="sierpinski-triangle"></canvas> - - <div class="settings"> - <label>depth</label> - <input id="depth" min="1" max="9" value="7" type="range"/> - </div> - - </div></body> - <script src="script.js" type="text/javascript"></script> -</html> diff --git a/utils/sierpinski_triangle/style.css b/utils/sierpinski_triangle/style.css new file mode 100644 index 0000000..b62fd44 --- /dev/null +++ b/utils/sierpinski_triangle/style.css @@ -0,0 +1,14 @@ +.settings { + margin-top: 10px; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.settings label { + margin-right: 5px; +} + +.settings input { + min-width: 200px; +} |