Skip to content
This repository was archived by the owner on May 31, 2019. It is now read-only.

Commit 743ab49

Browse files
64json64json
committed
Initial commit
0 parents  commit 743ab49

File tree

8 files changed

+717
-0
lines changed

8 files changed

+717
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.idea

‎img/logo.png

38.2 KB
Loading

‎img/screenshot.png

243 KB
Loading

‎img/visualgo.png

52.7 KB
Loading

‎index.html

Lines changed: 335 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,335 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Slides</title>
6+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css"
7+
integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
8+
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,700" rel="stylesheet">
9+
<link rel="stylesheet"
10+
href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
11+
<link rel="stylesheet" href="./stylesheet.css" />
12+
</head>
13+
<body>
14+
<div class="slide slide-0">
15+
0
16+
</div>
17+
<div class="slide slide-1">
18+
<i class="fas fa-tv fa-fw"></i>
19+
</div>
20+
<div class="slide slide-2">
21+
</div>
22+
<div class="slide slide-3">
23+
<div class="highlight"></div>
24+
</div>
25+
<div class="slide slide-4">
26+
<div class="container app">
27+
<div class="title">
28+
<i class="fab fa-github fa-fw"></i>
29+
<span class="org">algorithm-visualizer</span>
30+
<span class="slash">/</span>
31+
<span class="repo">algorithm-visualizer</span>
32+
</div>
33+
<div class="content">
34+
<div class="container">
35+
<div class="title">
36+
<i class="fab fa-react fa-fw"></i>
37+
<span class="org">Front-End</span>
38+
</div>
39+
<div class="content vertical">
40+
<div class="container">
41+
<div class="title">
42+
<i class="fas fa-desktop fa-fw"></i>
43+
<span class="org">Application</span>
44+
</div>
45+
</div>
46+
<div class="container">
47+
<div class="title">
48+
<i class="fas fa-database fa-fw"></i>
49+
<span class="org">Data</span>
50+
</div>
51+
</div>
52+
<div class="container">
53+
<div class="title">
54+
<i class="far fa-eye fa-fw"></i>
55+
<span class="org">Renderer</span>
56+
</div>
57+
</div>
58+
</div>
59+
</div>
60+
<div class="container">
61+
<div class="title">
62+
<i class="fab fa-node-js fa-fw"></i>
63+
<span class="org">Back-End</span>
64+
</div>
65+
<div class="content vertical">
66+
<div class="container">
67+
<div class="title">
68+
<i class="fab fa-github-alt fa-fw"></i>
69+
<span class="org">Authentication</span>
70+
</div>
71+
</div>
72+
<div class="container">
73+
<div class="title">
74+
<i class="fab fa-docker fa-fw"></i>
75+
<span class="org">Compiler</span>
76+
</div>
77+
</div>
78+
<div class="container">
79+
<div class="title">
80+
<i class="fas fa-server fa-fw"></i>
81+
<span class="org">Front-End Server</span>
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</div>
87+
</div>
88+
<div class="container tracers">
89+
<div class="title">
90+
<i class="fab fa-github fa-fw"></i>
91+
<span class="org">algorithm-visualizer</span>
92+
<span class="slash">/</span>
93+
<span class="repo">tracers</span>
94+
</div>
95+
<div class="content">
96+
<div class="container">
97+
<div class="title">
98+
<i class="fab fa-js-square fa-fw"></i>
99+
<span class="org">JavaScript</span>
100+
</div>
101+
<div class="content vertical">
102+
<div class="container">
103+
<div class="title">
104+
<i class="fas fa-table fa-fw"></i>
105+
<span class="org">Array2DTracer</span>
106+
</div>
107+
</div>
108+
<div class="container">
109+
<div class="title">
110+
<i class="fas fa-sitemap fa-fw"></i>
111+
<span class="org">GraphTracer</span>
112+
</div>
113+
</div>
114+
<div class="container">
115+
<div class="title">
116+
<i class="fas fa-chart-bar fa-fw"></i>
117+
<span class="org">ChartTracer</span>
118+
</div>
119+
</div>
120+
<div class="container">
121+
<div class="title center">
122+
<i class="fas fa-ellipsis-h fa-fw"></i>
123+
</div>
124+
</div>
125+
</div>
126+
</div>
127+
<div class="container">
128+
<div class="title">
129+
<i class="fab devicon-cplusplus-plain fa-fw"></i>
130+
<span class="org">C++</span>
131+
</div>
132+
<div class="content vertical">
133+
<div class="container">
134+
<div class="title">
135+
<i class="fas fa-table fa-fw"></i>
136+
<span class="org">Array2DTracer</span>
137+
</div>
138+
</div>
139+
<div class="container">
140+
<div class="title">
141+
<i class="fas fa-sitemap fa-fw"></i>
142+
<span class="org">GraphTracer</span>
143+
</div>
144+
</div>
145+
<div class="container">
146+
<div class="title">
147+
<i class="fas fa-chart-bar fa-fw"></i>
148+
<span class="org">ChartTracer</span>
149+
</div>
150+
</div>
151+
<div class="container">
152+
<div class="title center">
153+
<i class="fas fa-ellipsis-h fa-fw"></i>
154+
</div>
155+
</div>
156+
</div>
157+
</div>
158+
<div class="container">
159+
<div class="title">
160+
<i class="fab fa-java fa-fw"></i>
161+
<span class="org">Java</span>
162+
</div>
163+
<div class="content vertical">
164+
<div class="container">
165+
<div class="title">
166+
<i class="fas fa-table fa-fw"></i>
167+
<span class="org">Array2DTracer</span>
168+
</div>
169+
</div>
170+
<div class="container">
171+
<div class="title">
172+
<i class="fas fa-sitemap fa-fw"></i>
173+
<span class="org">GraphTracer</span>
174+
</div>
175+
</div>
176+
<div class="container">
177+
<div class="title">
178+
<i class="fas fa-chart-bar fa-fw"></i>
179+
<span class="org">ChartTracer</span>
180+
</div>
181+
</div>
182+
<div class="container">
183+
<div class="title center">
184+
<i class="fas fa-ellipsis-h fa-fw"></i>
185+
</div>
186+
</div>
187+
</div>
188+
</div>
189+
<div class="container">
190+
<div class="title center">
191+
<i class="fas fa-ellipsis-h fa-fw"></i>
192+
</div>
193+
<div class="content vertical">
194+
<div class="container">
195+
<div class="title center">
196+
<i class="fas fa-ellipsis-h fa-fw"></i>
197+
</div>
198+
</div>
199+
</div>
200+
</div>
201+
</div>
202+
</div>
203+
<div class="container algorithms">
204+
<div class="title">
205+
<i class="fab fa-github fa-fw"></i>
206+
<span class="org">algorithm-visualizer</span>
207+
<span class="slash">/</span>
208+
<span class="repo">algorithms</span>
209+
</div>
210+
<div class="content">
211+
<div class="container">
212+
<div class="title">
213+
<i class="fas fa-folder fa-fw"></i>
214+
<span class="org">Dynamic Programming</span>
215+
</div>
216+
<div class="content vertical">
217+
<div class="container">
218+
<div class="title">
219+
<i class="fas fa-file-code fa-fw"></i>
220+
<span class="org">Fibonacci Sequence</span>
221+
</div>
222+
</div>
223+
<div class="container">
224+
<div class="title">
225+
<i class="fas fa-file-code fa-fw"></i>
226+
<span class="org">Knapsack Problem</span>
227+
</div>
228+
</div>
229+
<div class="container">
230+
<div class="title">
231+
<i class="fas fa-file-code fa-fw"></i>
232+
<span class="org">Sliding Window</span>
233+
</div>
234+
</div>
235+
<div class="container">
236+
<div class="title center">
237+
<i class="fas fa-ellipsis-h fa-fw"></i>
238+
</div>
239+
</div>
240+
</div>
241+
</div>
242+
<div class="container">
243+
<div class="title">
244+
<i class="fas fa-folder fa-fw"></i>
245+
<span class="org">Graph Search</span>
246+
</div>
247+
<div class="content vertical">
248+
<div class="container">
249+
<div class="title">
250+
<i class="fas fa-file-code fa-fw"></i>
251+
<span class="org">Bellman-Ford</span>
252+
</div>
253+
</div>
254+
<div class="container">
255+
<div class="title">
256+
<i class="fas fa-file-code fa-fw"></i>
257+
<span class="org">Depth-First Search</span>
258+
</div>
259+
</div>
260+
<div class="container">
261+
<div class="title">
262+
<i class="fas fa-file-code fa-fw"></i>
263+
<span class="org">Floyd-Warshall</span>
264+
</div>
265+
</div>
266+
<div class="container">
267+
<div class="title center">
268+
<i class="fas fa-ellipsis-h fa-fw"></i>
269+
</div>
270+
</div>
271+
</div>
272+
</div>
273+
<div class="container">
274+
<div class="title center">
275+
<i class="fas fa-ellipsis-h fa-fw"></i>
276+
</div>
277+
<div class="content vertical">
278+
<div class="container">
279+
<div class="title center">
280+
<i class="fas fa-ellipsis-h fa-fw"></i>
281+
</div>
282+
</div>
283+
</div>
284+
</div>
285+
</div>
286+
</div>
287+
</div>
288+
289+
<script>
290+
let hide;
291+
const show = (i, frames = 0) => {
292+
hide && hide();
293+
const [slide] = document.getElementsByClassName(`slide-${i}`);
294+
slide.classList.add('active', '_0');
295+
296+
let frame = 0;
297+
const interval = window.setInterval(() => {
298+
const prevClass = `_${frame++ % frames}`;
299+
const currentClass = `_${frame % frames}`;
300+
slide.classList.remove(prevClass);
301+
slide.classList.add(currentClass);
302+
}, 3000);
303+
return () => {
304+
slide.classList.remove('active', `_${frame % frames}`);
305+
window.clearInterval(interval);
306+
};
307+
};
308+
const slideShows = {
309+
0: () => {
310+
hide = show(0, 0);
311+
},
312+
1: () => {
313+
hide = show(1, 0);
314+
},
315+
2: () => {
316+
hide = show(2, 0);
317+
},
318+
3: () => {
319+
hide = show(3, 4);
320+
},
321+
4: () => {
322+
hide = show(4, 4);
323+
},
324+
};
325+
326+
let index = 3;
327+
slideShows[index]();
328+
document.addEventListener('click', () => {
329+
index = (index + 1) % Object.keys(slideShows).length;
330+
slideShows[index]();
331+
});
332+
</script>
333+
334+
</body>
335+
</html>

0 commit comments

Comments
 (0)