Skip to content

Commit 5e841b2

Browse files
herminiotorresherminiotorres
committed
Iniciando o dia 17
1 parent 64f7a6d commit 5e841b2

File tree

4 files changed

+108
-0
lines changed

4 files changed

+108
-0
lines changed

‎17-SortWithoutArticles/finish.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Sort Without Articles</title>
6+
</head>
7+
<body>
8+
9+
<style>
10+
body {
11+
margin: 0;
12+
font-family: sans-serif;
13+
background: url("https://source.unsplash.com/nDqA4d5NL0k/2000x2000");
14+
background-size: cover;
15+
display: flex;
16+
align-items: center;
17+
min-height: 100vh;
18+
}
19+
20+
#bands {
21+
list-style: inside square;
22+
font-size: 20px;
23+
background: white;
24+
width: 500px;
25+
margin: auto;
26+
padding: 0;
27+
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
28+
}
29+
#bands li {
30+
border-bottom: 1px solid #efefef;
31+
padding: 20px;
32+
}
33+
#bands li:last-child {
34+
border-bottom: 0;
35+
}
36+
37+
a {
38+
color: #ffc600;
39+
text-decoration: none;
40+
}
41+
42+
</style>
43+
44+
<ul id="bands"></ul>
45+
46+
<script>
47+
const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
48+
49+
50+
</script>
51+
52+
</body>
53+
</html>

‎17-SortWithoutArticles/start.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Sort Without Articles</title>
6+
</head>
7+
<body>
8+
9+
<style>
10+
body {
11+
margin: 0;
12+
font-family: sans-serif;
13+
background: url("https://source.unsplash.com/nDqA4d5NL0k/2000x2000");
14+
background-size: cover;
15+
display: flex;
16+
align-items: center;
17+
min-height: 100vh;
18+
}
19+
20+
#bands {
21+
list-style: inside square;
22+
font-size: 20px;
23+
background: white;
24+
width: 500px;
25+
margin: auto;
26+
padding: 0;
27+
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
28+
}
29+
#bands li {
30+
border-bottom: 1px solid #efefef;
31+
padding: 20px;
32+
}
33+
#bands li:last-child {
34+
border-bottom: 0;
35+
}
36+
37+
a {
38+
color: #ffc600;
39+
text-decoration: none;
40+
}
41+
42+
</style>
43+
44+
<ul id="bands"></ul>
45+
46+
<script>
47+
const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
48+
49+
50+
</script>
51+
52+
</body>
53+
</html>

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,4 @@ Github official the course at [https://github.com/wesbos/JavaScript30](https://g
2727
* [14-JavaScriptReferencesVSCopying](https://herminiotorres.github.io/JavaScript30/14-JavaScriptReferencesVSCopying/finish.html)
2828
* [15-LocalStorage](https://herminiotorres.github.io/JavaScript30/15-LocalStorage/finish.html)
2929
* [16-MouseMoveShadow](https://herminiotorres.github.io/JavaScript30/16-MouseMoveShadow/finish.html)
30+
* [17-SortWithoutArticles](https://herminiotorres.github.io/JavaScript30/17-SortWithoutArticles/finish.html)

‎index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ <h3>List of Exercises</h3>
4040
<li><a href="https://herminiotorres.github.io/JavaScript30/14-JavaScriptReferencesVSCopying/finish.html">14-JavaScriptReferencesVSCopying</a></li>
4141
<li><a href="https://herminiotorres.github.io/JavaScript30/15-LocalStorage/finish.html">15-LocalStorage</a></li>
4242
<li><a href="https://herminiotorres.github.io/JavaScript30/16-MouseMoveShadow/finish.html">16-MouseMoveShadow</a></li>
43+
<li><a href="https://herminiotorres.github.io/JavaScript30/17-SortWithoutArticles/finish.html">17-SortWithoutArticles</a></li>
4344
</ul>
4445
</body>
4546

0 commit comments

Comments
 (0)