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>