Skip to content

Codespace legendary rotary phone xqjp6x4646vhpjq6 #144

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Codespace legendary rotary phone xqjp6x4646vhpjq6 #144

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3102a57
Initial commit
MC1398 Aug 2, 2024
22f45c1
Pending changes exported from your codespace
MC1398 Aug 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions .learn/resets/01-inline-styles/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>01 Inline Styles</title>
</head>

<body>
<table>
<tr>
<td>Hello</td>
</tr>
<tr>
<td>My brother</td>
</tr>
</table>
</body>
</html>
1 change: 1 addition & 0 deletions .learn/resets/02-style-tag/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!-- Your code here -->
6 changes: 6 additions & 0 deletions .learn/resets/02.1-add-a-style-tag/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!-- add a style tag and select the <p> tag, then make it color "blue" -->
<p>
Coding is a basic literacy in the digital age, and it is important for kids to understand and be able to work with and understand the technology
around them. Having children learn to code at a young age prepares them for the future. Coding helps children with communication, creativity,
math, writing, and confidence.
</p>
14 changes: 14 additions & 0 deletions .learn/resets/02.2-rbga-colors/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<style>
a {
/* change this style to yellow */
color: red;
}
</style>
</head>
<body>
Hello! <a href="#">I am an anchor in red, change my color to yellow</a>
</body>
</html>
11 changes: 11 additions & 0 deletions .learn/resets/02.3-your-second-style/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* Your code here */
</style>
</head>
<body>
Hello! My background should be blue!
</body>
</html>
9 changes: 9 additions & 0 deletions .learn/resets/03-separate-stylesheet/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
</head>
<body>
My background should be blue.
</body>
</html>
4 changes: 4 additions & 0 deletions .learn/resets/03-separate-stylesheet/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
/* your styles here:
1. Select the body tag
2. Add the background rule equal to blue
*/
10 changes: 10 additions & 0 deletions .learn/resets/03.1-background/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>03.1 Background</title>
</head>
<body>
My background should be an image with the size "contain"
</body>
</html>
5 changes: 5 additions & 0 deletions .learn/resets/03.1-background/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
body {
background-image: url(https://4geeksacademy.github.io/exercise-assets/img/bg/small-mosaic.jpg);
background-size: cover;
background-repeat: no-repeat;
}
43 changes: 43 additions & 0 deletions .learn/resets/04-list-styling/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>04 List styling</title>
</head>

<body>
<div class="container">
<h2>Your favorite drinks</h2>
<h4>Coca Cola drinks</h4>
<ol class="cocacola">
<li>Coca Cola</li>
<li>Dr. Pepper</li>
<li>Fanta</li>
</ol>

<h4>Pepsi drinks</h4>
<ol class="pepsi">
<li>Pepsi Cola</li>
<li>Mountain Dew</li>
<li>Gatorade</li>
</ol>

<h4>Healthy drinks</h4>
<ul class="healthy">
<li>Kombucha</li>
<li>Kale juice</li>
<li>Sparkling Water</li>
</ul>

<h4>Web-developer drinks</h4>
<ul class="dev-drinks">
<li>Coffee</li>
<li>COFFEE</li>
<li>COFFEE!!!</li>
</ul>
</div>
</body>
</html>
14 changes: 14 additions & 0 deletions .learn/resets/04-list-styling/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
body {
height: 100vh;
background: rgb(189, 189, 189);
}

.container {
font-family: "Comic Sans MS", "Comic Sans", cursive;
margin: 0 auto;
width: 70vw;
box-shadow: 3px 5px 20px #312f2f;
background-color: white;
padding: 120px;
width: 300px;
}
12 changes: 12 additions & 0 deletions .learn/resets/05-class-selector/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>05 Class selector</title>
</head>

<body>
<p>Hello!</p>
<p>World!</p>
</body>
</html>
3 changes: 3 additions & 0 deletions .learn/resets/05-class-selector/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.b-blue {
background: blue;
}
11 changes: 11 additions & 0 deletions .learn/resets/05.1-combined-rules/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>05.1 Combined Rules</title>
</head>

<body>
<div class="myBox">Hello!</div>
</body>
</html>
14 changes: 14 additions & 0 deletions .learn/resets/05.1-combined-rules/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.myBox {
width: 50px;
height: 50px;
padding-top: 10px;
padding-left: 30px;
padding-right: 190px;
padding-bottom: 50px;

background: rgb(189, 189, 189);
background-image: url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true);
background-position-x: 100px;
background-repeat: no-repeat;
background-size: contain;
}
11 changes: 11 additions & 0 deletions .learn/resets/05.2-apply-several-classes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>04.2 Apply several classes</title>
</head>

