learnpack adjustments on instructions, some images, etc.

alesanchezr · alesanchezr · commit e9306618337e · 2021-02-08T17:11:53.000Z
diff --git a/.gitignore b/.gitignore
@@ -5,6 +5,7 @@
 !.gitpod.yml
 !.gitpod.Dockerfile
 !bc.json
+!learn.json
 !README.md
 
 !/exercises
diff --git a/.learn/assets/einstein.png b/.learn/assets/einstein.png
diff --git a/.learn/assets/logo.ico b/.learn/assets/logo.ico
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <table>
   <tr>
-    <td><img src="https://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,32"></td>
+    <td><img src="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/logo.ico?raw=true"></td>
     <td>
       <h1 align="center"> CSS Exercises Tutorial at 4Geeks Academy</h1>
       <img src="https://img.shields.io/github/last-commit/4geeksacademy/css-tutorial-exercises-course" />
@@ -33,22 +33,26 @@ Complete selection of autograded CSS exercises, anyone interested in learning CS
 
 ## Manual installation
 
-1) After downloading the exercise, make sure you have the [breathecode-cli](https://github.com/breatheco-de/breathecode-cli) installed and `node.js` version 8+
+1) Install the learnpack package manager for education and the html plugin to compile an test html exercises: 
+
 ```
-This is the command to install the breathecode-cli
-$ npm i breathecode-cli -g
+$ npm i learnpack -g
+$ learnpack plugins:install learnpack-html
 ```
 
-2) Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.
+2) Download the exercises 
+
+```bash
+$ learnpack install css-tutorial-exercises-course
+```
 
-Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.
+Note: Once you finish downloading, you will need to `cd` into the exercises folder and you will find a "exercises" folder that contains all the exercises within.
 
-3) Start the tutorial/exercises by running the following command at the same level were your bc.json file is:
+3) Start the tutorial/exercises by running the following command at the same level were your learn.json file is:
 
 ```sh
 $ npm i jest@24.8.0 -g
-$ cd ./css-exercises
-$ breathecode run
+$ learnpack start
 ```
 
 <p align="center">
diff --git a/exercises/04.1-Combined-Rules/styles.css b/exercises/04.1-Combined-Rules/styles.css
@@ -7,7 +7,7 @@
 	padding-bottom: 50px;
 
     background: rgb(189, 189, 189);
-	background-image: url(https://assets.breatheco.de/apis/img/funny/baby.jpg);
+	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;
diff --git a/exercises/04.1-Combined-Rules/tests.js b/exercises/04.1-Combined-Rules/tests.js
@@ -130,8 +130,7 @@ describe("All the styles should be applied", function () {
     expect(orangeHoverSelector).toContain('#bdbdbd');
     expect(orangeHoverSelector).toContain('no-repeat');
     expect(orangeHoverSelector).toContain('100px');
-    expect(orangeHoverSelector).toContain('url(https://assets.breatheco.de/apis/img/funny/baby.jpg)');
-    // expect(orangeHoverSelector).toBe('#bdbdbd url(https://assets.breatheco.de/img/funny/scared-baby.jpg) no-repeat 100px');
+    expect(orangeHoverSelector).toContain('url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true)');
   });
 
   it("the padding should include the shorthand property in the right order (top, right, bottom, left)", function () {
diff --git a/exercises/06-Practicing-Rules/tests.js b/exercises/06-Practicing-Rules/tests.js
@@ -26,7 +26,7 @@ describe("All the styles should be applied", function () {
     let body=document.querySelector("body");
     let styles=window.getComputedStyle(body);
     expect(styles["background"]).toBe(
-      `url(http://assets.breatheco.de/apis/img/bg/background-vertical.jpg) repeat-y`
+      `url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/background-vertical.jpg?raw=true) repeat-y`
     );
   });
   it("the font-family should be 'Times New Roman'", function () {
diff --git a/exercises/08-Rounded-Image/index.html b/exercises/08-Rounded-Image/index.html
@@ -8,6 +8,6 @@
 	</head>
 
 	<body>
-		<img class="rounded" src="https://assets.breatheco.de/apis/img/funny/einstein.png" />
+		<img class="rounded" src="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/einstein.png?raw=true" />
 	</body>
 </html>
diff --git a/learn.json b/learn.json
