From 2e0776498cd8b992c060bc578107d83e571fd45b Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 8 Dec 2023 12:50:33 +0100
Subject: images

---
 background.png            | Bin 28112 -> 0 bytes
 cards.css                 |  12 ++++++------
 cavalry1.png              | Bin 47326 -> 0 bytes
 cavalry2.png              | Bin 42698 -> 0 bytes
 create.html               |  26 ++++++++++++++++++++++++--
 die_black_pips.svg        |  37 -------------------------------------
 die_white_pips.svg        |  37 -------------------------------------
 images/background.png     | Bin 0 -> 28112 bytes
 images/cavalry1.png       | Bin 0 -> 47326 bytes
 images/cavalry2.png       | Bin 0 -> 42698 bytes
 images/die_black_pips.svg |  37 +++++++++++++++++++++++++++++++++++++
 images/die_white_pips.svg |  37 +++++++++++++++++++++++++++++++++++++
 images/inf-cav.png        | Bin 0 -> 140676 bytes
 images/infantry1.png      | Bin 0 -> 27165 bytes
 images/infantry2.png      | Bin 0 -> 24723 bytes
 images/link_left.svg      |   7 +++++++
 images/link_right.svg     |   7 +++++++
 infantry1.png             | Bin 27165 -> 0 bytes
 infantry2.png             | Bin 24723 -> 0 bytes
 info/aoa-cover.jpg        | Bin 0 -> 120270 bytes
 info/aoa-cover.png        | Bin 0 -> 602160 bytes
 info/base-cover.jpg       | Bin 0 -> 156810 bytes
 info/base-cover.png       | Bin 0 -> 467331 bytes
 info/cal-cover.jpg        | Bin 0 -> 78651 bytes
 info/cal-cover.png        | Bin 0 -> 458689 bytes
 info/ecw-cover.jpg        | Bin 0 -> 87372 bytes
 info/ecw-cover.png        | Bin 0 -> 516857 bytes
 info/getty-cover.jpg      | Bin 0 -> 123236 bytes
 info/getty-cover.png      | Bin 0 -> 635304 bytes
 info/tga-cover.jpg        | Bin 0 -> 138393 bytes
 info/tga-cover.png        | Bin 0 -> 690197 bytes
 info/wotr-cover.jpg       | Bin 0 -> 123366 bytes
 info/wotr-cover.png       | Bin 0 -> 346587 bytes
 link_left.svg             |   7 -------
 link_right.svg            |   7 -------
 play.html                 |   4 ++--
 36 files changed, 120 insertions(+), 98 deletions(-)
 delete mode 100644 background.png
 delete mode 100644 cavalry1.png
 delete mode 100644 cavalry2.png
 delete mode 100644 die_black_pips.svg
 delete mode 100644 die_white_pips.svg
 create mode 100644 images/background.png
 create mode 100644 images/cavalry1.png
 create mode 100644 images/cavalry2.png
 create mode 100644 images/die_black_pips.svg
 create mode 100644 images/die_white_pips.svg
 create mode 100644 images/inf-cav.png
 create mode 100644 images/infantry1.png
 create mode 100644 images/infantry2.png
 create mode 100644 images/link_left.svg
 create mode 100644 images/link_right.svg
 delete mode 100644 infantry1.png
 delete mode 100644 infantry2.png
 create mode 100644 info/aoa-cover.jpg
 create mode 100644 info/aoa-cover.png
 create mode 100644 info/base-cover.jpg
 create mode 100644 info/base-cover.png
 create mode 100644 info/cal-cover.jpg
 create mode 100644 info/cal-cover.png
 create mode 100644 info/ecw-cover.jpg
 create mode 100644 info/ecw-cover.png
 create mode 100644 info/getty-cover.jpg
 create mode 100644 info/getty-cover.png
 create mode 100644 info/tga-cover.jpg
 create mode 100644 info/tga-cover.png
 create mode 100644 info/wotr-cover.jpg
 create mode 100644 info/wotr-cover.png
 delete mode 100644 link_left.svg
 delete mode 100644 link_right.svg

