reveal card deck backsides with shift key and all-seeing-eye

2 files changed, 9 insertions, 8 deletions

diff --git a/play.css b/play.css
index 52f2cb3..57459ea 100644
--- a/play.css
+++ b/play.css
@@ -667,10 +667,10 @@ body.shift span.value.deck_4 { background-color: #f002 }
 .card.tc.C3 { background-image: url(cards/Maria.TC.37.075.jpg) }
 .card.tc.C2 { background-image: url(cards/Maria.TC.38.075.jpg) }
 
-.card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.075.jpg) }
-.card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.075.jpg) }
-.card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.075.jpg) }
-.card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.075.jpg) }
+.card.tc.reverse.deck_1, body.shift .card.tc.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.075.jpg) }
+.card.tc.reverse.deck_2, body.shift .card.tc.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.075.jpg) }
+.card.tc.reverse.deck_3, body.shift .card.tc.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.075.jpg) }
+.card.tc.reverse.deck_4, body.shift .card.tc.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.075.jpg) }
 
 .card.polcard.c0 { background-image: url(cards/Maria.PolCard.01.075.jpg) }
 .card.polcard.c1 { background-image: url(cards/Maria.PolCard.02.075.jpg) }
@@ -747,10 +747,10 @@ body.shift span.value.deck_4 { background-color: #f002 }
 	.card.tc.C3 { background-image: url(cards/Maria.TC.37.150.jpg) }
 	.card.tc.C2 { background-image: url(cards/Maria.TC.38.150.jpg) }
 
-	.card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.150.jpg) }
-	.card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.150.jpg) }
-	.card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.150.jpg) }
-	.card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.150.jpg) }
+	.card.tc.reverse.deck_1, body.shift .card.tc.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.150.jpg) }
+	.card.tc.reverse.deck_2, body.shift .card.tc.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.150.jpg) }
+	.card.tc.reverse.deck_3, body.shift .card.tc.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.150.jpg) }
+	.card.tc.reverse.deck_4, body.shift .card.tc.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.150.jpg) }
 
 	.card.polcard.c0 { background-image: url(cards/Maria.PolCard.01.150.jpg) }
 	.card.polcard.c1 { background-image: url(cards/Maria.PolCard.02.150.jpg) }
diff --git a/play.html b/play.html
index 97bb137..c5203ec 100644
--- a/play.html
+++ b/play.html
@@ -32,6 +32,7 @@
 			</menu>
 		</details>
 		<button onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></button>
+		<button id="shift_button" onclick="toggle_shift()"><img src="/images/all-seeing-eye.svg"></button>
 		<details id="subsidy_menu">
 			<summary>
 				<img src="images/shaking-hands.svg">