-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (72 loc) · 4.33 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-25942721-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-25942721-5');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="See all your favourite algorithms come to life." name="description">
<meta content="https://sorting.alhinds.com/og-image.jpg" property="og:image">
<meta content="1332" property="og:image:width">
<meta content="1044" property="og:image:height">
<meta content="SortVisualiser" property="og:title">
<meta content="website" property="og:type">
<meta content="See all your favourite algorithms come to life." property="og:description">
<meta content="https://sorting.alhinds.com/" property="og:url">
<title>Sort Vis</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" defer>
<!-- SortVis -->
<link rel="stylesheet" type="text/css" href="css/cover.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/lib.js" defer></script>
<script type="text/javascript" src="js/script.js" defer></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous" defer></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous" defer></script>
</head>
<body>
<noscript><h1>This page requires javascript to run!</h1></noscript>
<main class="cover-container d-flex p-3 mx-auto flex-column">
<header class="masthead">
<div class="inner">
<h3 class="masthead-brand">SortVis</h3>
<nav class="nav nav-masthead">
<a id="insertion-link" class="nav-link active" href="#Insertion" onclick="changeActiveClass(this)">Insertion</a>
<a id="bubble-link" class="nav-link" href="#Bubble" onclick="changeActiveClass(this)">Bubble</a>
<a id="selection-link" class="nav-link" href="#Selection" onclick="changeActiveClass(this)">Selection</a>
<a id="merge-link" class="nav-link" href="#Merge" onclick="changeActiveClass(this)">Merge</a>
<a id="quick-link" class="nav-link" href="#Quick" onclick="changeActiveClass(this)">Quick</a>
</nav>
</div>
</header>
<article class="inner cover" id="visual">
<p class="counter complexity"># Steps: <span id="counter">0</span></p>
</article>
<section role="main" class="inner cover">
<h1 class="cover-heading">
<span id="title">Insertion Sort</span>, <span class="complexity">O(<span id="complexity"></span>)</span></h1>
<p id="description" class="lead">Insertion sort iterates, consuming one input element each repetition,
and growing a sorted output list. At each iteration, insertion sort removes one element from the input data,
finds the location it belongs within the sorted list, and inserts it there. It repeats until no input elements remain.</p>
<p class="lead">
<a id="animate" href="#" class="btn btn-lg btn-secondary">Run</a>
<a id="run" href="#" class="btn btn-lg btn-secondary">Step</a>
<a id="reset" href="#" class="btn btn-lg btn-secondary">Reset</a>
</p>
</section>
<footer class="mastfoot mt-auto">
<div class="inner">
<p>Code and design by <a href="https://twitter.com/al_hinds">@al_hinds</a>, source: <a href="https://github.com/DarkPurple141/sorting-algo-visualizer">github/DarkPurple141</a>.</p>
</div>
</footer>
</main>
</body>
</html>