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.
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.