fix(dom-subjects): renaming css files to data.css files

1 year ago · bc58ab2518
30 changed files with 20 additions and 20 deletions
--- a/subjects/build-brick-and-break/README.md
+++ b/subjects/build-brick-and-break/README.md
@ -26,7 +26,7 @@ You only need to create & submit the JS file `build-brick-and-break.js`, We're p
 - the HTML file [build-brick-and-break.html](./build-brick-and-break.html) can be opened in the browser, which includes:
  - the JS script running some code, and which will enable you to run your code.

- feel free to use the CSS file [build-brick-and-break.css](./build-brick-and-break.css) as it is or you can also modify it.
+- feel free to use the CSS file [build-brick-and-break.data.css](./build-brick-and-break.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/build-brick-and-break/build-brick-and-break.data.css
+++ b/subjects/build-brick-and-break/build-brick-and-break.data.css
--- a/subjects/build-brick-and-break/build-brick-and-break.html
+++ b/subjects/build-brick-and-break/build-brick-and-break.html
@ -5,7 +5,7 @@
  <title>Build brick and break</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./build-brick-and-break.css">
+  <link rel="stylesheet" type="text/css" href="./build-brick-and-break.data.css">
 </head>

 <body>
--- a/subjects/fifty-shades-of-cold/README.md
+++ b/subjects/fifty-shades-of-cold/README.md
@ -32,7 +32,7 @@ You only need to create & submit the JS file `fifty-shades-of-cold.js`, we're pr

 - the data file [fifty-shades-of-cold.data.js](./fifty-shades-of-cold.data.js) from which you can import `colors`.

- feel free to use the CSS file [fifty-shades-of-cold.css](./fifty-shades-of-cold.css) as it is or you can also modify it.
+- feel free to use the CSS file [fifty-shades-of-cold.data.css](./fifty-shades-of-cold.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/fifty-shades-of-cold/fifty-shades-of-cold.data.css
+++ b/subjects/fifty-shades-of-cold/fifty-shades-of-cold.data.css
--- a/subjects/fifty-shades-of-cold/fifty-shades-of-cold.html
+++ b/subjects/fifty-shades-of-cold/fifty-shades-of-cold.html
@ -5,7 +5,7 @@
  <title>Fifty shades of cold</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./fifty-shades-of-cold.css">
+  <link rel="stylesheet" type="text/css" href="./fifty-shades-of-cold.data.css">

 </head>

--- a/subjects/get-them-all/README.md
+++ b/subjects/get-them-all/README.md
@ -52,4 +52,4 @@ You only need to create & submit the JS file `get-them-all.js` ; we're providing

 - the data file [get-them-all.data.js](./get-them-all.data.js) used to generate content in the HTML

- feel free to use the CSS file [get-them-all.css](./get-them-all.css) as it is or you can also modify it.
+- feel free to use the CSS file [get-them-all.data.css](./get-them-all.data.css) as it is or you can also modify it.
--- a/subjects/get-them-all/get-them-all.data.css
+++ b/subjects/get-them-all/get-them-all.data.css
--- a/subjects/get-them-all/get-them-all.html
+++ b/subjects/get-them-all/get-them-all.html
@ -5,7 +5,7 @@
  <title>Get them all</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./get-them-all.css">
+  <link rel="stylesheet" type="text/css" href="./get-them-all.data.css">
 </head>

 <body>
--- a/subjects/gossip-grid/README.md
+++ b/subjects/gossip-grid/README.md
@ -25,7 +25,7 @@ You only need to create & submit the JS file `gossip-grid.js`; we're providing y

 - the data file [gossip-grid.data.js](./gossip-grid.data.js) from which you can import `gossips`.

- feel free to use the CSS file [gossip-grid.css](./gossip-grid.css) as it is or you can also modify it.
+- feel free to use the CSS file [gossip-grid.data.css](./gossip-grid.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/gossip-grid/gossip-grid.data.css
+++ b/subjects/gossip-grid/gossip-grid.data.css
--- a/subjects/gossip-grid/gossip-grid.html
+++ b/subjects/gossip-grid/gossip-grid.html
@ -5,7 +5,7 @@
  <title>Gossip grid</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./gossip-grid.css">
+  <link rel="stylesheet" type="text/css" href="./gossip-grid.data.css">
 </head>

 <body>
--- a/subjects/harder-bigger-bolder-stronger/README.md
+++ b/subjects/harder-bigger-bolder-stronger/README.md
@ -18,7 +18,7 @@ You only need to create & submit the JS file `harder-bigger-bolder-stronger.js`.

  - the JS script running some code, and which will enable you to run yours.

- feel free to use the CSS file [harder-bigger-bolder-stronger.css](./harder-bigger-bolder-stronger.css) as it is or you can also modify it.
+- feel free to use the CSS file [harder-bigger-bolder-stronger.data.css](./harder-bigger-bolder-stronger.data.css) as it is or you can also modify it.

 ### Notions

--- a/subjects/harder-bigger-bolder-stronger/harder-bigger-bolder-stronger.data.css
+++ b/subjects/harder-bigger-bolder-stronger/harder-bigger-bolder-stronger.data.css
--- a/subjects/harder-bigger-bolder-stronger/harder-bigger-bolder-stronger.html
+++ b/subjects/harder-bigger-bolder-stronger/harder-bigger-bolder-stronger.html
@ -5,7 +5,7 @@
  <title>Harder, bigger, bolder, stronger</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./build-brick-and-break.css">
+  <link rel="stylesheet" type="text/css" href="./build-brick-and-break.data.css">
 </head>

 <body>
--- a/subjects/keycodes-symphony/README.md
+++ b/subjects/keycodes-symphony/README.md
@ -18,7 +18,7 @@ You only need to create & submit the JS file `keycodes-symphony.js`; we're provi

  - the JS script which will allow to run your code.

- feel free to use the CSS file [keycodes-symphony.css](./keycodes-symphony.css) as it is or you can also modify it.
+- feel free to use the CSS file [keycodes-symphony.data.css](./keycodes-symphony.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/keycodes-symphony/keycodes-symphony.data.css
+++ b/subjects/keycodes-symphony/keycodes-symphony.data.css
--- a/subjects/keycodes-symphony/keycodes-symphony.html
+++ b/subjects/keycodes-symphony/keycodes-symphony.html
@ -5,7 +5,7 @@
  <title>Keycodes symphony</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./keycodes-symphony.css">
+  <link rel="stylesheet" type="text/css" href="./keycodes-symphony.data.css">

 </head>

--- a/subjects/mouse-trap/README.md
+++ b/subjects/mouse-trap/README.md
@ -23,7 +23,7 @@ You only need to create & submit the JS file `mouse-trap.js`; we're providing yo

  - the JS script which will enable you to run your code.

- feel free to use the CSS file [mouse-trap.css](./mouse-trap.css) as it is or you can also modify it.
+- feel free to use the CSS file [mouse-trap.data.css](./mouse-trap.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/mouse-trap/mouse-trap.data.css
+++ b/subjects/mouse-trap/mouse-trap.data.css
--- a/subjects/mouse-trap/mouse-trap.html
+++ b/subjects/mouse-trap/mouse-trap.html
@ -5,7 +5,7 @@
  <title>Mouse trap</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./mouse-trap.css">
+  <link rel="stylesheet" type="text/css" href="./mouse-trap.data.css">
 </head>

 <body>
--- a/subjects/pick-and-click/README.md
+++ b/subjects/pick-and-click/README.md
@ -33,7 +33,7 @@ You only need to create & submit the JS file `pick-and-click.js`; we're providin

  - the JS script which will enable you to run your code.

- feel free to use the CSS file [pick-and-click.css](./pick-and-click.css) as it is or you can also modify it.
+- feel free to use the CSS file [pick-and-click.data.css](./pick-and-click.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/pick-and-click/pick-and-click.data.css
+++ b/subjects/pick-and-click/pick-and-click.data.css
--- a/subjects/pick-and-click/pick-and-click.html
+++ b/subjects/pick-and-click/pick-and-click.html
@ -5,7 +5,7 @@
  <title>Pick & click</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./pick-and-click.css">
+  <link rel="stylesheet" type="text/css" href="./pick-and-click.data.css">
 </head>

 <body>
--- a/subjects/pimp-my-style/README.md
+++ b/subjects/pimp-my-style/README.md
@ -48,7 +48,7 @@ You only need to create & submit the JS file `pimp-my-style.js`. Ee're providing
  - the JS script running some code, and which will enable you to run yours.
 - the data file [pimp-my-style.data.js](./pimp-my-style.data.js) from which you can import `styles`.

- feel free to use the CSS file [pimp-my-style.css](./pimp-my-style.css) as it is or you can also modify it.
+- feel free to use the CSS file [pimp-my-style.data.css](./pimp-my-style.data.css) as it is or you can also modify it.

 ### Expected result

--- a/subjects/pimp-my-style/pimp-my-style.data.css
+++ b/subjects/pimp-my-style/pimp-my-style.data.css
--- a/subjects/pimp-my-style/pimp-my-style.html
+++ b/subjects/pimp-my-style/pimp-my-style.html
@ -5,7 +5,7 @@
  <title>Pimp my style</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./pimp-my-style.css">
+  <link rel="stylesheet" type="text/css" href="./pimp-my-style.data.css">
 </head>

 <body>
--- a/subjects/where-do-we-go/README.md
+++ b/subjects/where-do-we-go/README.md
@ -31,7 +31,7 @@ You only need to create & submit the JS file `where-do-we-go.js`; we're providin

 - the data file [where-do-we-go.data.js](./where-do-we-go.data.js) from which you can import `places`

- feel free to use the CSS file [where-do-we-go.css](./where-do-we-go.css) as it is or you can also modify it.
+- feel free to use the CSS file [where-do-we-go.data.css](./where-do-we-go.data.css) as it is or you can also modify it.

 - you can get the images to be used in this [compressed folder](https://assets.01-edu.org/where-do-we-go_images.zip) or you can get them in the where-do-we-go_images folder from the public URL. Example: `https://public.01-edu.org/subjects/where-do-we-go/where-do-we-go_images/arlit.jpg
 ### Expected result
--- a/subjects/where-do-we-go/where-do-we-go.data.css
+++ b/subjects/where-do-we-go/where-do-we-go.data.css
--- a/subjects/where-do-we-go/where-do-we-go.html
+++ b/subjects/where-do-we-go/where-do-we-go.html
@ -5,7 +5,7 @@
  <title>Where do we go?</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link id="fav" rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;,">
-  <link rel="stylesheet" type="text/css" href="./where-do-we-go.css">
+  <link rel="stylesheet" type="text/css" href="./where-do-we-go.data.css">
 </head>

 <body>