in the initial situation, cards are constituted of
visible side : le dos de la carte
hidden side : a form, with a button and a text area.
then the card is clicked, which simply flips either side :
visible side : a form, with a button and a text area.
hidden side : le dos de la carte
when the question is answered, the hidden side is converted to a div containing text (the answer), and the card is flipped :
visible side : the answer!
hidden side : a form, with a button and a text area.
after the animation is finished, we would need to replace the form, button and text area, with something else so that
1 - the div does not capture wheel events like it is currently doing (it stops you from scrolling horizontaly)
2 - we can see other people's answers (depending on mathilde's scenario).
we need to modify the card helper.
in the initial situation, cards are constituted of
then the card is clicked, which simply flips either side :
when the question is answered, the hidden side is converted to a div containing text (the answer), and the card is flipped :
after the animation is finished, we would need to replace the form, button and text area, with something else so that
1 - the div does not capture wheel events like it is currently doing (it stops you from scrolling horizontaly) 2 - we can see other people's answers (depending on mathilde's scenario).