kapy
/
public
mirror of https://github.com/01-edu/public.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Chore(AI): Fix subjects issues

This commit is contained in:
oumaimafisaoui 2024-08-29 17:03:10 +01:00 committed by Oumaima Fisaoui
parent ee0a5e0c20
commit 81d71a3c9e
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
subjects/DPxAI/robots-harmony/README.md
View File

@ -52,19 +52,9 @@ Start by creating a new HTML file called `robot-harmony.html`.
Set up the basic structure of the HTML document with a `<head>` and `<body>` inside an `<html>` tag. Set up the basic structure of the HTML document with a `<head>` and `<body>` inside an `<html>` tag.
#### 2- Create a Container for the Robots: #### 2- Give a gallery title:
Inside the `<body>`, create a div element with the ID gallery. - Inside your `<body>` , create an `<h1>` tag inside a `<div>` with an `id` of `title`. Then put the name of your gallery inside it !
This div will serve as the container for all the robot portraits.
```html
<div id="gallery"></div>
```
#### 3- Include a title and each Robot:
- Inside your gallery `<div>`, create an `<h1>` tag inside a `<div>` with an `id` of `title`. Then put the name of your gallery inside it !
```HTML ```HTML
<div id="title"> <div id="title">
@ -72,7 +62,17 @@ This div will serve as the container for all the robot portraits.
</div> </div>
``` ```
- Each team member should copy their robot's HTML structure (the one you provided in the `first-move.html` exercise) and paste it inside the `gallery` div. #### 3- Put your robots inside the gallery:
- Inside the `<body>`, create a div element with the `id` `gallery`.
- This div will serve as the container for all the robot portraits.
```html
<div id="gallery"></div>
```
- Each team member should copy their robot's HTML structure (the one you provided in the `first-move.html` exercise) and paste it inside this `gallery` div.
- Ensure each robot is placed inside its own div with the class `name-portrait`, for example: - Ensure each robot is placed inside its own div with the class `name-portrait`, for example:
@ -202,7 +202,7 @@ h3 {
} }
``` ```
- Add the following block of style to all you class's of `name-robot`. To do so, we follow the rule: - Add the following block of style to all your class's of `name-robot`. To do so, we follow the rule:
```css ```css
.class-one, .class-one,
@ -333,7 +333,7 @@ In your `robots-harmony.js`, follow the following steps:
- **Function to Change Face Colors**: - **Function to Change Face Colors**:
- Create a function named `changeFaceColor`. - Create a function named `changeFaceColor`.
- Follow the same steps as the `changeArmColor` function but target the `face`. - Follow the same steps as the `changeArmColor` function but target the `eyes`. (Yes, pay attention, the `id` that changes the face color is called `eyes`!)
#### 3- Adding Event Listeners for Keyboard Input: #### 3- Adding Event Listeners for Keyboard Input: