Home|About|Gaming cabinet|Archives|How it works|Starter sites

GeezerVison is showing github.com — AlgorithmVisualizer/index.html at gh-pages · yanxiyue/AlgorithmVisualizer

Expand file tree

/

index.html

Copy path

More file actions

More file actions

Latest commit

History

History

139 lines (138 loc) · 5.5 KB

/

index.html

Copy path

File metadata and controls

139 lines (138 loc) · 5.5 KB

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

128

129

130

131

132

133

134

135

136

137

138

139

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="description" content="Tool for visualizing algorithms." />

<meta property="og:title" content="Algorithm Visualizer" />

<meta property="og:description" content="Tool for visualizing algorithms." />

<meta property="og:image" content="img/image.png" />

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />

<title>Algorithm Visualizer</title>

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">

<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" href="css/gh-fork-ribbon.css"/>

<link rel="stylesheet" href="css/stylesheet.css">

</head>

<body>

<nav>

<button id="navigation">

<h3>

Algorithm Visualizer

<i class="fa fa-angle-right nav-arrow" aria-hidden="true"></i>

<span id="category"></span>

<i class="fa fa-angle-right nav-arrow" aria-hidden="true"></i>

<span id="algorithm"></span>

<i class="fa fa-caret-up nav-dropdown" aria-hidden="true"></i>

</h3>

</button>

<div class="buttons">

<button id="btn_run"><i class="fa fa-play" aria-hidden="true"></i> Run</button>

<button id="btn_prev"><i class="fa fa-chevron-left" aria-hidden="true"></i> Prev</button>

<button id="btn_pause"><i class="fa fa-pause" aria-hidden="true"></i> Pause</button>

<button id="btn_next">Next <i class="fa fa-chevron-right" aria-hidden="true"></i></button>

</div>

</nav>

<section class="sidemenu active">

<div id="list">

</div>

<div id="header">

<a href="https://github.com/parkjs814/AlgorithmVisualizer/wiki">

<button><i class="fa fa-book"></i> Documentation</button>

</a>

<button class="category"><i class="fa fa-github"></i> Powered by ...</button>

<a href="https://github.com/jquery/jquery">

<button class="indent">jquery/jquery</button>

</a>

<a href="https://github.com/ajaxorg/ace">

<button class="indent">ajaxorg/ace</button>

</a>

<a href="https://github.com/jacomyal/sigma.js">

<button class="indent">jacomyal/sigma.js</button>

</a>

<a href="https://github.com/FortAwesome/Font-Awesome">

<button class="indent">FortAwesome/Font-Awesome</button>

</a>

<a href="https://github.com/simonwhitaker/github-fork-ribbon-css">

<button class="indent">simonwhitaker/github-fork-ribbon-css</button>

</a>

</div>

<a class="github-fork-ribbon left-bottom" href="http://github.com/parkjs814/AlgorithmVisualizer"

title="Fork me on GitHub">Fork me on GitHub</a>

</section>

<div class="workspace">

<div class="viewer_container">

<section class="module_container"></section>

<section class="tab_container">

<div class="tab active" id="tab_desc">

<div class="wrapper">

<h2 id="desc_title"></h2>

<p id="desc_def"></p>

<hr/>

<h3>Application</h3>

<ul id="desc_app"></ul>

<hr/>

<h3>Complexity</h3>

<p>

<strong>Time</strong> <span id="desc_time"></span><br/>

<strong>Space</strong> <span id="desc_space"></span>

</p>

<hr/>

<h3>Reference</h3>

<ul id="desc_ref"></ul>

</div>

</div>

<div class="tab" id="tab_trace">

<div class="wrapper">

</div>

</div>

</section>

<section class="tab_bar">

<button class="active" id="btn_desc">Description</button>

<button id="btn_trace">Trace</button>

</section>

</div>

<div class="editor_container">

<section class="files_bar">

</section>

<section class="explanation_container">

<i class="fa fa-info-circle" aria-hidden="true"></i> <span id="explanation"></span>

</section>

<section class="data_container">

<pre id="data"></pre>

</section>

<section class="code_container">

<pre id="code"></pre>

</section>

</div>

</div>

<div class="toast_container">

</div>

<script src="js/jquery-2.2.3.min.js"></script>

<script src="js/sigma/sigma.min.js"></script>

<script src="js/sigma/plugins/sigma.plugins.dragNodes.min.js"></script>

<script src="js/ace/ace.js"></script>

<script src="js/module/tracer.js"></script>

<script src="js/module/directed_graph.js"></script>

<script src="js/module/undirected_graph.js"></script>

<script src="js/module/weighted_directed_graph.js"></script>

<script src="js/module/weighted_undirected_graph.js"></script>

<script src="js/module/array2d.js"></script>

<script src="js/module/array1d.js"></script>

<script src="js/script.js"></script>

<script>

(function (i, s, o, g, r, a, m) {

i['GoogleAnalyticsObject'] = r;

i[r] = i[r] || function () {

(i[r].q = i[r].q || []).push(arguments)

}, i[r].l = 1 * new Date();

a = s.createElement(o),

m = s.getElementsByTagName(o)[0];

a.async = 1;

a.src = g;

m.parentNode.insertBefore(a, m)

})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-78128848-1', 'auto');

ga('send', 'pageview');

</script>

</body>

</html>