-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
58 changed files
with
6,647 additions
and
219 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,106 @@ | ||
.card-outer { | ||
width: 180px; | ||
height: 275px; | ||
border-style: groove; | ||
border-width: 5px; | ||
border-color: silver; | ||
border-radius: 10px; | ||
background: gainsboro; | ||
float: left; | ||
padding: 2px; | ||
margin-bottom: 10px; | ||
} | ||
|
||
.card-image { | ||
border-style: solid; | ||
border-width: 2px; | ||
border-color: black; | ||
border-radius: 10px; | ||
} | ||
|
||
.card-name { | ||
float: left; | ||
padding: 5px; | ||
font-family: Georgia, Times, "Times New Roman", serif; | ||
font-size: 1.2em; | ||
font-weight: bold; | ||
} | ||
|
||
.card-type { | ||
clear:both; | ||
padding: 5px; | ||
padding-top: 8px; | ||
font-family: Georgia, Times, "Times New Roman", serif; | ||
font-size: 1.1em; | ||
} | ||
|
||
.card-actions { | ||
width: 180px; | ||
clear: both; | ||
/*border-style: solid; | ||
border-width: 3px; | ||
border-color: black; | ||
border-radius: 10px;*/ | ||
text-align: center; | ||
} | ||
|
||
.card.ng-enter, .card.ng-leave, .card.ng-move { | ||
-webkit-transition: 0.5s linear all; | ||
-moz-transition: 0.5s linear all; | ||
-o-transition: 0.5s linear all; | ||
transition: 0.5s linear all; | ||
} | ||
|
||
.card.ng-enter, .card.ng-move { | ||
opacity: 0; | ||
height: 0; | ||
overflow: hidden; | ||
} | ||
|
||
.card.ng-move.ng-move-active, | ||
.card.ng-enter.ng-enter-active { | ||
opacity: 1; | ||
height: 275px; | ||
} | ||
|
||
.card.ng-leave { | ||
opacity: 1; | ||
overflow: hidden; | ||
} | ||
|
||
.card.ng-leave.ng-leave-active { | ||
opacity: 0; | ||
height: 0; | ||
padding-top: 0; | ||
padding-bottom: 0; | ||
} | ||
|
||
/* CARD PROPERTY ANIMATION */ | ||
|
||
.card-property { | ||
position: relative; | ||
display: inline-block; | ||
} | ||
|
||
button.diff-animation { | ||
z-index: 4; | ||
position: absolute; | ||
opacity: 0; | ||
} | ||
|
||
.diff-animation.ng-leave { | ||
-webkit-transition: 1.5s linear all; | ||
-moz-transition: 1.5s linear all; | ||
-o-transition: 1.5s linear all; | ||
transition: 1.5s linear all; | ||
} | ||
|
||
.diff-animation.ng-leave { | ||
opacity: 1; | ||
} | ||
|
||
.diff-animation.ng-leave.ng-leave-active { | ||
opacity: 0; | ||
top: -32px; | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,81 @@ | ||
<div class="card card-outer" | ||
ng-class="{'selected': card.selected, 'targetable': doingAction && targets.indexOf(card.id) !== -1}" | ||
> | ||
<!-- | ||
TODO Add ng-FitText.js fields to elements in this model of which length may vary widely, for example card descriptions and flavor text. | ||
The primary fields for FitText are: | ||
- data-fittext : Enable FitText for the content inside the tag | ||
- data-fittext-min="8pt" : Minimum font size allowed | ||
- data-fittext-max="12pt" : Maximum font size allowed | ||
--> | ||
|
||
<div class="test" ng-show="debugMode">doingAction: {{doingAction}} targets: {{targets}} actions: {{actions}} card: {{card}}</div> | ||
<!-- card name --> | ||
<div> | ||
<div class="card-name"> | ||
<a href ng-click="selectEntity(card)" ng-class="{'selected': card.selected, 'targetable': doingAction && targets.indexOf(card.id) !== -1}">{{card.properties.name}}</a> | ||
</div> | ||
|
||
</div> | ||
<!-- card image --> | ||
<div style="clear:both;"> | ||
<div style="text-align: center;"> | ||
<img style="width: 160px; height: 120px;" class="card-image" | ||
ng-src="images/cards/{{card.properties.imagePath}}" /> | ||
</div> | ||
</div> | ||
<!-- card type --> | ||
<div class="card-type"> | ||
{{card.properties.creatureType}} | ||
</div> | ||
<!-- card statistics --> | ||
<div> | ||
<!-- mana cost --> | ||
<div style="float: left; padding: 5px"> | ||
<button class="btn btn-sm btn-info active glyphicon glyphicon-tint" style="cursor:default">{{card.properties.MANA_COST}}</button> | ||
</div> | ||
<div style="float: right; padding: 5px;" class="btn-group"> | ||
<!-- attack --> | ||
<button ng-show="card.properties.ATTACK" class="btn btn-sm btn-danger active glyphicon glyphicon-screenshot" style="cursor:default">{{card.properties.ATTACK}}</button> | ||
<button ng-hide="card.properties.ATTACK" class="btn btn-sm btn-danger active glyphicon glyphicon-screenshot" style="cursor:default">-</button> | ||
<!-- health --> | ||
<div class="card-property"> | ||
<button ng-show="card.properties.HEALTH" class="btn btn-sm btn-success active glyphicon glyphicon-heart" style="cursor:default">{{card.properties.HEALTH}}</button> | ||
<button ng-hide="card.properties.HEALTH" class="btn btn-sm btn-success active glyphicon glyphicon-heart" style="cursor:default">-</button> | ||
<dynamic-animation items="card.animations.HEALTH" /> | ||
</div> | ||
</div> | ||
</div> | ||
<div style="clear: both;"> | ||
<div style="float: left; padding: 5px; text-align: center;"> | ||
<!-- scrap cost --> | ||
<button ng-show="card.properties.SCRAP_COST" class="btn btn-xs btn-primary active glyphicon glyphicon-wrench" style="cursor:default">{{card.properties.SCRAP_COST}}</button> | ||
</div> | ||
<div ng-show="card.properties.SCRAP" style="float: left; padding: 5px; text-align: center;"> | ||
<!-- scrap value --> | ||
<button class="btn btn-xs btn-primary active glyphicon glyphicon-cog" style="cursor:default">{{card.properties.SCRAP}}</button> | ||
</div> | ||
<!-- flavor text --> | ||
<div ng-show="card.properties.flavor" style="float: right; padding: 5px; text-align: center;"> | ||
<button type="button" class="btn btn-xs btn-primary glyphicon glyphicon-book" | ||
popover-placement="top" | ||
popover="{{card.properties.flavor}}" | ||
></button> | ||
</div> | ||
<!-- effect text --> | ||
<div ng-show="card.properties.effect" style="float: right; padding: 5px; text-align: center;"> | ||
<button type="button" class="btn btn-xs btn-warning glyphicon glyphicon-flash" | ||
popover-placement="top" | ||
popover="{{card.properties.effect}}" | ||
>FX</button> | ||
</div> | ||
</div> | ||
<div class="card-actions"> | ||
<button class="btn btn-xs btn-navbar csh-button" ng-repeat="action in actions" | ||
ng-if="!doingAction && action.id === card.id" | ||
ng-click="startAction({action: action})" | ||
class="btn btn-xs btn-default"> | ||
{{action.action}} | ||
</button> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.