Skip to content

Commit

Permalink
primer postal
Browse files Browse the repository at this point in the history
  • Loading branch information
rialinho committed Jan 29, 2025
1 parent b6e419b commit 8cc6fe9
Show file tree
Hide file tree
Showing 12 changed files with 476 additions and 1 deletion.
1 change: 1 addition & 0 deletions .learn/resets/00-welcome/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
hello!! world
59 changes: 59 additions & 0 deletions .learn/resets/00-welcome/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
.postcard {
background: white;
width: 400px;
height: 300px;
margin: auto;
}

.postcard-header {
display: flex;
}

.postcard-header img {
width: 50px;
height: 50px;
}
.postcard-header h1 {
width: 350px;
margin: 0px;
}

.postcard-body {
display: flex;
}

.body-right {
width: 160px;
}

.body-left {
width: 200px;
}

.body-left p {
margin-top: 0;
}

.body-left,
.body-right {
padding: 2px;
}

.body-right input {
border: grey;
border-bottom: 1px solid grey;
}

.postcard-footer {
width: 400px;
}

.postcard-footer {
text-align: center;
}

.postcard-footer button {
padding: 1px;
background-color: rgb(231, 222, 222);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
41 changes: 41 additions & 0 deletions .learn/resets/12.1-body-content/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Postcard</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="postcard">
<div class="postcard-header">
<h1>My postcard</h1>
<img
src="https://raw.githubusercontent.com/breatheco-de/exercise-postcard/e63a7916530cc850bd92aa1c2e19191837fb5c80/.learn/assets/4geeks.png"
alt="imagen de ejemplo"
class="imagen"
/>
</div>

<div class="postcard-body">
<div class="body-left">
<p>
Look how awesome! This is a postcard that I created using HTML5 and CSS3 during my 4Geeks Academy Course! <br />
<br />
This is so cool, can't wait to start doing more stuff!
</p>
</div>

<div class="body-right">
<input type="text" placeholder="Some Name" />
<input type="text" placeholder="Some Email" />
<input type="text" placeholder="Some Comments" />
</div>
</div>

<div class="postcard-footer">
<button>Send my Postcard</button>
</div>
</div>
</body>
</html>
59 changes: 59 additions & 0 deletions .learn/resets/12.1-body-content/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
.postcard {
background: white;
width: 400px;
height: 300px;
margin: auto;
}

.postcard-header {
display: flex;
}

.postcard-header img {
width: 50px;
height: 50px;
}
.postcard-header h1 {
width: 350px;
margin: 0px;
}

.postcard-body {
display: flex;
}

.body-right {
width: 160px;
}

.body-left {
width: 200px;
}

.body-left p {
margin-top: 0;
}

.body-left,
.body-right {
padding: 2px;
}

.body-right input {
border: grey;
border-bottom: 1px solid grey;
}

.postcard-footer {
width: 400px;
}

.postcard-footer {
text-align: center;
}

.postcard-footer button {
padding: 1px;
background-color: rgb(231, 222, 222);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
41 changes: 41 additions & 0 deletions .learn/resets/13-check-your-code/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Postcard</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="postcard">
<div class="postcard-header">
<h1>My postcard</h1>
<img
src="https://raw.githubusercontent.com/breatheco-de/exercise-postcard/e63a7916530cc850bd92aa1c2e19191837fb5c80/.learn/assets/4geeks.png"
alt="imagen de ejemplo"
class="imagen"
/>
</div>

<div class="postcard-body">
<div class="body-left">
<p>
Look how awesome! This is a postcard that I created using HTML5 and CSS3 during my 4Geeks Academy Course! <br />
<br />
This is so cool, can't wait to start doing more stuff!
</p>
</div>

<div class="body-right">
<input type="text" placeholder="Some Name" />
<input type="text" placeholder="Some Email" />
<input type="text" placeholder="Some Comments" />
</div>
</div>

<div class="postcard-footer">
<button>Send my Postcard</button>
</div>
</div>
</body>
</html>
59 changes: 59 additions & 0 deletions .learn/resets/13-check-your-code/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
.postcard {
background: white;
width: 400px;
height: 300px;
margin: auto;
}

.postcard-header {
display: flex;
}

.postcard-header img {
width: 50px;
height: 50px;
}
.postcard-header h1 {
width: 350px;
margin: 0px;
}

.postcard-body {
display: flex;
}

.body-right {
width: 160px;
}

.body-left {
width: 200px;
}

.body-left p {
margin-top: 0;
}

.body-left,
.body-right {
padding: 2px;
}

.body-right input {
border: grey;
border-bottom: 1px solid grey;
}

.postcard-footer {
width: 400px;
}

.postcard-footer {
text-align: center;
}

.postcard-footer button {
padding: 1px;
background-color: rgb(231, 222, 222);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
41 changes: 41 additions & 0 deletions .learn/resets/14-goodbye/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Postcard</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="postcard">
<div class="postcard-header">
<h1>My postcard</h1>
<img
src="https://raw.githubusercontent.com/breatheco-de/exercise-postcard/e63a7916530cc850bd92aa1c2e19191837fb5c80/.learn/assets/4geeks.png"
alt="imagen de ejemplo"
class="imagen"
/>
</div>

<div class="postcard-body">
<div class="body-left">
<p>
Look how awesome! This is a postcard that I created using HTML5 and CSS3 during my 4Geeks Academy Course! <br />
<br />
This is so cool, can't wait to start doing more stuff!
</p>
</div>

<div class="body-right">
<input type="text" placeholder="Some Name" />
<input type="text" placeholder="Some Email" />
<input type="text" placeholder="Some Comments" />
</div>
</div>

<div class="postcard-footer">
<button>Send my Postcard</button>
</div>
</div>
</body>
</html>
59 changes: 59 additions & 0 deletions .learn/resets/14-goodbye/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
.postcard {
background: white;
width: 400px;
height: 300px;
margin: auto;
}

.postcard-header {
display: flex;
}

.postcard-header img {
width: 50px;
height: 50px;
}
.postcard-header h1 {
width: 350px;
margin: 0px;
}

.postcard-body {
display: flex;
}

.body-right {
width: 160px;
}

.body-left {
width: 200px;
}

.body-left p {
margin-top: 0;
}

.body-left,
.body-right {
padding: 2px;
}

.body-right input {
border: grey;
border-bottom: 1px solid grey;
}

.postcard-footer {
width: 400px;
}

.postcard-footer {
text-align: center;
}

.postcard-footer button {
padding: 1px;
background-color: rgb(231, 222, 222);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
1 change: 1 addition & 0 deletions .learn/telemetry.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"telemetry_id":"s5oyrog86m3pqa3h","slug":"exercise-postcard","agent":"vscode","tutorial_started_at":1738014702918,"steps":[{"slug":"00-welcome","position":0,"files":[{"path":".learn/exercises/00-welcome/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/00-welcome/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"01-design","position":1,"files":[{"path":".learn/exercises/01-design/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/01-design/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1738174052559,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-29T18:07:32.559Z","exit_code":0}],"tests":[],"is_testeable":false,"opened_at":1738174049835},{"slug":"02-create-index","position":2,"files":[{"path":".learn/exercises/02-create-index/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/02-create-index/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/02-create-index/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"03-add-first-html","position":3,"files":[{"path":".learn/exercises/03-add-first-html/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/03-add-first-html/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"04-build-the-website","position":4,"files":[{"path":".learn/exercises/04-build-the-website/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/04-build-the-website/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"05-how-to-start","position":5,"files":[{"path":".learn/exercises/05-how-to-start/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/05-how-to-start/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"06-lets-start-building","position":6,"files":[{"path":".learn/exercises/06-lets-start-building/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/06-lets-start-building/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/06-lets-start-building/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"07-the-first-div","position":7,"files":[{"path":".learn/exercises/07-the-first-div/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/07-the-first-div/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/07-the-first-div/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"08-adding-styles","position":8,"files":[{"path":".learn/exercises/08-adding-styles/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/08-adding-styles/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/08-adding-styles/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"08.1-red-borders","position":9,"files":[{"path":".learn/exercises/08.1-red-borders/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/08.1-red-borders/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/08.1-red-borders/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"09-connecting-stylesheet","position":10,"files":[{"path":".learn/exercises/09-connecting-stylesheet/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/09-connecting-stylesheet/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/09-connecting-stylesheet/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"10-center-postcard","position":11,"files":[{"path":".learn/exercises/10-center-postcard/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/10-center-postcard/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/10-center-postcard/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11-postcard-divisions","position":12,"files":[{"path":".learn/exercises/11-postcard-divisions/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11-postcard-divisions/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11-postcard-divisions/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11.1-header-content","position":13,"files":[{"path":".learn/exercises/11.1-header-content/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11.1-header-content/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11.1-header-content/solution.hide.css","name":"solution.hide.css","hidden":true},{"path":".learn/exercises/11.1-header-content/solution.hide.html","name":"solution.hide.html","hidden":true},{"path":".learn/exercises/11.1-header-content/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11.2-header-styles","position":14,"files":[{"path":".learn/exercises/11.2-header-styles/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11.2-header-styles/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11.2-header-styles/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"12-split-postcard-body","position":15,"files":[{"path":".learn/exercises/12-split-postcard-body/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/12-split-postcard-body/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/12-split-postcard-body/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"12.1-body-content","position":16,"files":[{"path":".learn/exercises/12.1-body-content/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/12.1-body-content/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/12.1-body-content/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1738108335867,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:52:15.867Z","exit_code":0}],"tests":[],"is_testeable":true,"opened_at":1738015493843},{"slug":"13-check-your-code","position":17,"files":[{"path":".learn/exercises/13-check-your-code/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/13-check-your-code/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1738107345535,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:35:45.535Z","exit_code":0},{"starting_at":1738107411158,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:36:51.158Z","exit_code":0}],"tests":[],"is_testeable":false,"opened_at":1738107245913,"completed_at":1738107247176},{"slug":"14-goodbye","position":18,"files":[{"path":".learn/exercises/14-goodbye/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/14-goodbye/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1738107249592,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:34:09.592Z","exit_code":0},{"starting_at":1738107269563,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:34:29.563Z","exit_code":0},{"starting_at":1738107297016,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:34:57.016Z","exit_code":0},{"starting_at":1738107300621,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:35:00.621Z","exit_code":0},{"starting_at":1738107306561,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:35:06.561Z","exit_code":0},{"starting_at":1738107391034,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-28T23:36:31.034Z","exit_code":0},{"starting_at":1738173610728,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-29T18:00:10.728Z","exit_code":0},{"starting_at":1738173692230,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-29T18:01:32.230Z","exit_code":0},{"starting_at":1738173702998,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2025-01-29T18:01:42.998Z","exit_code":0}],"tests":[],"is_testeable":false,"opened_at":1738107247176,"completed_at":1738107278193}],"workout_session":[{"started_at":1738014702918,"ended_at":1738015499339},{"started_at":1738107176163,"ended_at":1738107487515},{"started_at":1738107766224,"ended_at":1738107776291},{"started_at":1738107810638,"ended_at":1738107776291},{"started_at":1738107837977,"ended_at":1738107776291},{"started_at":1738108304257,"ended_at":1738108340882},{"started_at":1738173506011,"ended_at":1738173818705},{"started_at":1738174001467,"ended_at":1738173818705},{"started_at":1738174034538}],"user_id":13708,"last_interaction_at":1738174052559}
15 changes: 15 additions & 0 deletions .vscode/launch.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
// Use IntelliSense para saber los atributos posibles.
// Mantenga el puntero para ver las descripciones de los existentes atributos.
// Para más información, visite: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Iniciar Chrome para localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
Loading

0 comments on commit 8cc6fe9

Please sign in to comment.