-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
127 lines (120 loc) · 6.65 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!--
@author Karan Gandhi
@email karangandhi.programming@gmail.com
@desc [description]
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Pathfinding</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/dialoge.css" />
<script src="js/main.js"></script>
<script src="js/components/grid.js"></script>
<script src="js/components/node.js"></script>
<script src="Material Components/Snackbar/snackbar.js"></script>
<script src="js/components/dialoge.js"></script>
<script src="js/algoriithms/pathfinding algorithms/retracePath.js"></script>
<script src="js/algoriithms/pathfinding algorithms/dijkstra.js"></script>
<script src="js/algoriithms/pathfinding algorithms/astar.js"></script>
<script src="js/algoriithms/pathfinding algorithms/DFS.js"></script>
<script src="js/algoriithms/pathfinding algorithms/BFS.js"></script>
<script src="js/algoriithms/pathfinding algorithms/BFS greedy.js"></script>
<script src="js/algoriithms/maze generation algorithm/Randomized Prim algorithm.js"></script>
<script src="js/algoriithms/maze generation algorithm/Recursive division.js"></script>
<script src="js/algoriithms/maze generation algorithm/Recursive division SkewX.js"></script>
<script src="js/algoriithms/maze generation algorithm/Recursive division SkewY.js"></script>
<script src="js/algoriithms/maze generation algorithm/maze.js"></script>
<script src="js/algoriithms/maze generation algorithm/Random Maze.js"></script>
<script src="js/algoriithms/maze generation algorithm/floodFill.js"></script>
<script src="js/algoriithms/maze generation algorithm/Eller's Algorithm.js"></script>
</head>
<body>
<div class="dialoge">
<div class="dialoge-surface">
<div class="dialoge-head">
<div class="dialoge-title">Welcome to PathFinding Visualiser</div>
<img src="" class="dialoge-close" />
</div>
<div class="dialoge-body">This is a short tutorial which will walk you through the features of the project. If you want to dive right in, feel free to press the skip button or press the next button.</div>
<div class="dialoge-buttons">
<div class="dialoge-buttons-left">
<div class="dialoge-button-negetive" id="skip">Skip</div>
</div>
<div class="dialoge-buttons-right">
<div class="dialoge-button-negetive" id="back">Previous</div>
<div class="dialoge-button-positive" id="next">Next</div>
</div>
</div>
</div>
</div>
<div class="headder-surface">
<div class="headder-title-container">
<div class="headder-text" draggable="true">Pathfinding Algorithms</div>
<div class="headder-options">
<div class="subtitle">Project By Karan Gandhi</div>
</div>
</div>
<div class="options-container">
<div class="dropdown-surface surface">
<div class="dropdown-button">
<div class="dropdown-text" id="algo">Algorithms</div>
<img src="https://icons-for-free.com/iconfiles/png/512/arrow+drop+down+24px-131987942837546678.png" class="dropdown-image" />
</div>
<div class="dropdown-list">
<div class="dropdown-list-item">A * Algorithm</div>
<div class="dropdown-list-item">Dijkstra's Algorithm</div>
<div class="dropdown-list-item">Breath-first search</div>
<div class="dropdown-list-item">Breath-first Greedy search</div>
<div class="dropdown-list-item">Depth-first search</div>
</div>
</div>
<div class="dropdown-surface surface">
<div class="dropdown-button">
<div class="dropdown-text" id="time">Fast</div>
<img src="https://icons-for-free.com/iconfiles/png/512/arrow+drop+down+24px-131987942837546678.png" class="dropdown-image" />
</div>
<div class="dropdown-list">
<div class="dropdown-list-item">Slow</div>
<div class="dropdown-list-item">Medium</div>
<div class="dropdown-list-item">Fast</div>
<div class="dropdown-list-item">Immidiate</div>
</div>
</div>
<div class="dropdown-surface surface">
<div class="dropdown-button">
<div class="dropdown-text" id="maze">Maze Algorithm</div>
<img src="https://icons-for-free.com/iconfiles/png/512/arrow+drop+down+24px-131987942837546678.png" class="dropdown-image" />
</div>
<div class="dropdown-list">
<div class="dropdown-list-item">Recursive backtracker</div>
<div class="dropdown-list-item">Recursive division</div>
<div class="dropdown-list-item">Recursive division (Skew X)</div>
<div class="dropdown-list-item">Recursive division (Skew Y)</div>
<div class="dropdown-list-item">Random Basic Maze</div>
<div class="dropdown-list-item">Prim's Randomized Maze</div>
</div>
</div>
<div class="button-surface surface" id="start">
<div class="button-text">Start</div>
</div>
<div class="button-surface surface" id="mazeBuild">
<div class="button-text">Build Maze</div>
</div>
<div class="button-surface surface" id="clearPath">
<div class="button-text">Clear Path</div>
</div>
<div class="button-surface surface" id="clearBoard">
<div class="button-text">Clear Board</div>
</div>
</div>
</div>
<div class="person"></div>
<div class="container">
<div class="root" id="root"></div>
</div>
</body>
</html>