DSDmark
diff --git a/‎.index.html.swp‎
-12 KB b/‎.index.html.swp‎
-12 KB
diff --git a/‎.index.html.swo‎ ‎assets/js/.index.js.swn‎.index.html.swo renamed to assets/js/.index.js.swn
12 KB b/‎.index.html.swo‎ ‎assets/js/.index.js.swn‎.index.html.swo renamed to assets/js/.index.js.swn
12 KB
diff --git a/‎assets/js/.index.js.swo‎
0 Bytes b/‎assets/js/.index.js.swo‎
0 Bytes
diff --git a/‎assets/js/index.js‎
Lines changed: 1 addition & 2 deletions b/‎assets/js/index.js‎
Lines changed: 1 addition & 2 deletions
diff --git a/‎assets/style/style.css‎
Lines changed: 7 additions & 21 deletions b/‎assets/style/style.css‎
Lines changed: 7 additions & 21 deletions
diff --git a/‎index.html‎
Lines changed: 2 additions & 58 deletions b/‎index.html‎
Lines changed: 2 additions & 58 deletions
@@ -4,8 +4,6 @@ const CH = (canvas.height = 300)
 const CW = (canvas.width = 600)
 canvas.style.background = 'black'
 
-
-
 const BubbleSort = {
   i: 0,
   j: 0,
@@ -20,6 +18,7 @@ const BubbleSort = {
     ctx.clearRect(0, 0, CH, CW)
     const lineSpacing = 10
     ctx.lineWidth = 5
+          
     for (let j = 0; j < this.seedValue.length; j++) {
       const y = j * lineSpacing
     ctx.beginPath()
 
@@ -1,22 +1,8 @@
 body{
-        display:grid;
-        place-items:center;
-        min-height:100vh;
-        background:gray;
-}
-.tab {
- display:flex;
-  width: auto;
-  height: 300px;
-}
-.inputField{
- display:flex;
- align-items:left;
- padding:3px;
- flex-direction:column;
-  border: 1px solid #ccc;
-  background-color: #f1f1f1;
-  line-height:1.5rem;
-  width: auto;
-  height:auto;
-} 
+    background-color: gray;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    overflow: hidden;
+}
@@ -8,64 +8,8 @@
     <link rel="stylesheet" href="./assets/style/style.css" />
   </head>
   <body>
-    <div class="tab">
-            <div class="inputField">
-      <label for="sizeoflines">
-        Size of lines:<br />
-        <input
-          class="tablinks"
-          type="range"
-          id="sizeoflines"
-          min="0"
-          max="100"
-          value="50"
-        />
-      </label>
-      <label for="numberoflines">
-        Number of lines:<br />
-        <input
-          class="tablinks"
-          id="numberoflines"
-          type="range"
-          min="0"
-          max="100"
-          value="50"
-        />
-      </label>
-             <button
-          class="tablinks"
-          id="stopbutton"
-                   />Stop Sorting</button>       <br />
-      <label for="sizeofcanvas">
-        Size of canvas(lenght):<br />
-        <input
-          class="tablinks"
-          id="sizeofcanvas"
-          type="range"
-          min="0"
-          max="100"
-          value="50"
-        /> </label
-      ><br /> 
- <label for="sortedlinecolor">
-        Sorted line color:<br />
-        <input
-          class="tablinks"
-          id="sortedlinecolor"
-          value="red"
-                  /> </label><br />
-      <label for="lienescolors">
-        colors of lines:<br />
-        <input
-          class="tablinks"
-          id="linescolors"
-          type="text" value="white"
-                  /> </label
-      ><br /> 
-            </div>
-      <canvas id="cvs"></canvas>
-    </div>
-        <!-- The main section when all things will heppening -->
+          <!-- The main section when all things will heppening -->
+    <canvas id="cvs"></canvas>
     <script src="./assets/js/index.js"></script>
   </body>
 </html>