diff --git a/background.png b/background.png
deleted file mode 100644
index b74a38b..0000000
Binary files a/background.png and /dev/null differ
diff --git a/cards.css b/cards.css
index 716d526..e629c05 100644
--- a/cards.css
+++ b/cards.css
@@ -55,19 +55,19 @@
 }
 
 .link.left {
-	background-image: url(link_left.svg);
+	background-image: url(images/link_left.svg);
 	left: 0px;
 }
 
 .link.right {
-	background-image: url(link_right.svg);
+	background-image: url(images/link_right.svg);
 	right: 0px;
 }
 
-.symbol.infantry1 { background-image: url(infantry1.png); }
-.symbol.infantry2 { background-image: url(infantry2.png); }
-.symbol.cavalry1 { background-image: url(cavalry1.png); }
-.symbol.cavalry2 { background-image: url(cavalry2.png); }
+.symbol.infantry1 { background-image: url(images/infantry1.png); }
+.symbol.infantry2 { background-image: url(images/infantry2.png); }
+.symbol.cavalry1 { background-image: url(images/cavalry1.png); }
+.symbol.cavalry2 { background-image: url(images/cavalry2.png); }
 
 .strength {
 	position: absolute;
diff --git a/cavalry1.png b/cavalry1.png
deleted file mode 100644
index d559314..0000000
Binary files a/cavalry1.png and /dev/null differ
diff --git a/cavalry2.png b/cavalry2.png
deleted file mode 100644
index fed27ef..0000000
Binary files a/cavalry2.png and /dev/null differ
diff --git a/create.html b/create.html
index 48c6db3..e1bb4f4 100644
--- a/create.html
+++ b/create.html
@@ -1,8 +1,27 @@
 <link rel="stylesheet" href="/table-battles/cards.css">
 <style>
-.card { box-shadow: var(--drop-shadow) }
+.card { box-shadow: var(--drop-shadow); background-size: 240px 336px; }
+.card.exp0 { background-image: url(/table-battles/info/base-cover.jpg); }
+.card.exp1 { background-image: url(/table-battles/info/wotr-cover.jpg); }
+.card.exp2 { background-image: url(/table-battles/info/aoa-cover.jpg); }
+.card.exp3 { background-image: url(/table-battles/info/getty-cover.jpg); }
+.card.exp4 { background-image: url(/table-battles/info/ecw-cover.jpg); }
+.card.exp5 { background-image: url(/table-battles/info/tga-cover.jpg); }
+.card.exp6 { background-image: url(/table-battles/info/cal-cover.jpg); }
 </style>
-<div id="preview"></div>
+<div style="display:none">
+<div class="card exp0" data-scenario="Random"></div>
+<div class="card exp0" data-scenario="Random - Table Battles"></div>
+<div class="card exp1" data-scenario="Random - Wars of the Roses"></div>
+<div class="card exp2" data-scenario="Random - Age of Alexander"></div>
+<div class="card exp3" data-scenario="Random - Gettysburg"></div>
+<div class="card exp4" data-scenario="Random - English Civil War"></div>
+<div class="card exp5" data-scenario="Random - The Grand Alliance"></div>
+<div class="card exp6" data-scenario="Random - Charles Alexander of Lorraine"></div>
+</div>
+<div id="preview">
+<div class="card exp0"></div>
+</div>
 <script>
 
 var select = document.querySelector("select[name='scenario']")
@@ -14,12 +33,15 @@ window.onload = async function () {
 		.then(r => r.text())
 		.then(html => {
 			list = (new DOMParser()).parseFromString(html, "text/html")
+			select.onchange()
 		})
 }
 
 select.onchange = function (evt) {
 	if (list) {
 		let node = list.getElementById("scenario_" + parseInt(select.value))
+		if (!node)
+			node = document.querySelector(`[data-scenario='${select.value}']`)
 		if (node)
 			preview.replaceChildren(node.cloneNode(true))
 		else
diff --git a/die_black_pips.svg b/die_black_pips.svg
deleted file mode 100644
index 4b2f538..0000000
--- a/die_black_pips.svg
+++ /dev/null
@@ -1,37 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56">
-<g fill="black" fill-opacity="0.8">
-<g transform="translate(0 0)">
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(56 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-<g transform="translate(112 0)">
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(168 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-<g transform="translate(224 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(280 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="28"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="28"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-</g>
-</svg>
diff --git a/die_white_pips.svg b/die_white_pips.svg
deleted file mode 100644
index efc864b..0000000
--- a/die_white_pips.svg
+++ /dev/null
@@ -1,37 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56">
-<g fill="white">
-<g transform="translate(0 0)">
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(56 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-<g transform="translate(112 0)">
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(168 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-<g transform="translate(224 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="44"/>
-<circle r="6" cx="28" cy="28"/>
-</g>
-<g transform="translate(280 0)">
-<circle r="6" cx="12" cy="12"/>
-<circle r="6" cx="12" cy="28"/>
-<circle r="6" cx="12" cy="44"/>
-<circle r="6" cx="44" cy="12"/>
-<circle r="6" cx="44" cy="28"/>
-<circle r="6" cx="44" cy="44"/>
-</g>
-</g>
-</svg>
diff --git a/images/background.png b/images/background.png
new file mode 100644
index 0000000..b74a38b
Binary files /dev/null and b/images/background.png differ
diff --git a/images/cavalry1.png b/images/cavalry1.png
new file mode 100644
index 0000000..d559314
Binary files /dev/null and b/images/cavalry1.png differ
diff --git a/images/cavalry2.png b/images/cavalry2.png
new file mode 100644
index 0000000..fed27ef
Binary files /dev/null and b/images/cavalry2.png differ
diff --git a/images/die_black_pips.svg b/images/die_black_pips.svg
new file mode 100644
index 0000000..4b2f538
--- /dev/null
+++ b/images/die_black_pips.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56">
+<g fill="black" fill-opacity="0.8">
+<g transform="translate(0 0)">
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(56 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(112 0)">
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(168 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(224 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(280 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="28"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="28"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+</g>
+</svg>
diff --git a/images/die_white_pips.svg b/images/die_white_pips.svg
new file mode 100644
index 0000000..efc864b
--- /dev/null
+++ b/images/die_white_pips.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56">
+<g fill="white">
+<g transform="translate(0 0)">
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(56 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(112 0)">
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(168 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(224 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(280 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="28"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="28"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+</g>
+</svg>
diff --git a/images/inf-cav.png b/images/inf-cav.png
new file mode 100644
index 0000000..0005d7b
Binary files /dev/null and b/images/inf-cav.png differ
diff --git a/images/infantry1.png b/images/infantry1.png
new file mode 100644
index 0000000..d6e3904
Binary files /dev/null and b/images/infantry1.png differ
diff --git a/images/infantry2.png b/images/infantry2.png
new file mode 100644
index 0000000..f4bcc90
Binary files /dev/null and b/images/infantry2.png differ
diff --git a/images/link_left.svg b/images/link_left.svg
new file mode 100644
index 0000000..2db1ef2
--- /dev/null
+++ b/images/link_left.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16">
+<g fill="black">
+<rect x="18" y="2" width="12" height="12" />
+<rect x="0" y="5" width="18" height="2" />
+<rect x="0" y="9" width="18" height="2" />
+</g>
+</svg>
diff --git a/images/link_right.svg b/images/link_right.svg
new file mode 100644
index 0000000..4520f3d
--- /dev/null
+++ b/images/link_right.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16">
+<g fill="black">
+<rect x="2" y="2" width="12" height="12" />
+<rect x="14" y="5" width="18" height="2" />
+<rect x="14" y="9" width="18" height="2" />
+</g>
+</svg>
diff --git a/infantry1.png b/infantry1.png
deleted file mode 100644
index d6e3904..0000000
Binary files a/infantry1.png and /dev/null differ
diff --git a/infantry2.png b/infantry2.png
deleted file mode 100644
index f4bcc90..0000000
Binary files a/infantry2.png and /dev/null differ
diff --git a/info/aoa-cover.jpg b/info/aoa-cover.jpg
new file mode 100644
index 0000000..3b2b537
Binary files /dev/null and b/info/aoa-cover.jpg differ
diff --git a/info/aoa-cover.png b/info/aoa-cover.png
new file mode 100644
index 0000000..fd25c97
Binary files /dev/null and b/info/aoa-cover.png differ
diff --git a/info/base-cover.jpg b/info/base-cover.jpg
new file mode 100644
index 0000000..d89f416
Binary files /dev/null and b/info/base-cover.jpg differ
diff --git a/info/base-cover.png b/info/base-cover.png
new file mode 100644
index 0000000..c1dd7e8
Binary files /dev/null and b/info/base-cover.png differ
diff --git a/info/cal-cover.jpg b/info/cal-cover.jpg
new file mode 100644
index 0000000..a86ca75
Binary files /dev/null and b/info/cal-cover.jpg differ
diff --git a/info/cal-cover.png b/info/cal-cover.png
new file mode 100644
index 0000000..c8c1221
Binary files /dev/null and b/info/cal-cover.png differ
diff --git a/info/ecw-cover.jpg b/info/ecw-cover.jpg
new file mode 100644
index 0000000..2cce24f
Binary files /dev/null and b/info/ecw-cover.jpg differ
diff --git a/info/ecw-cover.png b/info/ecw-cover.png
new file mode 100644
index 0000000..12540fc
Binary files /dev/null and b/info/ecw-cover.png differ
diff --git a/info/getty-cover.jpg b/info/getty-cover.jpg
new file mode 100644
index 0000000..b04c20b
Binary files /dev/null and b/info/getty-cover.jpg differ
diff --git a/info/getty-cover.png b/info/getty-cover.png
new file mode 100644
index 0000000..17d8f93
Binary files /dev/null and b/info/getty-cover.png differ
diff --git a/info/tga-cover.jpg b/info/tga-cover.jpg
new file mode 100644
index 0000000..dfd5942
Binary files /dev/null and b/info/tga-cover.jpg differ
diff --git a/info/tga-cover.png b/info/tga-cover.png
new file mode 100644
index 0000000..3100362
Binary files /dev/null and b/info/tga-cover.png differ
diff --git a/info/wotr-cover.jpg b/info/wotr-cover.jpg
new file mode 100644
index 0000000..b9b2659
Binary files /dev/null and b/info/wotr-cover.jpg differ
diff --git a/info/wotr-cover.png b/info/wotr-cover.png
new file mode 100644
index 0000000..1d330ac
Binary files /dev/null and b/info/wotr-cover.png differ
diff --git a/link_left.svg b/link_left.svg
deleted file mode 100644
index 2db1ef2..0000000
--- a/link_left.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16">
-<g fill="black">
-<rect x="18" y="2" width="12" height="12" />
-<rect x="0" y="5" width="18" height="2" />
-<rect x="0" y="9" width="18" height="2" />
-</g>
-</svg>
diff --git a/link_right.svg b/link_right.svg
deleted file mode 100644
index 4520f3d..0000000
--- a/link_right.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16">
-<g fill="black">
-<rect x="2" y="2" width="12" height="12" />
-<rect x="14" y="5" width="18" height="2" />
-<rect x="14" y="9" width="18" height="2" />
-</g>
-</svg>
diff --git a/play.html b/play.html
index ba7f5f4..2ae21fc 100644
--- a/play.html
+++ b/play.html
@@ -21,7 +21,7 @@
 
 main {
 	background-color: #666;
-	background-image: url(background.png);
+	background-image: url(images/background.png);
 	background-attachment: local;
 	box-shadow: inset 0 0 8px #0008;
 }
@@ -217,7 +217,7 @@ main[data-scenario="5"] {
 	background-size: 600% 100%;
 	background-repeat: no-repeat;
 
-	background-image: url(die_black_pips.svg);
+	background-image: url(images/die_black_pips.svg);
 	background-color: #ccc;
 	border-color: #e5e5e5 #a0a0a0 #a0a0a0 #e5e5e5;
 	box-shadow: 0 0 0 1px #333, 1px 2px 3px 1px #0004;
-- 
cgit v1.2.3