Skip to content

Commit 453b1ca

Browse files
JoseAnt7JoseAnt7
committed
rest
1 parent 30da847 commit 453b1ca

File tree

9 files changed

+185
-1
lines changed

9 files changed

+185
-1
lines changed

‎.learn/resets/06-specificity/index.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<title>06 Specificity</title>
8+
</head>
9+
<body>
10+
<ul>
11+
<li>My first item of the list</li>
12+
<li>My second item of the list</li>
13+
<li id="thirditem">My third item of the list</li>
14+
<li>My fourth item of the list</li>
15+
<li>My fifth item of the list</li>
16+
</ul>
17+
</body>
18+
</html>

‎.learn/resets/06-specificity/styles.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
ul li {
2+
background: blue;
3+
}
4+
5+
li + #thirditem {
6+
background: yellow;
7+
}
8+
/**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/

‎.learn/resets/07-practicing-rules/index.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<title>07 Practicing Rules</title>
8+
</head>
9+
10+
<body>
11+
<div style="width: 640px">
12+
<h1>The learning essay</h1>
13+
<h2>3 reasons you know you are learning</h2>
14+
<p id="id1">
15+
We are going to explain in this paragraph the 3 most common signs that you should look into yourself to recognize if you are learning.
16+
</p>
17+
<ol>
18+
<li>You are able to complete the exercises by yourself.</li>
19+
<li>You understand what the teacher is talking about.</li>
20+
<li>You are able to have conversations about the topic.</li>
21+
</ol>
22+
<h2>3 reasons you love what you are learning</h2>
23+
<ul>
24+
<li>Time passes fast.</li>
25+
<li>You are anxious to finish this exercise and start the next one.</li>
26+
<li>It's 12am and you don't want to go to sleep.</li>
27+
</ul>
28+
<p>
29+
If you can't sleep, what's better than watching videos of cats?
30+
<a href="https://www.youtube.com/shorts/wdjpworLSk8">click here</a>
31+
</p>
32+
</div>
33+
</body>
34+
</html>

‎.learn/resets/07-practicing-rules/styles.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/* add your styles here */

‎.learn/resets/08-very-specific-rules/index.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<title>08 Very Specific Rules</title>
8+
</head>
9+
<body>
10+
<h1>The learning essay</h1>
11+
<h2>3 reasons you know you are learning</h2>
12+
<p id="id1">
13+
We are going to explain in this paragraph the 3 most common signs that you should look into yourself to recognize if you are learning.
14+
</p>
15+
<ol>
16+
<li>You are able to complete the exercises by yourself.</li>
17+
<li>You understand what the teacher is talking about</li>
18+
<li>You are able to have conversations about the topic</li>
19+
</ol>
20+
<h2>3 reasons you know love what you are learning</h2>
21+
<ul>
22+
<li>Time passes fast.</li>
23+
<li>You are anxious to finish this exercise and start the next one.</li>
24+
<li>It's 12am and you don't want to go to sleep.</li>
25+
</ul>
26+
<p>
27+
If you can't sleep, what better than watching videos of cats?
28+
<a href="https://www.youtube.com/shorts/wdjpworLSk8">click here</a>
29+
</p>
30+
31+
<table>
32+
<tr>
33+
<td>Age</td>
34+
<td>Gender</td>
35+
</tr>
36+
<tr>
37+
<td>12</td>
38+
<td>Male</td>
39+
</tr>
40+
<tr>
41+
<td>22</td>
42+
<td>Female</td>
43+
</tr>
44+
<tr>
45+
<td>11</td>
46+
<td>Male</td>
47+
</tr>
48+
<tr>
49+
<td>21</td>
50+
<td>Male</td>
51+
</tr>
52+
<tr>
53+
<td>22</td>
54+
<td>Female</td>
55+
</tr>
56+
<tr>
57+
<td>10</td>
58+
<td>Male</td>
59+
</tr>
60+
<tr>
61+
<td>13</td>
62+
<td>Female</td>
63+
</tr>
64+
<tr>
65+
<td>13</td>
66+
<td>Male</td>
67+
</tr>
68+
<tr>
69+
<td>10</td>
70+
<td>Male</td>
71+
</tr>
72+
<tr>
73+
<td>11</td>
74+
<td>Male</td>
75+
</tr>
76+
<tr>
77+
<td>11</td>
78+
<td>Male</td>
79+
</tr>
80+
</table>
81+
</body>
82+
</html>

‎.learn/resets/08-very-specific-rules/styles.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
/** Insert your code here **/
2+
3+
/********** READ-ONLY BLOCK ******
4+
You CANNOT UPDATE anything from here on,
5+
only add lines of code on top of these lines
6+
**/
7+
8+
body {
9+
color: blue;
10+
}
11+
12+
ul li,
13+
ol li {
14+
color: green;
15+
}

‎exercises/05.3-id-selector/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99

1010
<body>
11-
<span>I should look like a button</span>
11+
<span id="button1">I should look like a button</span>
1212
</body>
1313
</html>

‎exercises/06-specificity/styles.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,7 @@ li + #thirditem {
66
background: yellow;
77
}
88
/**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/
9+
10+
#thirditem {
11+
background-color: green !important;
12+
}

‎exercises/07-practicing-rules/styles.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,23 @@
11
/* add your styles here */
2+
body {
3+
background-image: url("../../.learn/assets/background-vertical.jpg?raw=true");
4+
background-repeat: repeat-y;
5+
font-family: "Times New Roman", Times, serif;
6+
padding-left: 20px;
7+
}
8+
h1 {
9+
font-family: Courier;
10+
color: red;
11+
}
12+
h2 {
13+
text-decoration: underline;
14+
}
15+
#id1 {
16+
background-color: rgba(0, 0, 0, 0.2);
17+
padding: 5px;
18+
}
19+
a:hover {
20+
text-decoration: none;
21+
color: green;
22+
}
23+

0 commit comments

Comments
 (0)