aboutsummaryrefslogtreecommitdiff
path: root/utils/sierpinski_triangle/index.html
diff options
context:
space:
mode:
authorCharles Cabergs <me@cacharle.xyz>2020-11-03 12:54:23 +0100
committerCharles Cabergs <me@cacharle.xyz>2020-11-03 12:54:23 +0100
commit0bf460197e9d5a477f8ec5072e482203530bcba9 (patch)
treec6e742454a81719ffb2838bf3c77d291d0114670 /utils/sierpinski_triangle/index.html
parent6f14e8ee1281b2384c926ebfabaa4da57c509b96 (diff)
downloadcacharle.xyz-0bf460197e9d5a477f8ec5072e482203530bcba9.tar.gz
cacharle.xyz-0bf460197e9d5a477f8ec5072e482203530bcba9.tar.bz2
cacharle.xyz-0bf460197e9d5a477f8ec5072e482203530bcba9.zip
Added sierpinski triangle
Diffstat (limited to 'utils/sierpinski_triangle/index.html')
-rw-r--r--utils/sierpinski_triangle/index.html37
1 files changed, 37 insertions, 0 deletions
diff --git a/utils/sierpinski_triangle/index.html b/utils/sierpinski_triangle/index.html
new file mode 100644
index 0000000..036e8ac
--- /dev/null
+++ b/utils/sierpinski_triangle/index.html
@@ -0,0 +1,37 @@
+<!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>