<body>
<div class="card spades">9</div>
</body>
</html>
25 changes: 25 additions & 0 deletions .learn/resets/05.2-apply-several-classes/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
.card {
width: 150px;
height: 240px;
border: 1px solid black;
text-align: center;
line-height: 240px;
border-radius: 5px;
font-size: 1.5rem;
}
.card:after {
font-size: 80%;
font-weight: bold;
}

.spades,
.spades:after {
content: "♤";
color: black;
}

.heart,
.heart:after {
content: "♡";
color: red;
}
13 changes: 13 additions & 0 deletions .learn/resets/05.3-id-selector/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>
05.3 ID selector
</title>
</head>

<body>
<span>I should look like a button</span>
</body>
</html>
8 changes: 8 additions & 0 deletions .learn/resets/05.3-id-selector/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
#button1 {
background-color: #4caf50; /* Green */
color: white;
padding: 15px 32px;
text-align: center;
display: inline-block;
border-radius: 5px;
}
18 changes: 18 additions & 0 deletions .learn/resets/06-specificity/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>06 Specificity</title>
</head>
<body>
<ul>
<li>My first item of the list</li>
<li>My second item of the list</li>
<li id="thirditem">My third item of the list</li>
<li>My fourth item of the list</li>
<li>My fifth item of the list</li>
</ul>
</body>
</html>
8 changes: 8 additions & 0 deletions .learn/resets/06-specificity/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
ul li {
background: blue;
}

li + #thirditem {
background: yellow;
}
/**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/
34 changes: 34 additions & 0 deletions .learn/resets/07-practicing-rules/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>07 Practicing Rules</title>
</head>

<body>
<div style="width: 640px">
<h1>The learning essay</h1>
<h2>3 reasons you know you are learning</h2>
<p id="id1">
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.
</p>
<ol>
<li>You are able to complete the exercises by yourself.</li>
<li>You understand what the teacher is talking about.</li>
<li>You are able to have conversations about the topic.</li>
</ol>
<h2>3 reasons you love what you are learning</h2>
<ul>
<li>Time passes fast.</li>
<li>You are anxious to finish this exercise and start the next one.</li>
<li>It's 12am and you don't want to go to sleep.</li>
</ul>
<p>
If you can't sleep, what's better than watching videos of cats?
<a href="https://www.youtube.com/shorts/wdjpworLSk8">click here</a>
</p>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions .learn/resets/07-practicing-rules/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* add your styles here */
82 changes: 82 additions & 0 deletions .learn/resets/08-very-specific-rules/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>08 Very Specific Rules</title>
</head>
<body>
<h1>The learning essay</h1>
<h2>3 reasons you know you are learning</h2>
<p id="id1">
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.
</p>
<ol>
<li>You are able to complete the exercises by yourself.</li>
<li>You understand what the teacher is talking about</li>
<li>You are able to have conversations about the topic</li>
</ol>
<h2>3 reasons you know love what you are learning</h2>
<ul>
<li>Time passes fast.</li>
<li>You are anxious to finish this exercise and start the next one.</li>
<li>It's 12am and you don't want to go to sleep.</li>
</ul>
<p>
If you can't sleep, what better than watching videos of cats?
<a href="https://www.youtube.com/shorts/wdjpworLSk8">click here</a>
</p>

<table>
<tr>
<td>Age</td>
<td>Gender</td>
</tr>
<tr>
<td>12</td>
<td>Male</td>
</tr>
<tr>
<td>22</td>
<td>Female</td>
</tr>
<tr>
<td>11</td>
<td>Male</td>
</tr>
<tr>
<td>21</td>
<td>Male</td>
</tr>
<tr>
<td>22</td>
<td>Female</td>
</tr>
<tr>
<td>10</td>
<td>Male</td>
</tr>
<tr>
<td>13</td>
<td>Female</td>
</tr>
<tr>
<td>13</td>
<td>Male</td>
</tr>
<tr>
<td>10</td>
<td>Male</td>
</tr>
<tr>
<td>11</td>
<td>Male</td>
</tr>
<tr>
<td>11</td>
<td>Male</td>
</tr>
</table>
</body>
</html>
Loading