UI part, data part done in T423931
Animations
- When each question loads, transition in the Title, then first card, then second card
- After a user taps "Next", cards should transition away
Card functionality
- User must be able to read entire text within card: if event text is too long to fit in the card, show scrollbar so users know they can scroll to see the full text
- Display an image on the card whenever possible: Pull lede image from first hyperlink, if none query second, third, etc. if none pull from body (check in the same order)
- Once a card is selected, show option to Submit at the bottom of the screen
Answer reveal
- After answer is submitted, immediately display feedback "Correct!" vs "Incorrect!"
- When the correct answer to the question is revealed, keep showing the "selected" state
- Display the correct dates on each card
- Indicate the correct answer with color & icon, and incorrect answer with color & icon. Must be color-blind friendly
Results tracking
- Track the results from previous questions at the bottom of the screen
- Update the current question's bubble immediately during answer reveal
- Eng notes:
- Should be done after T423931
