github-mirrors/pf2015
1
0
Fork 0
mirror of https://github.com/ysoftdevs/pf2015.git synced 2026-03-26 02:51:49 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

add card back side

Browse Source
This commit is contained in:
Juraj Michalek
2014-12-28 21:04:49 +00:00
parent df0b305e67
commit a388bc8fb0
5 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/flippy.css
View File

@@ -96,7 +96,7 @@ flippy.fancy flippy-front {
width: inherit; width: inherit;
height: inherit; height: inherit;
border: 1px solid #ccc; border: 1px solid #ccc;
background: white; background: #FAE944;
text-align: center; text-align: center;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
} }

1
css/pexeso.css
View File

@@ -1,5 +1,6 @@
body { body {
margin: 0; margin: 0;
background: lightyellow;
} }
#mainContent { #mainContent {

3
img/cards/images.txt
View File

@@ -1,5 +1,6 @@
Images available under CC Images available under CC or Public Domain
OpenClips
barrel - http://pixabay.com/en/barrel-keg-wood-vintage-wooden-575341/ barrel - http://pixabay.com/en/barrel-keg-wood-vintage-wooden-575341/
butterfly - http://pixabay.com/en/animal-butterfly-insect-nature-156895/ butterfly - http://pixabay.com/en/animal-butterfly-insect-nature-156895/
carrot - http://pixabay.com/en/carrot-vegetable-food-fresh-575529/ carrot - http://pixabay.com/en/carrot-vegetable-food-fresh-575529/

BIN
img/cards/question.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

4
index.html
View File

@@ -51,11 +51,11 @@
timing-function="ease-in-out"> timing-function="ease-in-out">
<flippy-front> <flippy-front>
? <span class="cardHelper"></span><img ng-src="img/cards/question.png">
</flippy-front> </flippy-front>
<flippy-back> <flippy-back>
<span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'"></span> <span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'">
<div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div> <div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div>
</flippy-back> </flippy-back>