Skip to content
This repository was archived by the owner on Feb 28, 2023. It is now read-only.

Commit 8914b46

Browse files
MattMoonyMattMoony
committed
adding more functionality ...
1 parent 47f6764 commit 8914b46

File tree

324 files changed

+51608
-119
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

324 files changed

+51608
-119
lines changed

‎config.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"port": "8080"
3+
}

‎index.css

+134
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
@import url('https://fonts.googleapis.com/css?family=Unica+One');
2+
@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');
3+
@import url('https://fonts.googleapis.com/css?family=Quicksand');
4+
@import url('https://fonts.googleapis.com/css?family=Roboto');
5+
6+
body {
7+
overflow: hidden;
8+
font-family: 'Roboto';
9+
}
10+
11+
h1 {
12+
text-align: center;
13+
font-family: 'Unica One';
14+
font-size: 55px;
15+
16+
padding-bottom: 10px;
17+
}
18+
19+
.important_letter {
20+
color: tomato;
21+
}
22+
23+
#score_div {
24+
display: block;
25+
position: fixed;
26+
right: 30px;
27+
bottom: 100px;
28+
29+
font-family: 'Quicksand';
30+
}
31+
32+
#comparisons,
33+
#movements,
34+
#runtime {
35+
font-weight: bold;
36+
font-size: 20px;
37+
}
38+
39+
td {
40+
padding: 0 7.5px;
41+
}
42+
43+
#algorithm_div {
44+
display: block;
45+
position: fixed;
46+
right: 30px;
47+
top: 150px;
48+
background-color: rgba(255, 255, 255, 0.75);
49+
50+
font-family: 'Quicksand';
51+
font-weight: bold;
52+
font-size: 35px;
53+
}
54+
55+
#algorithm_div::first-letter {
56+
color: tomato;
57+
}
58+
59+
60+
#algorithm_settings {
61+
border-left: 1.5px solid dimgray;
62+
background-color: rgba(255, 255, 255, 0.75);
63+
display: block;
64+
position: fixed;
65+
left: 25px;
66+
top: 350px;
67+
padding: 15px 2.5px;
68+
}
69+
70+
select,
71+
input {
72+
font-size: 12.5px;
73+
margin-bottom: 1px;
74+
font-family: 'Roboto';
75+
padding: 2.5px 7.5px;
76+
border: 1px solid #cecece;
77+
border-radius: 1px;
78+
}
79+
80+
select:focus,
81+
input:focus {
82+
outline: none;
83+
}
84+
85+
#algorithm_settings input[type="button"] {
86+
background-color: tomato;
87+
border: none;
88+
color: white;
89+
padding: 7.5px 15px;
90+
border-radius: 2.5px;
91+
font-size: 15px;
92+
margin-top: 12.5px;
93+
transition: .5s ease;
94+
}
95+
96+
#algorithm_settings input[type="button"]:hover {
97+
cursor: pointer;
98+
opacity: 0.8;
99+
}
100+
101+
#algorithm_settings td:last-child {
102+
text-align: right;
103+
}
104+
105+
106+
#canvas_div {
107+
display: block;
108+
margin: 0 auto;
109+
width: 70%;
110+
111+
/* border-left: 2px dashed dimgray;
112+
border-right: 2px dashed dimgray; */
113+
}
114+
115+
canvas {
116+
display: block;
117+
margin: 0 auto;
118+
/* background-color: aliceblue; */
119+
120+
/* border-bottom: 1.5px solid dimgray; */
121+
}
122+
123+
footer {
124+
display: block;
125+
position: fixed;
126+
left: 0;
127+
right: 0;
128+
bottom: 0;
129+
130+
width: 100%;
131+
text-align: center;
132+
padding-bottom: 10px;
133+
font-family: 'Share Tech Mono';
134+
}

‎index.html

+3-119
Original file line numberDiff line numberDiff line change
@@ -3,128 +3,12 @@
33

44
<head>
55
<title>Visualizing sorting algos</title>
6+
<meta charset="utf-8" />
7+
8+
<link rel="stylesheet" type="text/css" href="./index.css" />
69
</head>
710

811
<body>
9-
<style>
10-
@import url('https://fonts.googleapis.com/css?family=Unica+One');
11-
@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');
12-
@import url('https://fonts.googleapis.com/css?family=Quicksand');
13-
@import url('https://fonts.googleapis.com/css?family=Roboto');
14-
15-
body {
16-
overflow: hidden;
17-
font-family: 'Roboto';
18-
}
19-
h1 {
20-
text-align: center;
21-
font-family: 'Unica One';
22-
font-size: 55px;
23-
24-
padding-bottom: 10px;
25-
border-bottom: 2px solid black;
26-
}
27-
.important_letter {
28-
color: tomato;
29-
}
30-
#score_div {
31-
display: block;
32-
position: fixed;
33-
right: 30px; bottom: 100px;
34-
35-
font-family: 'Quicksand';
36-
}
37-
#comparisons, #movements, #runtime {
38-
font-weight: bold;
39-
font-size: 20px;
40-
}
41-
42-
td {
43-
padding: 0 7.5px;
44-
}
45-
#algorithm_div {
46-
display: block;
47-
position: fixed;
48-
right: 30px; top: 150px;
49-
background-color: rgba(255,255,255,0.75);
50-
51-
font-family: 'Quicksand';
52-
font-weight: bold;
53-
font-size: 35px;
54-
}
55-
#algorithm_div::first-letter {
56-
color: tomato;
57-
}
58-
59-
60-
#algorithm_settings {
61-
border-left: 1.5px solid dimgray;
62-
background-color: rgba(255,255,255,0.75);
63-
display: block;
64-
position: fixed;
65-
left: 25px; top: 350px;
66-
padding: 15px 2.5px;
67-
}
68-
select, input {
69-
font-size: 12.5px;
70-
margin-bottom: 1px;
71-
font-family: 'Roboto';
72-
padding: 2.5px 7.5px;
73-
border: 1px solid #cecece;
74-
border-radius: 1px;
75-
}
76-
select:focus, input:focus {
77-
outline: none;
78-
}
79-
#algorithm_settings input[type="button"] {
80-
background-color: tomato;
81-
border: none;
82-
color: white;
83-
padding: 7.5px 15px;
84-
border-radius: 2.5px;
85-
font-size: 15px;
86-
margin-top: 12.5px;
87-
transition: .5s ease;
88-
}
89-
#algorithm_settings input[type="button"]:hover {
90-
cursor: pointer;
91-
opacity: 0.8;
92-
}
93-
#algorithm_settings td:last-child {
94-
text-align: right;
95-
}
96-
97-
98-
#canvas_div {
99-
display: block;
100-
margin: 0 auto;
101-
width: 70%;
102-
103-
/* border-left: 2px dashed dimgray;
104-
border-right: 2px dashed dimgray; */
105-
}
106-
107-
canvas {
108-
display: block;
109-
margin: 0 auto;
110-
/* background-color: aliceblue; */
111-
112-
/* border-bottom: 1.5px solid dimgray; */
113-
}
114-
footer {
115-
display: block;
116-
position: fixed;
117-
left: 0;
118-
right: 0;
119-
bottom: 0;
120-
121-
width: 100%;
122-
text-align: center;
123-
padding-bottom: 10px;
124-
font-family: 'Share Tech Mono';
125-
}
126-
</style>
127-
12812
<h1><span class='important_letter'>S</span>orting <span class='important_letter'>A</span>lgorithms</h1>
12913

13014
<div id="score_div">

‎node_modules/.bin/mime

+15
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/.bin/mime.cmd

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)