Skip to content
Browse files

suit. not suite

  • Loading branch information...
1 parent 85dc45f commit b2afefe3253927c20b4f737bfb99f94fbfb593b4 @donpark committed Oct 10, 2012
Showing with 146 additions and 146 deletions.
  1. +26 −26 dist/playingcards.html
  2. +17 −17 dist/playingcards.js
  3. +3 −3 public/css/playingcards.styl
  4. +16 −16 public/js/playingcards.coffee
  5. +84 −84 views/mixins/playingcards.jade
View
52 dist/playingcards.html
@@ -4,79 +4,79 @@
</script>
<script id="card-two" type="text/x-mustache-template">
<div class="card-two">
- <div class="corner top"><span class="number">2</span><span>{{{suite.symbol}}}</span></div><span class="suit top_center">{{{suite.symbol}}}</span><span class="suit bottom_center">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">2</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">2</span><span>{{{suit.symbol}}}</span></div><span class="suit top_center">{{{suit.symbol}}}</span><span class="suit bottom_center">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">2</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-three" type="text/x-mustache-template">
<div class="card-three">
- <div class="corner top"><span class="number">3</span><span>{{{suite.symbol}}}</span></div><span class="suit top_center">{{{suite.symbol}}}</span><span class="suit middle_center">{{{suite.symbol}}}</span><span class="suit bottom_center">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">3</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">3</span><span>{{{suit.symbol}}}</span></div><span class="suit top_center">{{{suit.symbol}}}</span><span class="suit middle_center">{{{suit.symbol}}}</span><span class="suit bottom_center">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">3</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-four" type="text/x-mustache-template">
<div class="card-four">
- <div class="corner top"><span class="number">4</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">4</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">4</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">4</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-five" type="text/x-mustache-template">
<div class="card-five">
- <div class="corner top"><span class="number">5</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_center">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">5</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">5</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_center">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">5</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-six" type="text/x-mustache-template">
<div class="card-six">
- <div class="corner top"><span class="number">6</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_left">{{{suite.symbol}}}</span><span class="suit middle_right">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">6</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">6</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_left">{{{suit.symbol}}}</span><span class="suit middle_right">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">6</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-seven" type="text/x-mustache-template">
<div class="card-seven">
- <div class="corner top"><span class="number">7</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_left">{{{suite.symbol}}}</span><span class="suit middle_top">{{{suite.symbol}}}</span><span class="suit middle_right">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">7</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">7</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_left">{{{suit.symbol}}}</span><span class="suit middle_top">{{{suit.symbol}}}</span><span class="suit middle_right">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">7</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-eight" type="text/x-mustache-template">
<div class="card-eight">
- <div class="corner top"><span class="number">8</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_left">{{{suite.symbol}}}</span><span class="suit middle_top">{{{suite.symbol}}}</span><span class="suit middle_right">{{{suite.symbol}}}</span><span class="suit middle_bottom">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">8</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">8</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_left">{{{suit.symbol}}}</span><span class="suit middle_top">{{{suit.symbol}}}</span><span class="suit middle_right">{{{suit.symbol}}}</span><span class="suit middle_bottom">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">8</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-nine" type="text/x-mustache-template">
<div class="card-nine">
- <div class="corner top"><span class="number">9</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_top_left">{{{suite.symbol}}}</span><span class="suit middle_center">{{{suite.symbol}}}</span><span class="suit middle_top_right">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span><span class="suit middle_bottom_left">{{{suite.symbol}}}</span><span class="suit middle_bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">9</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">9</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_top_left">{{{suit.symbol}}}</span><span class="suit middle_center">{{{suit.symbol}}}</span><span class="suit middle_top_right">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span><span class="suit middle_bottom_left">{{{suit.symbol}}}</span><span class="suit middle_bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">9</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-ten" type="text/x-mustache-template">
<div class="card-ten">
- <div class="corner top"><span class="number">10</span><span>{{{suite.symbol}}}</span></div><span class="suit top_left">{{{suite.symbol}}}</span><span class="suit top_right">{{{suite.symbol}}}</span><span class="suit middle_top_left">{{{suite.symbol}}}</span><span class="suit middle_top_center">{{{suite.symbol}}}</span><span class="suit middle_top_right">{{{suite.symbol}}}</span><span class="suit bottom_left">{{{suite.symbol}}}</span><span class="suit bottom_right">{{{suite.symbol}}}</span><span class="suit middle_bottom_center">{{{suite.symbol}}}</span><span class="suit middle_bottom_left">{{{suite.symbol}}}</span><span class="suit middle_bottom_right">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">10</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">10</span><span>{{{suit.symbol}}}</span></div><span class="suit top_left">{{{suit.symbol}}}</span><span class="suit top_right">{{{suit.symbol}}}</span><span class="suit middle_top_left">{{{suit.symbol}}}</span><span class="suit middle_top_center">{{{suit.symbol}}}</span><span class="suit middle_top_right">{{{suit.symbol}}}</span><span class="suit bottom_left">{{{suit.symbol}}}</span><span class="suit bottom_right">{{{suit.symbol}}}</span><span class="suit middle_bottom_center">{{{suit.symbol}}}</span><span class="suit middle_bottom_left">{{{suit.symbol}}}</span><span class="suit middle_bottom_right">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">10</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-jack" type="text/x-mustache-template">
<div class="card-jack">
- <div class="corner top"><span class="number">J</span><span>{{{suite.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-jack-{{suite.name}}.png"/></span>
- <div class="corner bottom"><span class="number">J</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">J</span><span>{{{suit.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-jack-{{suit.name}}.png"/></span>
+ <div class="corner bottom"><span class="number">J</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-queen" type="text/x-mustache-template">
<div class="card-queen">
- <div class="corner top"><span class="number">Q</span><span>{{{suite.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-queen-{{suite.name}}.png"/></span>
- <div class="corner bottom"><span class="number">Q</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">Q</span><span>{{{suit.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-queen-{{suit.name}}.png"/></span>
+ <div class="corner bottom"><span class="number">Q</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-king" type="text/x-mustache-template">
<div class="card-king">
- <div class="corner top"><span class="number">K</span><span>{{{suite.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-king-{{suite.name}}.png"/></span>
- <div class="corner bottom"><span class="number">K</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">K</span><span>{{{suit.symbol}}}</span></div><span class="face middle_center"><img src="img/faces/face-king-{{suit.name}}.png"/></span>
+ <div class="corner bottom"><span class="number">K</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
<script id="card-ace" type="text/x-mustache-template">
<div class="card-ace">
- <div class="corner top"><span class="number">A</span><span>{{{suite.symbol}}}</span></div><span class="suit middle_center">{{{suite.symbol}}}</span>
- <div class="corner bottom"><span class="number">A</span><span>{{{suite.symbol}}}</span></div>
+ <div class="corner top"><span class="number">A</span><span>{{{suit.symbol}}}</span></div><span class="suit middle_center">{{{suit.symbol}}}</span>
+ <div class="corner bottom"><span class="number">A</span><span>{{{suit.symbol}}}</span></div>
</div>
</script>
View
34 dist/playingcards.js
@@ -1,6 +1,6 @@
// Generated by CoffeeScript 1.3.3
(function() {
- var CardModel, CardView, DeckModel, DeckView, NAMESPACE, RANK, RANKS, SUITE, SUITES, Templates,
+ var CardModel, CardView, DeckModel, DeckView, NAMESPACE, RANK, RANKS, SUIT, SUITS, Templates,
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
@@ -43,7 +43,7 @@
})();
- SUITE = {
+ SUIT = {
club: {
name: 'club',
symbol: '',
@@ -66,7 +66,7 @@
}
};
- SUITES = [SUITE.club, SUITE.diamond, SUITE.spade, SUITE.heart];
+ SUITS = [SUIT.club, SUIT.diamond, SUIT.spade, SUIT.heart];
RANK = RANK = {
ace: {
@@ -172,16 +172,16 @@
};
CardView.prototype.content = function(wrap) {
- var $content, $wrap, front, rank, suite;
+ var $content, $wrap, front, rank, suit;
front = this.model.get('front');
if (front) {
rank = this.model.get('rank');
- suite = this.model.get('suite');
+ suit = this.model.get('suit');
$content = $(this.options.templates.render("card-" + rank.name, {
rank: rank,
- suite: suite
+ suit: suit
}));
- $content.addClass(suite.name);
+ $content.addClass(suit.name);
} else {
$content = $(this.options.templates.render("card-back"));
}
@@ -213,19 +213,19 @@
}
DeckModel.prototype.initialize = function(models, options) {
- var card, front, rank, suite, _i, _len, _results;
+ var card, front, rank, suit, _i, _len, _results;
front = options.front || false;
_results = [];
- for (_i = 0, _len = SUITES.length; _i < _len; _i++) {
- suite = SUITES[_i];
+ for (_i = 0, _len = SUITS.length; _i < _len; _i++) {
+ suit = SUITS[_i];
_results.push((function() {
var _j, _len1, _results1;
_results1 = [];
for (_j = 0, _len1 = RANKS.length; _j < _len1; _j++) {
rank = RANKS[_j];
card = new CardModel({
rank: rank,
- suite: suite,
+ suit: suit,
front: front
});
_results1.push(this.add(card));
@@ -238,12 +238,12 @@
DeckModel.prototype.sort = function() {
return this.models = _.sortBy(this.models, function(model) {
- var rank, rankOrder, suite, suiteOrder;
- suite = model.get('suite');
+ var rank, rankOrder, suit, suitOrder;
+ suit = model.get('suit');
rank = model.get('rank');
- suiteOrder = SUITES.indexOf(suite);
+ suitOrder = SUITS.indexOf(suit);
rankOrder = RANKS.indexOf(rank);
- return suiteOrder * 13 + rankOrder;
+ return suitOrder * 13 + rankOrder;
});
};
@@ -311,9 +311,9 @@
NAMESPACE.PlayingCards = {
RANK: RANK,
- SUITE: SUITE,
+ SUIT: SUIT,
RANKS: RANKS,
- SUITES: SUITES,
+ SUITS: SUITS,
CardModel: CardModel,
CardView: CardView,
DeckModel: DeckModel,
View
6 public/css/playingcards.styl
@@ -7,10 +7,10 @@ transform()
cardem(value)
(value / 200 * 16)em
-suite-size = 5.8em
+suit-size = 5.8em
suitem(value)
- (cardem(value) / suite-size)
+ (cardem(value) / suit-size)
.card
background-color: #fff
@@ -88,7 +88,7 @@ suitem(value)
height: cardem(228)
.suit
- font-size: suite-size
+ font-size: suit-size
font-weight: bold
height: suitem(60)
line-height: suitem(60)
View
32 public/js/playingcards.coffee
@@ -25,7 +25,7 @@ class Templates
# Lib.card
#=========================================================================================================
-SUITE =
+SUIT =
club:
name: 'club'
symbol: ''
@@ -43,11 +43,11 @@ SUITE =
symbol: '&hearts;'
color: 'red'
-SUITES = [
- SUITE.club
- SUITE.diamond
- SUITE.spade
- SUITE.heart
+SUITS = [
+ SUIT.club
+ SUIT.diamond
+ SUIT.spade
+ SUIT.heart
]
RANK = RANK =
@@ -132,11 +132,11 @@ class CardView extends Backbone.View
front = @model.get 'front'
if front
rank = @model.get 'rank'
- suite = @model.get 'suite'
+ suit = @model.get 'suit'
$content = $ @options.templates.render "card-#{rank.name}",
rank: rank
- suite: suite
- $content.addClass suite.name
+ suit: suit
+ $content.addClass suit.name
else
$content = $ @options.templates.render "card-back"
if wrap
@@ -154,20 +154,20 @@ class CardView extends Backbone.View
class DeckModel extends Backbone.Collection
initialize: (models, options) ->
front = options.front or false
- for suite in SUITES
+ for suit in SUITS
for rank in RANKS
card = new CardModel
rank: rank
- suite: suite
+ suit: suit
front: front
@add card
sort: ->
@models = _.sortBy @models, (model) ->
- suite = model.get 'suite'
+ suit = model.get 'suit'
rank = model.get 'rank'
- suiteOrder = SUITES.indexOf(suite)
+ suitOrder = SUITS.indexOf(suit)
rankOrder = RANKS.indexOf(rank)
- suiteOrder * 13 + rankOrder
+ suitOrder * 13 + rankOrder
shuffle: ->
@models = _.shuffle @models
@@ -200,9 +200,9 @@ class DeckView extends Backbone.View
NAMESPACE = window ? this
NAMESPACE.PlayingCards =
RANK: RANK
- SUITE: SUITE
+ SUIT: SUIT
RANKS: RANKS
- SUITES: SUITES
+ SUITS: SUITS
CardModel: CardModel
CardView: CardView
DeckModel: DeckModel
View
168 views/mixins/playingcards.jade
@@ -6,164 +6,164 @@ script#card-two(type='text/x-mustache-template')
.card-two
.corner.top
span.number 2
- span {{{suite.symbol}}}
- span.suit.top_center {{{suite.symbol}}}
- span.suit.bottom_center {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_center {{{suit.symbol}}}
+ span.suit.bottom_center {{{suit.symbol}}}
.corner.bottom
span.number 2
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-three(type='text/x-mustache-template')
.card-three
.corner.top
span.number 3
- span {{{suite.symbol}}}
- span.suit.top_center {{{suite.symbol}}}
- span.suit.middle_center {{{suite.symbol}}}
- span.suit.bottom_center {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_center {{{suit.symbol}}}
+ span.suit.middle_center {{{suit.symbol}}}
+ span.suit.bottom_center {{{suit.symbol}}}
.corner.bottom
span.number 3
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-four(type='text/x-mustache-template')
.card-four
.corner.top
span.number 4
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 4
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-five(type='text/x-mustache-template')
.card-five
.corner.top
span.number 5
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_center {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_center {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 5
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-six(type='text/x-mustache-template')
.card-six
.corner.top
span.number 6
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_left {{{suite.symbol}}}
- span.suit.middle_right {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_left {{{suit.symbol}}}
+ span.suit.middle_right {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 6
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-seven(type='text/x-mustache-template')
.card-seven
.corner.top
span.number 7
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_left {{{suite.symbol}}}
- span.suit.middle_top {{{suite.symbol}}}
- span.suit.middle_right {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_left {{{suit.symbol}}}
+ span.suit.middle_top {{{suit.symbol}}}
+ span.suit.middle_right {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 7
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-eight(type='text/x-mustache-template')
.card-eight
.corner.top
span.number 8
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_left {{{suite.symbol}}}
- span.suit.middle_top {{{suite.symbol}}}
- span.suit.middle_right {{{suite.symbol}}}
- span.suit.middle_bottom {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_left {{{suit.symbol}}}
+ span.suit.middle_top {{{suit.symbol}}}
+ span.suit.middle_right {{{suit.symbol}}}
+ span.suit.middle_bottom {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 8
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-nine(type='text/x-mustache-template')
.card-nine
.corner.top
span.number 9
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_top_left {{{suite.symbol}}}
- span.suit.middle_center {{{suite.symbol}}}
- span.suit.middle_top_right {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
- span.suit.middle_bottom_left {{{suite.symbol}}}
- span.suit.middle_bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_top_left {{{suit.symbol}}}
+ span.suit.middle_center {{{suit.symbol}}}
+ span.suit.middle_top_right {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
+ span.suit.middle_bottom_left {{{suit.symbol}}}
+ span.suit.middle_bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 9
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-ten(type='text/x-mustache-template')
.card-ten
.corner.top
span.number 10
- span {{{suite.symbol}}}
- span.suit.top_left {{{suite.symbol}}}
- span.suit.top_right {{{suite.symbol}}}
- span.suit.middle_top_left {{{suite.symbol}}}
- span.suit.middle_top_center {{{suite.symbol}}}
- span.suit.middle_top_right {{{suite.symbol}}}
- span.suit.bottom_left {{{suite.symbol}}}
- span.suit.bottom_right {{{suite.symbol}}}
- span.suit.middle_bottom_center {{{suite.symbol}}}
- span.suit.middle_bottom_left {{{suite.symbol}}}
- span.suit.middle_bottom_right {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.top_left {{{suit.symbol}}}
+ span.suit.top_right {{{suit.symbol}}}
+ span.suit.middle_top_left {{{suit.symbol}}}
+ span.suit.middle_top_center {{{suit.symbol}}}
+ span.suit.middle_top_right {{{suit.symbol}}}
+ span.suit.bottom_left {{{suit.symbol}}}
+ span.suit.bottom_right {{{suit.symbol}}}
+ span.suit.middle_bottom_center {{{suit.symbol}}}
+ span.suit.middle_bottom_left {{{suit.symbol}}}
+ span.suit.middle_bottom_right {{{suit.symbol}}}
.corner.bottom
span.number 10
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-jack(type='text/x-mustache-template')
.card-jack
.corner.top
span.number J
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
span.face.middle_center
- img(src='img/faces/face-jack-{{suite.name}}.png')
+ img(src='img/faces/face-jack-{{suit.name}}.png')
.corner.bottom
span.number J
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-queen(type='text/x-mustache-template')
.card-queen
.corner.top
span.number Q
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
span.face.middle_center
- img(src='img/faces/face-queen-{{suite.name}}.png')
+ img(src='img/faces/face-queen-{{suit.name}}.png')
.corner.bottom
span.number Q
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-king(type='text/x-mustache-template')
.card-king
.corner.top
span.number K
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
span.face.middle_center
- img(src='img/faces/face-king-{{suite.name}}.png')
+ img(src='img/faces/face-king-{{suit.name}}.png')
.corner.bottom
span.number K
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}
script#card-ace(type='text/x-mustache-template')
.card-ace
.corner.top
span.number A
- span {{{suite.symbol}}}
- span.suit.middle_center {{{suite.symbol}}}
+ span {{{suit.symbol}}}
+ span.suit.middle_center {{{suit.symbol}}}
.corner.bottom
span.number A
- span {{{suite.symbol}}}
+ span {{{suit.symbol}}}

0 comments on commit b2afefe

Please sign in to comment.
Something went wrong with that request. Please try again.