start fistful of cards on the second round

backend/bang/deck.py

@@ -22,6 +22,8 @@ class Deck:
         self.event_cards: List[ce.CardEvent] = []
         if 'fistful_of_cards' in game.expansions:
             self.event_cards.extend(ce.get_all_events())
+            self.event_cards.insert(0, None)
+            self.event_cards.insert(0, None) # 2 perchè iniziale, e primo flip dallo sceriffo
         random.shuffle(self.cards)
         self.scrap_pile: List[cs.Card] = []
         print(f'Deck initialized with {len(self.cards)} cards')

backend/bang/game.py

@@ -141,6 +141,7 @@ class Game:
                     self.sio.emit('chat_message', room=self.name, data=f'_sheriff|{self.players[i].name}')
                 self.turn = i
             self.players[i].notify_self()
+        self.notify_event_card()
 
     def attack_others(self, attacker: pl.Player):
         attacker.pending_action = pl.PendingAction.WAIT
@@ -283,7 +284,10 @@ class Game:
 
     def notify_event_card(self):
         if len(self.deck.event_cards) > 0:
-            self.sio.emit('event_card', room=self.name, data=self.deck.event_cards[0].__dict__)
+            if self.deck.event_cards[0] != None:
+                self.sio.emit('event_card', room=self.name, data=self.deck.event_cards[0].__dict__)
+            else:
+                self.sio.emit('event_card', room=self.name, data=None)
 
     def notify_scrap_pile(self):
         print('scrap')

frontend/src/components/Card.vue

@@ -87,6 +87,17 @@ export default {
 	box-shadow: 0 0 0pt 4pt white, 0 0 5pt 4pt #aaa;
 	border: 2pt dashed rgb(50 122 172);
 }
+.card.back.fistful-of-cards{
+	color:white;
+	background: repeating-linear-gradient(
+		45deg,
+		rgb(50 122 172),
+		rgb(50 122 172) 5px,
+		rgb(30 102 152) 5px,
+		rgb(30 102 152) 10px
+	);
+	border: 2pt solid rgb(50 122 172);
+}
 .card h4 {
 	position: absolute;
 	text-align: center;
@@ -124,12 +135,12 @@ export default {
 }
 @media (prefers-color-scheme: dark) {
 	:root, #app {
-    background-color: #181a1b;
+		background-color: #181a1b;
-    color: rgb(174, 194, 211);
+		color: rgb(174, 194, 211);
-  }
+	}
 	.card {
 		background-color: #181a1b;
-    color: rgb(174, 194, 211);
+		color: rgb(174, 194, 211);
 		box-shadow: 
 			0 0 0 3pt #987e51,
 			0 0 0 6pt #181a1b,

frontend/src/components/Deck.vue

@@ -5,7 +5,7 @@
 			<div v-if="eventCard" style="position:relative">
 				<div class="card fistful-of-cards" style="position:relative; bottom:-3pt;right:-3pt;"/>
 				<div class="card fistful-of-cards" style="position:absolute; bottom:-1.5pt;right:-1.5pt;"/>
-				<card :card="eventCard" :key="eventCard" :class="{'last-event':true,'fistful-of-cards':true}" @click.native="event"/>
+				<card :card="eventCard" :key="eventCard" :class="{'last-event':true,'fistful-of-cards':true, 'back':eventCard.back}" @click.native="event"/>
 			</div>
 			<div style="position:relative">
 				<div class="card back" style="position:absolute; bottom:-3pt;right:-3pt;"/>
@@ -59,7 +59,11 @@ export default {
 			this.lastScrap = card
 		},
 		event_card(card) {
-			this.eventCard = card
+			this.eventCard = card == false ? {
+				name: 'PewPew!',
+				icon: '🎲',
+				back: true
+			} : card
 		},
 	},
 	computed: {