Skip to content

Commit 7c1744d

Browse files
AustinGreenAustinGreen
committed
js 30
1 parent 90f952d commit 7c1744d

36 files changed

Lines changed: 847 additions & 555 deletions

File tree

‎01 - JavaScript Drum Kit/index-FINISHED.html‎

Lines changed: 0 additions & 83 deletions
This file was deleted.

‎01 - JavaScript Drum Kit/index-START.html‎

Lines changed: 0 additions & 66 deletions
This file was deleted.

‎01 - JavaScript Drum Kit/style.css‎

100644100755
Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
html {
22
font-size: 10px;
3-
background: url(http://i.imgur.com/b9r5sEL.jpg) bottom center;
3+
background:url(http://i.imgur.com/b9r5sEL.jpg) bottom center;
44
background-size: cover;
55
}
66
body,html {
@@ -10,41 +10,41 @@ body,html {
1010
}
1111

1212
.keys {
13-
display: flex;
14-
flex: 1;
15-
min-height: 100vh;
13+
display:flex;
14+
flex:1;
15+
min-height:100vh;
1616
align-items: center;
1717
justify-content: center;
1818
}
1919

2020
.key {
21-
border: .4rem solid black;
22-
border-radius: .5rem;
23-
margin: 1rem;
21+
border:4px solid black;
22+
border-radius:5px;
23+
margin:1rem;
2424
font-size: 1.5rem;
25-
padding: 1rem .5rem;
26-
transition: all .07s ease;
27-
width: 10rem;
25+
padding:1rem .5rem;
26+
transition:all .07s;
27+
width:100px;
2828
text-align: center;
29-
color: white;
30-
background: rgba(0,0,0,0.4);
31-
text-shadow: 0 0 .5rem black;
29+
color:white;
30+
background:rgba(0,0,0,0.4);
31+
text-shadow:0 0 5px black;
3232
}
3333

3434
.playing {
35-
transform: scale(1.1);
36-
border-color: #ffc600;
37-
box-shadow: 0 0 1rem #ffc600;
35+
transform:scale(1.1);
36+
border-color:#ffc600;
37+
box-shadow: 0 0 10px #ffc600;
3838
}
3939

4040
kbd {
4141
display: block;
42-
font-size: 4rem;
42+
font-size: 40px;
4343
}
4444

4545
.sound {
4646
font-size: 1.2rem;
4747
text-transform: uppercase;
48-
letter-spacing: .1rem;
49-
color: #ffc600;
48+
letter-spacing: 1px;
49+
color:#ffc600;
5050
}

‎02 - JS + CSS Clock/index-FINISHED.html‎

Lines changed: 0 additions & 98 deletions
This file was deleted.

‎02 - JS + CSS Clock/index-START.html‎

Lines changed: 0 additions & 73 deletions
This file was deleted.

0 commit comments

Comments
 (0)