diff --git a/subjects/build-brick-and-break/README.md b/subjects/build-brick-and-break/README.md index fa364058..11dbf588 100644 --- a/subjects/build-brick-and-break/README.md +++ b/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 diff --git a/subjects/fifty-shades-of-cold/README.md b/subjects/fifty-shades-of-cold/README.md index 2477962a..66540063 100644 --- a/subjects/fifty-shades-of-cold/README.md +++ b/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 diff --git a/subjects/get-them-all/README.md b/subjects/get-them-all/README.md index 0c2d3238..67240e16 100644 --- a/subjects/get-them-all/README.md +++ b/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 diff --git a/subjects/gossip-grid/README.md b/subjects/gossip-grid/README.md index e927b82e..55f23dac 100644 --- a/subjects/gossip-grid/README.md +++ b/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 diff --git a/subjects/gossip-grid/index.html b/subjects/gossip-grid/index.html index fa06ea5d..b593c46b 100644 --- a/subjects/gossip-grid/index.html +++ b/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; diff --git a/subjects/harder-bigger-bolder-stronger/README.md b/subjects/harder-bigger-bolder-stronger/README.md index 18b55a1b..a47dcce5 100644 --- a/subjects/harder-bigger-bolder-stronger/README.md +++ b/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 diff --git a/subjects/keycodes-symphony/README.md b/subjects/keycodes-symphony/README.md index 6498bd53..d08c64ea 100644 --- a/subjects/keycodes-symphony/README.md +++ b/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 diff --git a/subjects/mouse-trap/README.md b/subjects/mouse-trap/README.md index a85b6dc7..1ad7ec86 100644 --- a/subjects/mouse-trap/README.md +++ b/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 diff --git a/subjects/pick-and-click/README.md b/subjects/pick-and-click/README.md index 85ffbf61..45d8f7a0 100644 --- a/subjects/pick-and-click/README.md +++ b/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 diff --git a/subjects/pimp-my-style/README.md b/subjects/pimp-my-style/README.md index eca5804a..f76864c6 100644 --- a/subjects/pimp-my-style/README.md +++ b/subjects/pimp-my-style/README.md @@ -41,12 +41,14 @@ Click 6 -->