diff --git a/css/blackjack.css b/css/blackjack.css index 691b891..08f4b7c 100644 --- a/css/blackjack.css +++ b/css/blackjack.css @@ -45,11 +45,26 @@ body { padding: 20px 5px 5px 5px; } -#actions button { +#actions button, +#actions a { width: 100%; margin-bottom: 5px; } +#quick-bet-buttons { + padding-left: 25px; + padding-right: 25px; +} + +#quick-bet-buttons div { + padding-left: 2px; + padding-right: 2px; +} + +#quick-bet-buttons a { + padding: 5px; +} + #card-space { color: white; } @@ -58,7 +73,7 @@ body { text-align: center; color: white; padding-top: 25px; - padding-bottom: 25px; + padding-bottom: 45px; } .navbar-toggler { @@ -71,3 +86,7 @@ body { color: green; margin: 3px 6px 3px 6px; } + +.quick-bet { + height: 16px; +} \ No newline at end of file diff --git a/img/Chips/chipBlackWhite.png b/img/chips/chipBlackWhite.png similarity index 100% rename from img/Chips/chipBlackWhite.png rename to img/chips/chipBlackWhite.png diff --git a/img/Chips/chipBlackWhite_border.png b/img/chips/chipBlackWhite_border.png similarity index 100% rename from img/Chips/chipBlackWhite_border.png rename to img/chips/chipBlackWhite_border.png diff --git a/img/Chips/chipBlackWhite_side.png b/img/chips/chipBlackWhite_side.png similarity index 100% rename from img/Chips/chipBlackWhite_side.png rename to img/chips/chipBlackWhite_side.png diff --git a/img/Chips/chipBlackWhite_sideBorder.png b/img/chips/chipBlackWhite_sideBorder.png similarity index 100% rename from img/Chips/chipBlackWhite_sideBorder.png rename to img/chips/chipBlackWhite_sideBorder.png diff --git a/img/Chips/chipBlue.png b/img/chips/chipBlue.png similarity index 100% rename from img/Chips/chipBlue.png rename to img/chips/chipBlue.png diff --git a/img/Chips/chipBlueWhite.png b/img/chips/chipBlueWhite.png similarity index 100% rename from img/Chips/chipBlueWhite.png rename to img/chips/chipBlueWhite.png diff --git a/img/Chips/chipBlueWhite_border.png b/img/chips/chipBlueWhite_border.png similarity index 100% rename from img/Chips/chipBlueWhite_border.png rename to img/chips/chipBlueWhite_border.png diff --git a/img/Chips/chipBlueWhite_side.png b/img/chips/chipBlueWhite_side.png similarity index 100% rename from img/Chips/chipBlueWhite_side.png rename to img/chips/chipBlueWhite_side.png diff --git a/img/Chips/chipBlueWhite_sideBorder.png b/img/chips/chipBlueWhite_sideBorder.png similarity index 100% rename from img/Chips/chipBlueWhite_sideBorder.png rename to img/chips/chipBlueWhite_sideBorder.png diff --git a/img/Chips/chipBlue_border.png b/img/chips/chipBlue_border.png similarity index 100% rename from img/Chips/chipBlue_border.png rename to img/chips/chipBlue_border.png diff --git a/img/Chips/chipBlue_side.png b/img/chips/chipBlue_side.png similarity index 100% rename from img/Chips/chipBlue_side.png rename to img/chips/chipBlue_side.png diff --git a/img/Chips/chipBlue_sideBorder.png b/img/chips/chipBlue_sideBorder.png similarity index 100% rename from img/Chips/chipBlue_sideBorder.png rename to img/chips/chipBlue_sideBorder.png diff --git a/img/Chips/chipGreen.png b/img/chips/chipGreen.png similarity index 100% rename from img/Chips/chipGreen.png rename to img/chips/chipGreen.png diff --git a/img/Chips/chipGreenWhite.png b/img/chips/chipGreenWhite.png similarity index 100% rename from img/Chips/chipGreenWhite.png rename to img/chips/chipGreenWhite.png diff --git a/img/Chips/chipGreenWhite_border.png b/img/chips/chipGreenWhite_border.png similarity index 100% rename from img/Chips/chipGreenWhite_border.png rename to img/chips/chipGreenWhite_border.png diff --git a/img/Chips/chipGreenWhite_side.png b/img/chips/chipGreenWhite_side.png similarity index 100% rename from img/Chips/chipGreenWhite_side.png rename to img/chips/chipGreenWhite_side.png diff --git a/img/Chips/chipGreenWhite_sideBorder.png b/img/chips/chipGreenWhite_sideBorder.png similarity index 100% rename from img/Chips/chipGreenWhite_sideBorder.png rename to img/chips/chipGreenWhite_sideBorder.png diff --git a/img/Chips/chipGreen_border.png b/img/chips/chipGreen_border.png similarity index 100% rename from img/Chips/chipGreen_border.png rename to img/chips/chipGreen_border.png diff --git a/img/Chips/chipGreen_side.png b/img/chips/chipGreen_side.png similarity index 100% rename from img/Chips/chipGreen_side.png rename to img/chips/chipGreen_side.png diff --git a/img/Chips/chipGreen_sideBorder.png b/img/chips/chipGreen_sideBorder.png similarity index 100% rename from img/Chips/chipGreen_sideBorder.png rename to img/chips/chipGreen_sideBorder.png diff --git a/img/Chips/chipRedWhite.png b/img/chips/chipRedWhite.png similarity index 100% rename from img/Chips/chipRedWhite.png rename to img/chips/chipRedWhite.png diff --git a/img/Chips/chipRedWhite_border.png b/img/chips/chipRedWhite_border.png similarity index 100% rename from img/Chips/chipRedWhite_border.png rename to img/chips/chipRedWhite_border.png diff --git a/img/Chips/chipRedWhite_side.png b/img/chips/chipRedWhite_side.png similarity index 100% rename from img/Chips/chipRedWhite_side.png rename to img/chips/chipRedWhite_side.png diff --git a/img/Chips/chipRedWhite_sideBorder.png b/img/chips/chipRedWhite_sideBorder.png similarity index 100% rename from img/Chips/chipRedWhite_sideBorder.png rename to img/chips/chipRedWhite_sideBorder.png diff --git a/img/Chips/chipWhite.png b/img/chips/chipWhite.png similarity index 100% rename from img/Chips/chipWhite.png rename to img/chips/chipWhite.png diff --git a/img/Chips/chipWhiteBlue.png b/img/chips/chipWhiteBlue.png similarity index 100% rename from img/Chips/chipWhiteBlue.png rename to img/chips/chipWhiteBlue.png diff --git a/img/Chips/chipWhiteBlue_border.png b/img/chips/chipWhiteBlue_border.png similarity index 100% rename from img/Chips/chipWhiteBlue_border.png rename to img/chips/chipWhiteBlue_border.png diff --git a/img/Chips/chipWhiteBlue_side.png b/img/chips/chipWhiteBlue_side.png similarity index 100% rename from img/Chips/chipWhiteBlue_side.png rename to img/chips/chipWhiteBlue_side.png diff --git a/img/Chips/chipWhiteBlue_sideBorder.png b/img/chips/chipWhiteBlue_sideBorder.png similarity index 100% rename from img/Chips/chipWhiteBlue_sideBorder.png rename to img/chips/chipWhiteBlue_sideBorder.png diff --git a/img/Chips/chipWhite_border.png b/img/chips/chipWhite_border.png similarity index 100% rename from img/Chips/chipWhite_border.png rename to img/chips/chipWhite_border.png diff --git a/img/Chips/chipWhite_side.png b/img/chips/chipWhite_side.png similarity index 100% rename from img/Chips/chipWhite_side.png rename to img/chips/chipWhite_side.png diff --git a/img/Chips/chipWhite_sideBorder.png b/img/chips/chipWhite_sideBorder.png similarity index 100% rename from img/Chips/chipWhite_sideBorder.png rename to img/chips/chipWhite_sideBorder.png diff --git a/index.htm b/index.htm index 0160318..6a0bfa0 100644 --- a/index.htm +++ b/index.htm @@ -16,7 +16,7 @@
@@ -89,9 +91,11 @@
- +
+ +
-
+
- - + +
+
+ + {{ bet }} +
+ + +
+
+
+
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+
+
diff --git a/js/app.js b/js/app.js index 58b2d95..90ad0bc 100644 --- a/js/app.js +++ b/js/app.js @@ -13,7 +13,7 @@ let app = new Vue({ handScore: 0, dealerScore: 0, status: '', - bet: 0, + bet: 100, bankIsActive: false, bank: 0, @@ -356,6 +356,16 @@ let app = new Vue({ isMoney(number) { return new Intl.NumberFormat('de-DE', {style: 'decimal'}).format(number); }, + + quickBet(bet) { + if (this.bet > this.money) { + alertify.notify('You don\'t have enough money to do this.', 'custom'); + return false; + } + + this.bet = bet; + this.startRound(); + } }, created() { this.cardDeck = this.generateDeck();