3 files changed, 22 insertions, 37 deletions
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/index.template.html b/utils/sierpinski_triangle/index.template.html
new file mode 100644
index 0000000..3bad80c
--- /dev/null
+++ b/utils/sierpinski_triangle/index.template.html
@@ -0,0 +1,8 @@
+<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>
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;
+}