Skip to content
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

[FEATURE] Create Hint Button #31

Open
YuriDevAT opened this issue Oct 21, 2023 · 7 comments
Open

[FEATURE] Create Hint Button #31

YuriDevAT opened this issue Oct 21, 2023 · 7 comments
Assignees
Labels
⭐ goal: addition Addition of new feature good first issue Good for newcomers HTML Work on HTML 🏁 status: ready for dev Ready for work

Comments

@YuriDevAT
Copy link
Contributor

YuriDevAT commented Oct 21, 2023

Description

As a User I want to see a button with the text HINT in it. The button should be fully accessible.
The button should appear beneath the container which surrounds the current app.
The button should keep its default styling (no extra CSS needed).
The button does not need functionality (no JavaScript needed).

Useful resources

MDN documentation on button: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
MDN documentation on text-transform: https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

### Tasks
- [ ] Add a button beneath the container element (`<div class="container"></div>`)
- [ ] Use semantic HTML to create the button
- [ ] Give the button a type
- [ ] The uppercase text **HINT** should be created using CSS
- [ ] Add CSS to `style.css` and give the button the class `button-hint`

### SUGGESTED FEATURES

4. Hints that are revealed when the user clicks a button. (I know, it’s a quiz, so maybe we should not help, but sharing the idea anyway in case it might inspire related features.) For example: total number of tags, number of tags that start with a certain letter, which letters of the alphabet are NOT used to start a tag, etc.

Originally posted by @CorinaMurg in #20 (comment)

@YuriDevAT YuriDevAT added Hacktoberfest Good issues for Hacktoberfest participants ⭐ goal: addition Addition of new feature 🧹 status: ticket work required Needs more details before it can be worked on labels Oct 21, 2023
@rituraj12797
Copy link

i would like to contribute

@YuriDevAT
Copy link
Contributor Author

YuriDevAT commented Oct 21, 2023

As the label points out this ticket still needs some updates. I can assign you if these updates are made, but cannot guarantee if this will happen during Hacktoberfest.

@YuriDevAT YuriDevAT added HTML Work on HTML Hacktoberfest Good issues for Hacktoberfest participants good first issue Good for newcomers 🏁 status: ready for dev Ready for work and removed Hacktoberfest Good issues for Hacktoberfest participants 🧹 status: ticket work required Needs more details before it can be worked on labels Oct 21, 2023
@YuriDevAT YuriDevAT changed the title ### SUGGESTED FEATURES Hint Button [FEATURE] Create Hint Button Oct 28, 2023
@YuriDevAT YuriDevAT removed the Hacktoberfest Good issues for Hacktoberfest participants label Oct 30, 2023
@Tashuuuu
Copy link

Tashuuuu commented Nov 3, 2023

Can I work on it?

@YuriDevAT
Copy link
Contributor Author

Sure @Tashuuuu, please go ahead

@YuriDevAT
Copy link
Contributor Author

Hi @Tashuuuu how are you doing? Two weeks have passed with no PR from you. Are you still working on this issue? Otherwise, the issue will be unassigned, as written in the contribution guideline.

@CorinaMurg CorinaMurg self-assigned this Dec 13, 2023
@ShivangiRai1310
Copy link

Is the issue open for contribution? If so can I work on this?

@YuriDevAT
Copy link
Contributor Author

Hi @ShivangiRai1310 . The issue is already assigned.

@CorinaMurg Coming to think of it, is this issue still relevant for our current state of the app? 🤔

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⭐ goal: addition Addition of new feature good first issue Good for newcomers HTML Work on HTML 🏁 status: ready for dev Ready for work
Projects
None yet
Development

No branches or pull requests

5 participants