mirror of https://github.com/01-edu/public.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.1 KiB
56 lines
2.1 KiB
2 months ago
|
#### General
|
||
|
|
|
||
|
|
##### Check the Repository Content:
|
||
|
|
|
||
|
|
Files that must be inside the repository:
|
||
|
|
|
||
|
|
- robots-harmony.html
|
||
|
|
- robots-harmony.css
|
||
|
|
- robots-harmony.js
|
||
|
|
|
||
|
|
###### Are the required files present in the repository?
|
||
|
|
|
||
|
|
#### HTML Structure
|
||
|
|
|
||
|
|
###### Verify that the HTML file contains a `<head>`, `<body>`, and `<html>` tag.
|
||
|
|
|
||
|
|
###### Check if the `robots-harmony.html` file includes a `<div>` with the ID gallery.
|
||
|
|
|
||
|
|
###### Verify that each robot is placed inside its own div with a class of `name-robot` (The name is the team member's name).
|
||
|
|
|
||
|
|
###### Ensure that each robot's section has an `<h3>` for the robot’s name and a `<p>` for the robot’s description.
|
||
|
|
|
||
|
|
###### Is the HTML structure properly set up according to the instructions?
|
||
|
|
|
||
|
|
###### Does each robot have its unique div with appropriate classes and tags?
|
||
|
|
|
||
|
|
#### CSS Styling:
|
||
|
|
|
||
|
|
###### Verify that the `robots-harmony.css` file includes the required global styles, such as `*`, `body`, `section`, and others.
|
||
|
|
|
||
|
|
###### Ensure that the `#gallery` ID has been styled with the required properties, including a customized `background-color`.
|
||
|
|
|
||
|
|
###### Confirm that each `name-robot` class has been styled using the block provided in the instructions.
|
||
|
|
|
||
|
|
###### Verify that a `hover animation` is applied to each robot's class.
|
||
|
|
|
||
|
|
###### Verify that a `background` animation is applied.
|
||
|
|
|
||
|
|
#### JavaScript Functionality
|
||
|
|
|
||
|
|
###### Verify that `robots-harmony.js` is correctly linked to the HTML file.
|
||
|
|
|
||
|
|
###### Check if the functions `changeArmColor`, `changeLegColor`, `changeEyeColor`, and `changeFaceColor` are implemented correctly.
|
||
|
|
|
||
|
|
###### Ensure that the event listeners are set up to listen for `keydown` events and trigger the correct functions.
|
||
|
|
|
||
|
|
###### Are the event listeners working as expected when keys are pressed?
|
||
|
|
|
||
|
|
#### Functionality and Design
|
||
|
|
|
||
|
|
###### Test the website to ensure that all robots are displayed correctly in the gallery.
|
||
|
|
|
||
|
|
###### Verify that all mandatory interactive features (color changes on `keydown`, hover and background effects) function as intended.
|
||
|
|
|
||
|
|
##### Bonus: If the team implemented further functionalities, ask for a quick presentation of what they added on their submission.
|