Info: https://en.wikipedia.org/wiki/Pride_and_Prejudice

Add The Strange Case of Dr Jekyll and Mr Hyde by Robert Louis Stevenson
Book Info: https://en.wikipedia.org/wiki/Strange_Case_of_Dr_Jekyll_and_Mr_Hyde

Book Info: https://en.wikipedia.org/wiki/The_Book_Thief

Info: https://en.wikipedia.org/wiki/The_Princess_Bride_(novel)

Add a search bar (above the emoji cards but below the header) so that users can find specific songs.

• Add the search bar to the HTML
• At minimum, the search bar should work for song titles.
• Update the JavaScript to manage hiding and showing cards based on the search input
• Style the search bar to using the websites current colors (or different colors with the same hues) and styling.
• Optional: allow the user to type anything (book titles, author, date, genre) to match to emoji cards.

Book info: https://en.wikipedia.org/wiki/Lord_of_the_Flies

In some mobile views, the emojicards no longer look like books. See below for an example. Update the CSS to fix the mobile sizing issues.

Book Info: https://en.wikipedia.org/wiki/The_Hunger_Games_(novel)

Book Info: https://en.wikipedia.org/wiki/Fahrenheit_451

Info: https://en.wikipedia.org/wiki/A_Storm_of_Swords

Book Info: https://en.wikipedia.org/wiki/The_Lord_of_the_Rings

Add The Scarlet Letter by Nathaniel Hawthorne to EmojiPages
Book Info: https://en.wikipedia.org/wiki/The_Scarlet_Letter

Add a timed game mode to EmojiPages. A timed game should allow users to try to guess as many cards as they can in a certain amount of time.

This game should be on a new page.

Here are some suggestions on how to structure this:

• A button or link from the homepage to the page where the game is.
• A button or link back to the homepage from the page where the game is.
• The user should be guessing the song name.
• On game start, randomly sort the cards and display them to the user. Up to you if you will display one at at time or all at once. The user should type their guess into an input box. Up to you if it will check their guess after they click away from the input or they have to press a submit button.
• At the end of the game, show the user their score.
• Optional: Allow the user to tweet what their score is.
• Optional: the user would be able to choose the time period (ie one minute, three minutes, etc)
• Optional: the user would be able to narrow down what cards will show by decade, genre, author, etc.

Let us know if you want assistance with the design for this! Otherwise, feel free to come up with something on your own.

Make sure that EmojiPages is fully accessible.

• Run the site through accessibility tools such as AXE or Accessibility Insights for the Web
• Go through this accessibility checklist
• Suggest accessibility updates that need to be made.

You can either make accessibility updates yourself or create Issues for things that need to be updated.

Add a quiz game mode to EmojiPages. A quiz game should present users with a fixed number of cards and see how many they can guess correctly.

This game should be on a new page.

Here are some suggestions on how to structure this:

• A button or link from the homepage to the page where the game is.
• A button or link back to the homepage from the page where the game is.
• The user should be guessing the song name.
• On game start, randomly sort the cards and display them to the user. Up to you if you will display one at at time or all at once. The user should type their guess into an input box. Up to you if it will check their guess after they click away from the input or they have to press a submit button.
• At the end of the game, show the user their score.
• Optional: Allow the user to tweet what their score is.
• Optional: the user would be able to choose the number of cards they will guess (ie 10 30, 50, etc)
• Optional: the user would be able to narrow down what cards will show by decade, genre, author, etc.

Let us know if you want assistance with the design for this! Otherwise, feel free to come up with something on your own.

Info: https://en.wikipedia.org/wiki/The_Great_Gatsby

Info: https://en.wikipedia.org/wiki/Bridget_Jones%27s_Diary

Book Info: https://en.wikipedia.org/wiki/New_Moon_(novel)

Book Info: https://en.wikipedia.org/wiki/Mockingjay

If you would like to work on this Issue, comment below and wait for confirmation before starting to code.

In the top of EmojiPages in the filters section, add a dropdown filter so that users can filter by years. The filter options should be by decades such as 1970s, 1980s, 1990s, 2010s, etc.

If there are no items that match the time period selected, a message should appear saying that no cards match the selected years.

Use the colors and styling currently on the website.

You can use the filters on EmojiScreenas an example of how filters can look, but the design does not have to look exactly like that.

In the top of EmojiPages in the filters section, add a dropdown filter so that users can filter by genre. The options for the filter should include all genres in the data.js file and also in the genres.md genre chart. The filter should be able to automatically pull any new genres someone adds to an emoji card in the future.

Use the colors and styling currently on the website.

You can use the filters on EmojiScreen as an example of how filters can look, but the design does not have to look exactly like that.

Book Info: https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland

Info: https://en.wikipedia.org/wiki/Winnie-the-Pooh_(book)

Book Info: https://en.wikipedia.org/wiki/The_Hitchhiker%27s_Guide_to_the_Galaxy

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Goblet_of_Fire

If you would like to work on this Issue, comment below and wait for confirmation before starting to code.

Right now the homepage layout is the same as EmojiScreen emojiscreen.com.

• Propose a new homepage layout. An example could be having the header and contribution callout in a sidebar. Post your idea here before you start coding.
• Update the HTML with the new homepage layout once approved.
• Update CSS as needed for the new layout.

Add a button on the homepage that will toggle showing and hiding the song name. This button will allow people to show all names if they just want to browse vs having to click on each card to see the name.

When you click on the button it should toggle, ie if I click and nothing is expanded, everything will expand and then when I click again, everything should hide again.

Let us know if you want assistance with the design for this! Otherwise, feel free to come up with something on your own.

Info: https://en.wikipedia.org/wiki/Goodnight_Moon

Book Info: https://en.wikipedia.org/wiki/Animal_Farm

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Philosopher%27s_Stone

Info: https://en.wikipedia.org/wiki/A_Feast_for_Crows

Info: https://en.wikipedia.org/wiki/A_Clash_of_Kings

Info: https://en.wikipedia.org/wiki/A_Dance_with_Dragons

Info: https://en.wikipedia.org/wiki/The_Color_Purple

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Order_of_the_Phoenix

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Prisoner_of_Azkaban

Info: https://en.wikipedia.org/wiki/The_Cat_in_the_Hat

Book Info: https://en.wikipedia.org/wiki/The_Girl_on_the_Train_(novel)

Book Info: https://en.wikipedia.org/wiki/Catching_Fire

Add Charlotte’s Web
Book Info: https://en.wikipedia.org/wiki/Charlotte%27s_Web

Book Info: https://en.wikipedia.org/wiki/Twilight_(Meyer_novel)

Info: https://en.wikipedia.org/wiki/A_Game_of_Thrones

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Deathly_Hallows

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Half-Blood_Prince

Book Info: https://en.wikipedia.org/wiki/Breaking_Dawn

Book Info:
https://en.wikipedia.org/wiki/Eclipse_(Meyer_novel)

Info: https://en.wikipedia.org/wiki/Diary_of_a_Wimpy_Kid

Book Info: https://en.wikipedia.org/wiki/Harry_Potter_and_the_Chamber_of_Secrets

Add pagination to the homepage.

• On the homepage, a maximum of 30 cards should show. After 30, user should be able to click to go to 'page 2' to show another 30 cards.
• Pagination should be at the bottom of the page, above the footer section.
• Style using existing colors and fonts.

Similar to the attached image (design does NOT have to match the image, just showing what I mean by pagination).

Info: https://en.wikipedia.org/wiki/Life_of_Pi