curtisblackwell / flash_cards Goto Github PK

I was having an issue using the flash cards in safari on an IOS device. After several card flips they would stop working.
By adding overflow: hidden to .card class if solved the issue.
.card { -webkit-perspective: 1600; perspective: 1600; color: #222; display: none; font-family: SchoolBell; font-size: 30px; height: 300px; line-height: 60px; position: relative; width: 500px; overflow: hidden; }

this works fine with hard coded html but when i remove and append the content of the #deck
it just dont work

https://github.com/eightmedia/hammer.js

I realize this is an old project but I used it for some practice exercises for my students. I even added text to speech when the card is flipped, and images to the paragraph sections.

Legacy paper flashcards are generally blank on one side and lined on the flip side. The existing CSS puts a red line on the card in general, and side_one and side_two both get the blue lines. Simple change to put all the background line drawing css controlled by .side_two, keep the general css for .card_one and .card_two, and remove the red line from .card. Thus a more realistic card is imaged.

Hi is theres a license for this?
Thanks.

@curtisblackwell just a heads up, I forked your project and added some capabilities. The flash cards app is hosted on unopico.