Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on May 31, 2019. It is now read-only.

Commit 743ab49

Browse files
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)

AltStyle によって変換されたページ (->オリジナル) /