From 7ff3e6a49e37d04b4a58de2c847f0a23bc31127e Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 31 May 2024 01:08:03 +0200
Subject: cards at 75

---
 play.css  | 162 +++++++++++++++++++++++++++++++-------------------------------
 play.html |  38 ++++++++++++++-
 2 files changed, 117 insertions(+), 83 deletions(-)

diff --git a/play.css b/play.css
index 14c168f..8e1f4cd 100644
--- a/play.css
+++ b/play.css
@@ -18,10 +18,10 @@
 #political_display {
 	position: relative;
 	margin: 0 auto;
-	width: 1169px;
-	height: 827px;
+	width: 877px;
+	height: 620px;
 	background-size: cover;
-	background-image: url(Maria.Political.Display.100.jpg);
+	background-image: url(Maria.Political.Display.075.jpg);
 	background-color: #ece1a9;
 }
 
@@ -52,7 +52,7 @@ body {
 	flex-wrap: wrap;
 	padding: 18px;
 	gap: 18px;
-	min-height: 350px;
+	min-height: 257px;
 }
 
 .city {
@@ -151,85 +151,85 @@ body {
 .political_marker.saxony { background-image: url(markers/political_marker_saxony.100.png) }
 
 .card {
-	width: 220px;
-	height: 342px;
-	background-size: 220px 342px;
+	width: 165px;
+	height: 257px;
+	background-size: 165px 257px;
 	background-color: #f3ebd5;
 	border-radius: 8px;
 	border: 1px solid black;
 }
 
-.card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.100.jpg) }
-.card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.100.jpg) }
-.card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.100.jpg) }
-.card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.100.jpg) }
-.card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.100.jpg) }
-.card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.100.jpg) }
-.card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.100.jpg) }
-.card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.100.jpg) }
-.card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.100.jpg) }
-.card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.100.jpg) }
-.card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.100.jpg) }
-.card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.100.jpg) }
-.card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.100.jpg) }
-.card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.100.jpg) }
-.card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.100.jpg) }
-.card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.100.jpg) }
-.card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.100.jpg) }
-.card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.100.jpg) }
-.card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.100.jpg) }
-.card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.100.jpg) }
-.card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.100.jpg) }
-.card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.100.jpg) }
-.card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.100.jpg) }
-.card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.100.jpg) }
-.card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.100.jpg) }
-.card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.100.jpg) }
-.card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.100.jpg) }
-.card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.100.jpg) }
-.card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.100.jpg) }
-
-.card.tc.c01 { background-image: url(cards/Maria.TC.01.100.jpg) }
-.card.tc.c02 { background-image: url(cards/Maria.TC.02.100.jpg) }
-.card.tc.c03 { background-image: url(cards/Maria.TC.03.100.jpg) }
-.card.tc.c04 { background-image: url(cards/Maria.TC.04.100.jpg) }
-.card.tc.c05 { background-image: url(cards/Maria.TC.05.100.jpg) }
-.card.tc.c06 { background-image: url(cards/Maria.TC.06.100.jpg) }
-.card.tc.c07 { background-image: url(cards/Maria.TC.07.100.jpg) }
-.card.tc.c08 { background-image: url(cards/Maria.TC.08.100.jpg) }
-.card.tc.c09 { background-image: url(cards/Maria.TC.09.100.jpg) }
-.card.tc.c10 { background-image: url(cards/Maria.TC.10.100.jpg) }
-.card.tc.c11 { background-image: url(cards/Maria.TC.11.100.jpg) }
-.card.tc.c12 { background-image: url(cards/Maria.TC.12.100.jpg) }
-.card.tc.c13 { background-image: url(cards/Maria.TC.13.100.jpg) }
-.card.tc.c14 { background-image: url(cards/Maria.TC.14.100.jpg) }
-.card.tc.c15 { background-image: url(cards/Maria.TC.15.100.jpg) }
-.card.tc.c16 { background-image: url(cards/Maria.TC.16.100.jpg) }
-.card.tc.c17 { background-image: url(cards/Maria.TC.17.100.jpg) }
-.card.tc.c18 { background-image: url(cards/Maria.TC.18.100.jpg) }
-.card.tc.c19 { background-image: url(cards/Maria.TC.19.100.jpg) }
-.card.tc.c20 { background-image: url(cards/Maria.TC.20.100.jpg) }
-.card.tc.c21 { background-image: url(cards/Maria.TC.21.100.jpg) }
-.card.tc.c22 { background-image: url(cards/Maria.TC.22.100.jpg) }
-.card.tc.c23 { background-image: url(cards/Maria.TC.23.100.jpg) }
-.card.tc.c24 { background-image: url(cards/Maria.TC.24.100.jpg) }
-.card.tc.c25 { background-image: url(cards/Maria.TC.25.100.jpg) }
-.card.tc.c26 { background-image: url(cards/Maria.TC.26.100.jpg) }
-.card.tc.c27 { background-image: url(cards/Maria.TC.27.100.jpg) }
-.card.tc.c28 { background-image: url(cards/Maria.TC.28.100.jpg) }
-.card.tc.c29 { background-image: url(cards/Maria.TC.29.100.jpg) }
-.card.tc.c30 { background-image: url(cards/Maria.TC.30.100.jpg) }
-.card.tc.c31 { background-image: url(cards/Maria.TC.31.100.jpg) }
-.card.tc.c32 { background-image: url(cards/Maria.TC.32.100.jpg) }
-.card.tc.c33 { background-image: url(cards/Maria.TC.33.100.jpg) }
-.card.tc.c34 { background-image: url(cards/Maria.TC.34.100.jpg) }
-.card.tc.c35 { background-image: url(cards/Maria.TC.35.100.jpg) }
-.card.tc.c36 { background-image: url(cards/Maria.TC.36.100.jpg) }
-.card.tc.c37 { background-image: url(cards/Maria.TC.37.100.jpg) }
-.card.tc.c38 { background-image: url(cards/Maria.TC.38.100.jpg) }
-.card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.100.jpg) }
-.card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.100.jpg) }
-.card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.100.jpg) }
-.card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.100.jpg) }
-
-.card.tc + .card.tc { margin-left: -180px; }
+.card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.075.jpg) }
+.card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.075.jpg) }
+.card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.075.jpg) }
+.card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.075.jpg) }
+.card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.075.jpg) }
+.card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.075.jpg) }
+.card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.075.jpg) }
+.card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.075.jpg) }
+.card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.075.jpg) }
+.card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.075.jpg) }
+.card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.075.jpg) }
+.card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.075.jpg) }
+.card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.075.jpg) }
+.card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.075.jpg) }
+.card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.075.jpg) }
+.card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.075.jpg) }
+.card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.075.jpg) }
+.card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.075.jpg) }
+.card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.075.jpg) }
+.card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.075.jpg) }
+.card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.075.jpg) }
+.card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.075.jpg) }
+.card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.075.jpg) }
+.card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.075.jpg) }
+.card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.075.jpg) }
+.card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.075.jpg) }
+.card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.075.jpg) }
+.card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.075.jpg) }
+.card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.075.jpg) }
+
+.card.tc.c01 { background-image: url(cards/Maria.TC.01.075.jpg) }
+.card.tc.c02 { background-image: url(cards/Maria.TC.02.075.jpg) }
+.card.tc.c03 { background-image: url(cards/Maria.TC.03.075.jpg) }
+.card.tc.c04 { background-image: url(cards/Maria.TC.04.075.jpg) }
+.card.tc.c05 { background-image: url(cards/Maria.TC.05.075.jpg) }
+.card.tc.c06 { background-image: url(cards/Maria.TC.06.075.jpg) }
+.card.tc.c07 { background-image: url(cards/Maria.TC.07.075.jpg) }
+.card.tc.c08 { background-image: url(cards/Maria.TC.08.075.jpg) }
+.card.tc.c09 { background-image: url(cards/Maria.TC.09.075.jpg) }
+.card.tc.c10 { background-image: url(cards/Maria.TC.10.075.jpg) }
+.card.tc.c11 { background-image: url(cards/Maria.TC.11.075.jpg) }
+.card.tc.c12 { background-image: url(cards/Maria.TC.12.075.jpg) }
+.card.tc.c13 { background-image: url(cards/Maria.TC.13.075.jpg) }
+.card.tc.c14 { background-image: url(cards/Maria.TC.14.075.jpg) }
+.card.tc.c15 { background-image: url(cards/Maria.TC.15.075.jpg) }
+.card.tc.c16 { background-image: url(cards/Maria.TC.16.075.jpg) }
+.card.tc.c17 { background-image: url(cards/Maria.TC.17.075.jpg) }
+.card.tc.c18 { background-image: url(cards/Maria.TC.18.075.jpg) }
+.card.tc.c19 { background-image: url(cards/Maria.TC.19.075.jpg) }
+.card.tc.c20 { background-image: url(cards/Maria.TC.20.075.jpg) }
+.card.tc.c21 { background-image: url(cards/Maria.TC.21.075.jpg) }
+.card.tc.c22 { background-image: url(cards/Maria.TC.22.075.jpg) }
+.card.tc.c23 { background-image: url(cards/Maria.TC.23.075.jpg) }
+.card.tc.c24 { background-image: url(cards/Maria.TC.24.075.jpg) }
+.card.tc.c25 { background-image: url(cards/Maria.TC.25.075.jpg) }
+.card.tc.c26 { background-image: url(cards/Maria.TC.26.075.jpg) }
+.card.tc.c27 { background-image: url(cards/Maria.TC.27.075.jpg) }
+.card.tc.c28 { background-image: url(cards/Maria.TC.28.075.jpg) }
+.card.tc.c29 { background-image: url(cards/Maria.TC.29.075.jpg) }
+.card.tc.c30 { background-image: url(cards/Maria.TC.30.075.jpg) }
+.card.tc.c31 { background-image: url(cards/Maria.TC.31.075.jpg) }
+.card.tc.c32 { background-image: url(cards/Maria.TC.32.075.jpg) }
+.card.tc.c33 { background-image: url(cards/Maria.TC.33.075.jpg) }
+.card.tc.c34 { background-image: url(cards/Maria.TC.34.075.jpg) }
+.card.tc.c35 { background-image: url(cards/Maria.TC.35.075.jpg) }
+.card.tc.c36 { background-image: url(cards/Maria.TC.36.075.jpg) }
+.card.tc.c37 { background-image: url(cards/Maria.TC.37.075.jpg) }
+.card.tc.c38 { 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 + .card.tc { margin-left: -145px; }
diff --git a/play.html b/play.html
index fba6595..394e46c 100644
--- a/play.html
+++ b/play.html
@@ -6,7 +6,7 @@
 <meta name="theme-color" content="#444">
 <meta charset="utf-8">
 <title>MARIA</title>
-<link rel="icon" href="favicon.png">
+<link rel="icon" href="favicon/maria.png">
 <link rel="stylesheet" href="/fonts/fonts.css">
 <link rel="stylesheet" href="/common/client.css">
 <link rel="stylesheet" href="play.css">
@@ -44,6 +44,40 @@
 <div class="marker victory_marker_france" style="left:381px;top:571px;"></div>
 <div class="marker victory_marker_austria" style="left:229px;top:922px;"></div>
 
+<div style="position:absolute;top:500px;left:500px;width:500px;">
+<img src="pieces/cylinder_austria_1.svg" class="display:block">
+<img src="pieces/cylinder_austria_2.svg" class="display:block">
+<img src="pieces/cylinder_austria_3.svg" class="display:block">
+<img src="pieces/cylinder_austria_4.svg" class="display:block">
+<img src="pieces/cylinder_austria_5.svg" class="display:block">
+<img src="pieces/cylinder_austria_6.svg" class="display:block">
+<br>
+<img src="pieces/cylinder_bavaria_1.svg" class="display:block">
+<img src="pieces/cylinder_france_1.svg" class="display:block">
+<img src="pieces/cylinder_france_2.svg" class="display:block">
+<img src="pieces/cylinder_france_3.svg" class="display:block">
+<img src="pieces/cylinder_france_4.svg" class="display:block">
+<img src="pieces/cylinder_france_5.svg" class="display:block">
+<br>
+<img src="pieces/cylinder_pragmatic_1.svg" class="display:block">
+<img src="pieces/cylinder_pragmatic_2.svg" class="display:block">
+<img src="pieces/cylinder_pragmatic_3.svg" class="display:block">
+<img src="pieces/cylinder_prussia_1.svg" class="display:block">
+<img src="pieces/cylinder_prussia_2.svg" class="display:block">
+<img src="pieces/cylinder_prussia_3.svg" class="display:block">
+<img src="pieces/cylinder_prussia_4.svg" class="display:block">
+<img src="pieces/cylinder_saxony_1.svg" class="display:block">
+<br>
+<img src="pieces/disc_hussar.svg" class="display:block">
+<img src="pieces/disc_hussar.svg" class="display:block">
+<img src="pieces/cube_austria.svg" class="display:block">
+<img src="pieces/cube_bavaria.svg" class="display:block">
+<img src="pieces/cube_france.svg" class="display:block">
+<img src="pieces/cube_pragmatic.svg" class="display:block">
+<img src="pieces/cube_prussia.svg" class="display:block">
+<img src="pieces/cube_saxony.svg" class="display:block">
+</div>
+
 </div>
 </div>
 </div>
@@ -57,7 +91,7 @@
 <div id="display_pragmatic_army"></div>
 <div id="display_austria"></div>
 
-<div class="card tc reverse deck_1" style="position:absolute;top:418px;left:66px;"></div>
+<div class="card tc reverse deck_1" style="position:absolute;top:310px;left:40px;"></div>
 
 </div>
 
-- 
cgit v1.2.3