-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (85 loc) · 3.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Algorithm-Visualiser</title>
<link rel="stylesheet" href="sorting.css" />
<script src="./js_files/controllers/main.js"></script>
<script src="./js_files/bubble.js"></script>
<script src="./js_files/merge.js"></script>
<script src="./js_files/quick.js"></script>
<script src="./js_files/selection.js"></script>
<script src="./js_files/insertion.js"></script>
<script src="./js_files/controllers/disable.js"></script>
<script src="./js_files/controllers/resume.js"></script>
</head>
<body onload="newArray()">
<div class="navBar">
<a href="/" class="logo">
<img
style="width: 50px; height: 40px"
src="./image/image-project.png"
alt="" /></a
><p style="display: inline;">Algorithm-Visualiser</p>
</div>
<div class="sortingHeader">
<a href="/" class="logo">
<img
style="width: 50px; height: 40px"
src="./image/sort.png"
alt="" /></a
><p style="display: inline;">Sorting Based Algorithms</p>
</div>
<div class="buttonList">
<button id="newArray" class="button" onclick="newArray()">
Generate New-Array
</button>
<button id="bubbleSort" class="button" onclick="bubbleSort()">
Bubble-Sort
</button>
<button id="selectionSort" class="button" onclick="selectionSort()">
Selection Sort
</button>
<button id="insertionSort" class="button" onclick="insertionSort()">
Insertion Sort
</button>
<button id="quickSort" class="button" onclick="myQuickSort()">
Quick Sort
</button>
<button id="mergeSort" class="button" onclick="myMergeSort()">
Merge Sort
</button>
</div>
<div class="buttonList">
<div>
<label for="array_sz" style="font-size:x-large">Array-size</label>
<input style="margin-top: 25px;" id="arr_sz" name="array_sz" type="range" min=10 max=16 step=1 value=12>
<!-- <label for="speed" style="font-size:x-large">Sorting-speed</label>
<input style="margin-top: 25px;" id="speed" name="speed" type="range" min=20 max=1500 step=100 value=1000> -->
</div>
<button id="pause" class="bottom-button" onclick="location.reload()">
<img src="./image/close.png" alt="" style="width: 20px" />
</button>
<button id="fastForward" class="bottom-button" onclick="fastForward()">
Fast-Forward
</button>
</div>
<div id="barComponent"></div>
<div class="graphHeader">
<a href="/" class="logo">
<img
style="width: 50px; height: 40px"
src="./image/graph.png"
alt="" /></a
><p style="display: inline;">Graph Based Algorithms</p>
</div>
<div class="graphContent" style="text-align: center;">
Coming Soon!
</div>
<div class="footer">
<footer>Made with love by Ashish Raj</footer>
</div>
</body>
</html>