fixing demo example

markolalovic · Jul 9, 2024 · 1f3b6cc · 1f3b6cc
1 parent 868f884
commit 1f3b6cc
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/demo/digitGraphData.json b/demo/digitGraphData.json
diff --git a/demo/index.html b/demo/index.html
@@ -11,23 +11,23 @@
   <body>
     <div id="chart-window"></div>
     <div id="slider">
-      <p class="text">
-        <strong>Select threshold value:</strong>
-      </p>
+      <label for="range-input" class="label-text">
+        <strong>Select threshold value: </strong>
+      </label>
       <input
+        name="threshold"
         type="range"
+        id="range-input"        
         step="1"
         min="0"
         max="22"
         value="0"
-        id="range-input"
       />
     </div>
     <div class="alignright">
       Read more about this demo in:  
       <a href="https://lalovic.io/blog/tda-digits/">blog post</a>
     </div>
-    <script src="./digitGraphData.json"></script>
     <script src="./layoutRect.js"></script>
     <script src="./appendImages.js"></script>
     <script src="./digitGraph.js"></script>

diff --git a/demo/main.js b/demo/main.js
diff --git a/demo/style.css b/demo/style.css
@@ -5,6 +5,7 @@ body {
 }
 
 #slider {
+  padding: 30px;
   transform: translate(0px, -400px);
   z-index: 1;
 }
@@ -23,7 +24,7 @@ input {
 .axis3-0 { font-size: 16px; }
 .axis3-1 { font-size: 16px; }
 .legend-text { font-size: 20px; font-weight: lighter;}
-
+.label-text { padding: 10px; }
 .alignright {
     float: right;
     font-size: 24px;