From c13709696a70e4ff501f629a07365aee427019b3 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 23 Jan 2023 18:10:43 +0100
Subject: Battlefield decoration.
---
images/battlefield_buildings.png | Bin 0 -> 10663 bytes
images/battlefield_hill1.png | Bin 0 -> 7029 bytes
images/battlefield_hill2.png | Bin 0 -> 1788 bytes
images/battlefield_trees1.png | Bin 0 -> 4918 bytes
images/battlefield_trees2.png | Bin 0 -> 5441 bytes
images/battlefield_trees3.png | Bin 0 -> 2907 bytes
play.html | 26 +++++++++++++++++++-------
7 files changed, 19 insertions(+), 7 deletions(-)
create mode 100644 images/battlefield_buildings.png
create mode 100644 images/battlefield_hill1.png
create mode 100644 images/battlefield_hill2.png
create mode 100644 images/battlefield_trees1.png
create mode 100644 images/battlefield_trees2.png
create mode 100644 images/battlefield_trees3.png
diff --git a/images/battlefield_buildings.png b/images/battlefield_buildings.png
new file mode 100644
index 0000000..237b0fe
Binary files /dev/null and b/images/battlefield_buildings.png differ
diff --git a/images/battlefield_hill1.png b/images/battlefield_hill1.png
new file mode 100644
index 0000000..72e19e9
Binary files /dev/null and b/images/battlefield_hill1.png differ
diff --git a/images/battlefield_hill2.png b/images/battlefield_hill2.png
new file mode 100644
index 0000000..8e03180
Binary files /dev/null and b/images/battlefield_hill2.png differ
diff --git a/images/battlefield_trees1.png b/images/battlefield_trees1.png
new file mode 100644
index 0000000..86466d4
Binary files /dev/null and b/images/battlefield_trees1.png differ
diff --git a/images/battlefield_trees2.png b/images/battlefield_trees2.png
new file mode 100644
index 0000000..772db04
Binary files /dev/null and b/images/battlefield_trees2.png differ
diff --git a/images/battlefield_trees3.png b/images/battlefield_trees3.png
new file mode 100644
index 0000000..b838b20
Binary files /dev/null and b/images/battlefield_trees3.png differ
diff --git a/play.html b/play.html
index 03ce019..389bb45 100644
--- a/play.html
+++ b/play.html
@@ -117,7 +117,6 @@ body.Teutons #plan_actions .russian { display: none }
#battle_grid {
display: grid;
- gap: 18px;
grid-template-columns: auto auto auto;
margin: 0 auto;
justify-content: center;
@@ -130,12 +129,6 @@ body.Teutons #plan_actions .russian { display: none }
padding: 12px;
}
-#battle_grid .grid_array.action {
- background-image: url("images/battle_array_action.svg");
- background-repeat: no-repeat;
- background-position: top center;
-}
-
#battle_grid #grid_ga {
height: auto;
min-height: 80px;
@@ -149,6 +142,25 @@ body.Teutons #plan_actions .russian { display: none }
display: none;
}
+.grid_array { background-repeat: no-repeat }
+
+.grid_array.action {
+ background-image: url(images/battle_array_action.svg);
+ background-position: top center;
+}
+
+#grid_a1 { background-position: 10% 60%; background-image: url(images/battlefield_hill1.png) }
+#grid_a1.action { background-position: top center, 10% 60%; background-image: url(images/battle_array_action.svg), url(images/battlefield_hill1.png) }
+#grid_a3 { background-position: 60% 90%, 20% 30%; background-image: url(images/battlefield_buildings.png), url(images/battlefield_trees1.png) }
+#grid_a3.action { background-position: top center, 60% 90%, 20% 30%; background-image: url(images/battle_array_action.svg), url(images/battlefield_buildings.png), url(images/battlefield_trees1.png) }
+
+#grid_d1 { background-position: 50% 70%; background-image: url(images/battlefield_trees2.png) }
+#grid_d1.action { background-position: top center, 50% 70%; background-image: url(images/battle_array_action.svg), url(images/battlefield_trees2.png) }
+#grid_d2 { background-position: 50% 95%; background-image: url(images/battlefield_trees3.png) }
+#grid_d2.action { background-position: top center, 50% 95%; background-image: url(images/battle_array_action.svg), url(images/battlefield_trees3.png) }
+#grid_d3 { background-position: 50% 60%; background-image: url(images/battlefield_hill2.png) }
+#grid_d3.action { background-position: top center, 50% 60%; background-image: url(images/battle_array_action.svg), url(images/battlefield_hill2.png) }
+
#grid_rg1:empty:not(.action), #grid_rg2:empty:not(.action), #grid_rg3:empty:not(.action),
#grid_sa1:empty:not(.action), #grid_sa2:empty:not(.action), #grid_sa3:empty:not(.action) {
display: none;
--
cgit v1.2.3