crusader: Simple castle graphic backdrop.

6 files changed, 19 insertions, 13 deletions

diff --git a/castle_1.svg b/castle_1.svg
new file mode 100644
index 0000000..d0078dd
--- /dev/null
+++ b/castle_1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="160" viewBox="0 0 7 8"><path d="M0 2h7v6H0zm0-1h1v1H0zm2 0h1v1H2zm2 0h1v1H4zm2 0h1v1H6z" fill="gray"/></svg>
\ No newline at end of file
diff --git a/castle_2.svg b/castle_2.svg
new file mode 100644
index 0000000..54cf117
--- /dev/null
+++ b/castle_2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="160" viewBox="0 0 11 8"><g fill="gray"><path d="M0 2h11v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6z"/><path d="M8 0h1v3H8zM9 1h1v2H9zM10 0h1v3h-1z"/></g></svg>
\ No newline at end of file
diff --git a/castle_3.svg b/castle_3.svg
new file mode 100644
index 0000000..8dc031a
--- /dev/null
+++ b/castle_3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="160" viewBox="0 0 15 8"><g fill="gray"><path d="M0 2h15v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6zM8 1h1v1H8zM10 1h1v1h-1zM12 0h1v2h-1zM13 1h1v1h-1zM14 0h1v2h-1z"/></g></svg>
\ No newline at end of file
diff --git a/castle_4.svg b/castle_4.svg
new file mode 100644
index 0000000..d5a6072
--- /dev/null
+++ b/castle_4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="380" height="160" viewBox="0 0 19 8"><g fill="gray"><path d="M0 2h19v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6zM8 1h1v1H8zM10 1h1v1h-1zM12 1h1v1h-1zM14 1h1v1h-1zM16 0h1v2h-1zM17 1h1v1h-1zM18 0h1v2h-1z"/></g></svg>
\ No newline at end of file
diff --git a/play.html b/play.html
index d288c2c..e69bb37 100644
--- a/play.html
+++ b/play.html
@@ -245,7 +245,7 @@ body.shift .block.known:hover {
 	border-bottom: 1px solid black;
 }
 .battle .battle_menu {
-	margin: 10px 5px;
+	margin: 5px 5px;
 }
 
 #FF, #FC, #FR, #EF, #EC, #ER { margin: 0px auto; padding: 5px; }
@@ -253,24 +253,26 @@ body.shift .block.known:hover {
 #ER .battle_menu_list { min-height: 0; }
 #FR .battle_menu_list { min-height: 0; }
 
-X#ER { background-image: linear-gradient(-2deg, tan 30%, skyblue 35%); }
-X#FR { background-image: linear-gradient(182deg, tan 30%, olivedrab 35%); }
 #FC, #EC {
-	background-color: gray;
-	border-top: 5px dashed tan;
+	background-size: cover;
+	background-repeat: no-repeat;
+	padding: 0;
+	height: 107px;
+	padding-top: 53px;
 	border-bottom: 5px solid dimgray;
+	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
 }
 
-#FC, #EC, #FF, #EF { min-height: 120px; }
+#FC.c0, #EC.c0 { display: none; }
+#FC.c1, #EC.c1 { background-image: url('castle_1.svg'); width: 140px; }
+#FC.c2, #EC.c2 { background-image: url('castle_2.svg'); width: 220px; }
+#FC.c3, #EC.c3 { background-image: url('castle_3.svg'); width: 300px; }
+#FC.c4, #EC.c4 { background-image: url('castle_4.svg'); width: 380px; }
+
+#FC, #EC, #FF, #EF { min-height: 107px; }
 #ER { min-height: 15px; }
 #FR { min-height: 15px; }
 
-#FC.c0, #EC.c0 { display: none; }
-#FC.c1, #EC.c1 { width: 90px; }
-#FC.c2, #EC.c2 { width: 180px; }
-#FC.c3, #EC.c3 { width: 270px; }
-#FC.c4, #EC.c4 { width: 360px; }
-
 /* CARD AND BLOCK IMAGES */
 
 .card_back{background-image:url('cards/card_back.jpg')}
diff --git a/rules.js b/rules.js
index 8cd1b9c..d64e1ed 100644
--- a/rules.js
+++ b/rules.js
@@ -60,7 +60,7 @@ const VICTORY_TOWNS = [
 // serif cirled numbers
 const DIE_HIT = [ 0, '\u2776', '\u2777', '\u2778', '\u2779', '\u277A', '\u277B' ];
 const DIE_MISS = [ 0, '\u2460', '\u2461', '\u2462', '\u2463', '\u2464', '\u2465' ];
-const DIE_SELF = '\u2465!';
+const DIE_SELF = '\u2716';
 
 const ATTACK_MARK = "*";
 const RESERVE_MARK_1 = "\u2020";