-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
24 lines (23 loc) · 7.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Algorithms Visualization | Programming Lei</title>
<meta name="description" content="All about Programming">
<link rel="icon" href="/favicon.ico">
<script type="application/javascript" src="/scripts/main.js?1550948135150"></script>
<script type="application/javascript" src="/scripts/loader.js?1550948135150"></script>
<script type="application/javascript" src="/scripts/pixi.min.js"></script>
<link rel="preload" href="/assets/css/0.styles.4481bc46.css" as="style"><link rel="preload" href="/assets/js/app.cd6ddf19.js" as="script"><link rel="preload" href="/assets/js/2.a5967396.js" as="script"><link rel="preload" href="/assets/js/15.409e5c50.js" as="script"><link rel="preload" href="/assets/js/11.0a951686.js" as="script"><link rel="prefetch" href="/assets/js/10.41494e9c.js"><link rel="prefetch" href="/assets/js/12.2a50ccb3.js"><link rel="prefetch" href="/assets/js/13.6712c64a.js"><link rel="prefetch" href="/assets/js/14.95254b3c.js"><link rel="prefetch" href="/assets/js/16.8278c5e4.js"><link rel="prefetch" href="/assets/js/17.7c2ff1e5.js"><link rel="prefetch" href="/assets/js/18.752fb6ba.js"><link rel="prefetch" href="/assets/js/19.516f866c.js"><link rel="prefetch" href="/assets/js/20.ea41fa6c.js"><link rel="prefetch" href="/assets/js/21.86d9aa3f.js"><link rel="prefetch" href="/assets/js/22.2ab7802b.js"><link rel="prefetch" href="/assets/js/23.8544d989.js"><link rel="prefetch" href="/assets/js/24.97f8cd03.js"><link rel="prefetch" href="/assets/js/25.c814f8d1.js"><link rel="prefetch" href="/assets/js/26.27153cc3.js"><link rel="prefetch" href="/assets/js/27.214cb2a9.js"><link rel="prefetch" href="/assets/js/3.fdd2c9eb.js"><link rel="prefetch" href="/assets/js/4.4848fc45.js"><link rel="prefetch" href="/assets/js/5.81a6b9dc.js"><link rel="prefetch" href="/assets/js/6.ddcbab03.js"><link rel="prefetch" href="/assets/js/7.835cad3f.js"><link rel="prefetch" href="/assets/js/8.08d8b37a.js"><link rel="prefetch" href="/assets/js/9.2a2a2996.js">
<link rel="stylesheet" href="/assets/css/0.styles.4481bc46.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">Programming Lei</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link router-link-exact-active router-link-active">Home</a></div><div class="nav-item"><a href="/about/" class="nav-link">About</a></div><div class="nav-item"><a href="/blog/" class="nav-link">Blog</a></div><div class="nav-item"><a href="/system-design/" class="nav-link">System Design</a></div> <a href="https://github.com/lei-cao/programming" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link router-link-exact-active router-link-active">Home</a></div><div class="nav-item"><a href="/about/" class="nav-link">About</a></div><div class="nav-item"><a href="/blog/" class="nav-link">Blog</a></div><div class="nav-item"><a href="/system-design/" class="nav-link">System Design</a></div> <a href="https://github.com/lei-cao/programming" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <!----> </div> <div class="page"> <div class="content default"><h2 id="algorithms-visualization"><a href="#algorithms-visualization" aria-hidden="true" class="header-anchor">#</a> Algorithms Visualization</h2> <h3 id="sorting"><a href="#sorting" aria-hidden="true" class="header-anchor">#</a> Sorting</h3> <h4 id="bubble-sort"><a href="#bubble-sort" aria-hidden="true" class="header-anchor">#</a> Bubble Sort</h4> <div><div id="bubble" class="canvas"></div> <button>Stop</button> <button>Resume</button> <button> > </button> <input value="30"> <button>Restart</button> <!----></div> <h4 id="selection-sort"><a href="#selection-sort" aria-hidden="true" class="header-anchor">#</a> Selection Sort</h4> <div><div id="selection" class="canvas"></div> <button>Stop</button> <button>Resume</button> <button> > </button> <input value="30"> <button>Restart</button> <!----></div> <h4 id="insertion-sort"><a href="#insertion-sort" aria-hidden="true" class="header-anchor">#</a> Insertion Sort</h4> <div><div id="insertion" class="canvas"></div> <button>Stop</button> <button>Resume</button> <button> > </button> <input value="30"> <button>Restart</button> <!----></div> <h4 id="quick-sort"><a href="#quick-sort" aria-hidden="true" class="header-anchor">#</a> Quick Sort</h4> <div><div id="quick" class="canvas"></div> <button>Stop</button> <button>Resume</button> <button> > </button> <input value="30"> <button>Restart</button> <!----></div> <h4 id="top-down-merge-sort"><a href="#top-down-merge-sort" aria-hidden="true" class="header-anchor">#</a> Top Down Merge Sort</h4> <div><div id="topDownMergeSort" class="canvas"></div> <button>Stop</button> <button>Resume</button> <button> > </button> <input value="30"> <button>Restart</button> <!----></div> <p><a href="/blog/">See Detail</a></p> <h2 id="license"><a href="#license" aria-hidden="true" class="header-anchor">#</a> License</h2> <p><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg" alt="License: CC BY-NC-SA 4.0"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></div> <!----> <!----> </div></div><div class="global-ui"></div></div>
<script src="/assets/js/app.cd6ddf19.js" defer></script><script src="/assets/js/2.a5967396.js" defer></script><script src="/assets/js/15.409e5c50.js" defer></script><script src="/assets/js/11.0a951686.js" defer></script>
</body>
</html>