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

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

Expand file tree

/

index.html

Copy path

More file actions

More file actions

Latest commit

History

History

150 lines (147 loc) · 6.23 KB

/

index.html

Copy path

File metadata and controls

150 lines (147 loc) · 6.23 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

140

141

142

143

144

145

146

147

148

149

150

<!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="public/algorithm_visualizer.min.css">

</head>

<body>

<div id="loading-slider">

<div class="line"></div>

<div class="break dot1"></div>

<div class="break dot2"></div>

<div class="break dot3"></div>

</div>

<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">

<div class="btn" id="btn_share">

<div class="wrapper">

<i class="fa fa-share" aria-hidden="true"></i> Share <input type="text" class="collapse" id="shared">

</div>

</div>

<button id="btn_run">

<i class="fa fa-play" aria-hidden="true"></i>

<span class="btn-text">Run</span>

</button>

<button id="btn_prev">

<i class="fa fa-chevron-left" aria-hidden="true"></i>

<span class="btn-text">Prev</span>

</button>

<button id="btn_pause">

<i class="fa fa-pause" aria-hidden="true"></i>

<span class="btn-text">Pause</span>

</button>

<button id="btn_next">

<span class="btn-text">Next</span>

<i class="fa fa-chevron-right" aria-hidden="true"></i>

</button>

<div class="btn">

<div class="wrapper">

Interval: <input type="number" value="" id="interval"> sec

</div>

</div>

</div>

</nav>

<section class="sidemenu active">

<div id="list">

</div>

<div id="footer">

<button id="scratch-paper"><i class="fa fa-code"></i> Scratch Paper</button>

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

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

</a>

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

<div id="powered-by-list">

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

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

</a>

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

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

</a>

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

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

</a>

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

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

</a>

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

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

</a>

</div>

</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="tab_bar">

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

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

</section>

<section class="tab_container">

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

<div class="wrapper">

</div>

</div>

<div class="tab module_container" id="tab_module">

</div>

</section>

</div>

<div class="editor_container">

<section class="files_bar">

<button class="btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>

<div class="wrapper"></div>

<button class="btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>

</section>

<section class="explanation_container">

<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="public/lib/jquery-2.2.3.min.js"></script>

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

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

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

<script src="public/lib/ace/ext-language_tools.js"></script>

<script src="public/lib/Chart-2.1.3.min.js"></script>

<script src="public/algorithm_visualizer.min.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>