-
-
Notifications
You must be signed in to change notification settings - Fork 155
Sheffield | ITP-May-2025 | Waleed-Yahya Salih-Taha | Sprint-3 | Quote-generator #731
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Sheffield | ITP-May-2025 | Waleed-Yahya Salih-Taha | Sprint-3 | Quote-generator #731
Conversation
Sprint-3/quote-generator/index.html
Outdated
<title>Quote Generator App</title> | ||
|
||
<!-- Optional: Link to CSS if styling is needed --> | ||
<link rel="stylesheet" href="styles.css" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It seems you added styles to your app but it doesn't show on the page. Can you figure out why?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm trying to find out why the style code is not active on the website, but since adding style is not mandatory I thought uploading the PR will fastened my code reviewing.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It wasn't working because you added an 's' to the href. href="styles.css"
should match the filename in your commit, which is '../style.css'. It happens 😂
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
oooh my God. it's really my bad.
thank you for your help.
Sprint-3/quote-generator/index.html
Outdated
<p id="author"></p> | ||
</section> | ||
|
||
<button type="button" id="new-quote" aria-label="Get a new quote"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's great that you considered accessibility and added aira-label. But when there is a visible text in the button, New quote
, it might be unnecessary to add more description as screen reader might say it two times.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
okay I will remove it then.
Superb! Code looks good. I left a few comments. Please have a look. |
Good job! |
Learners, PR Template
Self checklist
Changelist
This PRs finds the basic setup of a quote generator, When the page loads it should show a random quote from the
quotes
array on the screen. It should also show who said the quote.Questions
Ask any questions you have for your reviewer.