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:06:44 +01:00 committed by Oumaima Fisaoui
parent 81d71a3c9e
commit 8a9c12dbe0
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,9 +48,7 @@ Theses tasks are representing the mandatory part for this raid to be passed succ
#### 1- Create a New HTML File:
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.
Inside your HTML file, set up the basic structure of the HTML document with a `<head>` and `<body>` inside an `<html>` tag.
#### 2- Give a gallery title:
@ -101,7 +99,7 @@ Under each robot's `</section>`, add an `<h3>` element for the robot's name and
#### 1- Update the CSS File:
- In your `robots-harmony.css` file, add these styles:
- In your CSS file, add these styles:
```css
* {
@ -289,17 +287,12 @@ _For Example:_
### Task 3: Add Interactivity with JavaScript:
#### 1- Create a New JavaScript File:
Create a new JavaScript file called `robots-harmony.js`.
#### 1- Add Color Change on Key Press:
Link this file to your `robots-harmony.html` file.
Inside your JavaScript file, write functions that change the colors of different parts of your robots when specific keys are pressed.
#### 2- Add Color Change on Key Press:
You will write JavaScript functions to change the colors of different parts of your robots when specific keys are pressed.
In your `robots-harmony.js`, follow the following steps:
Follow the following steps:
- **Function to Change Arm Colors**:
@ -375,7 +368,7 @@ document.addEventListener("keydown", function (event) {
Ensure that all robots are displayed correctly in the gallery.
Make sure all files (robot-gallery.html, robots-harmony.css, gallery-script.js, and any media files) are in the same folder.
Make sure all files (robot-gallery.html, robots-harmony.css, gallery-script.js) are in the same folder submitted to your `Gitea`.
Double-check the code to ensure everything is clean and well-organized.