Updated the instructions to dl the html & data files locally. (#620)

subjects/build-brick-and-break/README.md

@@ -32,7 +32,9 @@ Today, your mission is to build a 3-column brick tower, maintain it and finally
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/build-brick-and-break/index.html), which includes:
+You have at your disposal the following file that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/build-brick-and-break/index.html) to open in the browser, which includes:
 
   - the JS script running some code, and which will also allow to run yours
   - some CSS pre-styled classes: feel free to use those as they are, or modify them

subjects/fifty-shades-of-cold/README.md

@@ -32,12 +32,14 @@ Check the `colors` array provided in the data file below.
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/fifty-shades-of-cold/index.html), which includes:
+You have at your disposal the following files that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/fifty-shades-of-cold/index.html) to open in the browser, which includes:
 
   - the JS script running some code, and which will also allow to run yours
   - some CSS pre-styled classes: feel free to use those as they are, or modify them
 
-- Import `colors` from the data file [data.js](/public/subjects/fifty-shades-of-cold/data.js)
+- the data file [data.js](/public/subjects/fifty-shades-of-cold/data.js) from which you can import `colors`
 
 ### Expected result
 

subjects/get-them-all/README.md

@@ -31,7 +31,9 @@ On top of the webpage, each of the four buttons fires a function which has to re
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/get-them-all/index.html), which includes:
+You have at your disposal the following files that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/get-them-all/index.html) to open in the browser, which includes:
 
   - the JS script running some code, and which will also allow to run yours
   - some data used to generate content

subjects/gossip-grid/README.md

@@ -11,11 +11,11 @@ The first `gossip` card must be a `form` with a `textarea` and a submit button w
 
 Create 3 `type="range"` inputs with the class `range`, all wrapped in a `div` with the class `ranges`:
 
-- one with `id="width"` that control the width of cards *(from 200 to 800 pixels)*
-- one with `id="fontSize"` that control the font size *(from 20 to 40 pixels)*
-- one with `id="background"` that control the background lightness *(from 20% to 75%)*
+- one with `id="width"` that control the width of cards _(from 200 to 800 pixels)_
+- one with `id="fontSize"` that control the font size _(from 20 to 40 pixels)_
+- one with `id="background"` that control the background lightness _(from 20% to 75%)_
 
-> *tips:* use `hsl` for colors 
+> _tips:_ use `hsl` for colors
 
 ### Notions
 
@@ -24,12 +24,14 @@ Create 3 `type="range"` inputs with the class `range`, all wrapped in a `div` wi
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/gossip-grid/index.html), which includes:
+You have at your disposal the following files that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/gossip-grid/index.html) to open in the browser, which includes:
 
   - the JS script which will allow to run your code
   - some CSS pre-styled classes: feel free to use those as they are, or modify them
 
-- Import `gossips` from the data file [data.js](/public/subjects/gossip-grid/data.js)
+- the data file [data.js](/public/subjects/gossip-grid/data.js) from which you can import `gossips`
 
 ### Expected result
 

subjects/gossip-grid/index.html

@@ -99,7 +99,7 @@ textarea::placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.button {
+button {
   margin-top: 20px;
   text-align: right;
   border: solid 1px white;

subjects/harder-bigger-bolder-stronger/README.md

@@ -13,7 +13,9 @@ Write the function `generateLetters` which creates 120 `div`, each containing a
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/harder-bigger-bolder-stronger/index.html), which includes:
+You have at your disposal the following file that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/harder-bigger-bolder-stronger/index.html) to open in the browser, which includes:
 
   - the JS script running some code, and which will also allow to run yours
   - some CSS pre-styled classes: feel free to use those as they are, or modify them

subjects/keycodes-symphony/README.md

@@ -17,7 +17,9 @@ Write the function `compose`:
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/keycodes-symphony/index.html), which includes:
+You have at your disposal the following file that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/keycodes-symphony/index.html) to open in the browser, which includes:
 
   - the JS script which will allow to run your code
   - some CSS pre-styled classes: feel free to use those as they are, or modify them

subjects/mouse-trap/README.md

@@ -21,7 +21,9 @@ Develop a trap to capture the elements when the mouse is getting too close to th
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/mouse-trap/index.html), which includes:
+You have at your disposal the following file that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/mouse-trap/index.html) to open in the browser, which includes:
 
   - the JS script which will allow to run your code
   - some CSS pre-styled classes: feel free to use those as they are, or modify them

subjects/pick-and-click/README.md

@@ -10,7 +10,7 @@ Write the function `pick` which turns the screen into a `hsl` color picker, vary
   - on the axis X, the hue value has to vary between 0 and 360
   - on the axis Y, the luminosity value has to vary between 0 and 100
 - displays those 3 values using the `text` class:
-  - the full `hsl` value in the middle of the screen
+  - the full `hsl` value in a `div` with the class `hsl` in the middle of the screen
   - the `hue` value in a `div` with the class `hue` in the top right corner of the screen
   - the `luminosity` value in a `div` with the class `luminosity` in the bottom left corner of the screen
 - copies that value in the clipboard on click
@@ -31,7 +31,9 @@ Write the function `pick` which turns the screen into a `hsl` color picker, vary
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/pick-and-click/index.html), which includes:
+You have at your disposal the following file that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/pick-and-click/index.html) to open in the browser, which includes:
 
   - the JS script which will allow to run your code
   - some CSS pre-styled classes: feel free to use those as they are, or modify them

subjects/pimp-my-style/README.md

@@ -41,12 +41,14 @@ Click 6 --> <button class="button"></div>
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/pimp-my-style/index.html), which includes:
+You have at your disposal the following files that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/pimp-my-style/index.html) to open in the browser, which includes:
 
   - the JS script running some code, and which will also allow to run yours
   - some CSS pre-styled classes: feel free to use those as they are, or modify them
 
-- Import `styles` from the data file [data.js](/public/subjects/pimp-my-style/data.js)
+- the data file [data.js](/public/subjects/pimp-my-style/data.js) from which you can import `styles`
 
 ### Expected result
 

subjects/where-do-we-go/README.md

@@ -24,12 +24,14 @@ Write the function `explore` which creates a page displaying the list of `places
 
 ### Provided files
 
-- Check the HTML file [index.html](/public/subjects/where-do-we-go/index.html), which includes:
+You have at your disposal the following files that you can download to test locally:
+
+- the HTML file [index.html](/public/subjects/where-do-we-go/index.html) to open in the browser, which includes:
 
   - the JS script which will allow to run your code
   - some CSS pre-styled classes: feel free to use those as they are, or modify them
 
-- Import `places` from the data file [data.js](/public/subjects/where-do-we-go/data.js)
+- the data file [data.js](/public/subjects/where-do-we-go/data.js) from which you can import `places`
 
 ### Expected result