Sandbox::https://github.com/yzwei/AlgorithmVisualizer/blob/gh-pages/index.html

Visitar URL original

AlgorithmVisualizer/index.html at gh-pages · yzwei/AlgorithmVisualizer · GitHub

Repository navigation

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

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

<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> 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 class="btn">

<div class="wrapper">

Interval: <input type="text" value="0.5" 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="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/ace/ext-language_tools.js"></script>

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

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

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

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

<script src="js/module/array1d.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/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>