summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--dials/loyalty_afghan.1x.opt.pngbin13056 -> 0 bytes
-rw-r--r--dials/loyalty_afghan.1x.webpbin0 -> 17340 bytes
-rw-r--r--dials/loyalty_afghan.2x.opt.pngbin30883 -> 0 bytes
-rw-r--r--dials/loyalty_afghan.2x.webpbin0 -> 52556 bytes
-rw-r--r--dials/loyalty_black.1x.opt.pngbin24475 -> 0 bytes
-rw-r--r--dials/loyalty_black.1x.webpbin0 -> 23242 bytes
-rw-r--r--dials/loyalty_black.2x.opt.pngbin87892 -> 0 bytes
-rw-r--r--dials/loyalty_black.2x.webpbin0 -> 85426 bytes
-rw-r--r--dials/loyalty_blue.1x.opt.pngbin24544 -> 0 bytes
-rw-r--r--dials/loyalty_blue.1x.webpbin0 -> 24174 bytes
-rw-r--r--dials/loyalty_blue.2x.opt.pngbin87382 -> 0 bytes
-rw-r--r--dials/loyalty_blue.2x.webpbin0 -> 87778 bytes
-rw-r--r--dials/loyalty_british.1x.opt.pngbin13078 -> 0 bytes
-rw-r--r--dials/loyalty_british.1x.webpbin0 -> 17776 bytes
-rw-r--r--dials/loyalty_british.2x.opt.pngbin31214 -> 0 bytes
-rw-r--r--dials/loyalty_british.2x.webpbin0 -> 53128 bytes
-rw-r--r--dials/loyalty_gray.1x.opt.pngbin24532 -> 0 bytes
-rw-r--r--dials/loyalty_gray.1x.webpbin0 -> 20804 bytes
-rw-r--r--dials/loyalty_gray.2x.opt.pngbin86654 -> 0 bytes
-rw-r--r--dials/loyalty_gray.2x.webpbin0 -> 76486 bytes
-rw-r--r--dials/loyalty_red.1x.opt.pngbin24373 -> 0 bytes
-rw-r--r--dials/loyalty_red.1x.webpbin0 -> 24462 bytes
-rw-r--r--dials/loyalty_red.2x.opt.pngbin86830 -> 0 bytes
-rw-r--r--dials/loyalty_red.2x.webpbin0 -> 88934 bytes
-rw-r--r--dials/loyalty_russian.1x.opt.pngbin13268 -> 0 bytes
-rw-r--r--dials/loyalty_russian.1x.webpbin0 -> 17246 bytes
-rw-r--r--dials/loyalty_russian.2x.opt.pngbin31452 -> 0 bytes
-rw-r--r--dials/loyalty_russian.2x.webpbin0 -> 51886 bytes
-rw-r--r--dials/loyalty_tan.1x.opt.pngbin24353 -> 0 bytes
-rw-r--r--dials/loyalty_tan.1x.webpbin0 -> 24336 bytes
-rw-r--r--dials/loyalty_tan.2x.opt.pngbin86693 -> 0 bytes
-rw-r--r--dials/loyalty_tan.2x.webpbin0 -> 89178 bytes
-rw-r--r--play.css81
-rw-r--r--play.html22
34 files changed, 53 insertions, 50 deletions
diff --git a/dials/loyalty_afghan.1x.opt.png b/dials/loyalty_afghan.1x.opt.png
deleted file mode 100644
index 07f5c79..0000000
--- a/dials/loyalty_afghan.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_afghan.1x.webp b/dials/loyalty_afghan.1x.webp
new file mode 100644
index 0000000..c84d1ce
--- /dev/null
+++ b/dials/loyalty_afghan.1x.webp
Binary files differ
diff --git a/dials/loyalty_afghan.2x.opt.png b/dials/loyalty_afghan.2x.opt.png
deleted file mode 100644
index ca51a0f..0000000
--- a/dials/loyalty_afghan.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_afghan.2x.webp b/dials/loyalty_afghan.2x.webp
new file mode 100644
index 0000000..b8b08dd
--- /dev/null
+++ b/dials/loyalty_afghan.2x.webp
Binary files differ
diff --git a/dials/loyalty_black.1x.opt.png b/dials/loyalty_black.1x.opt.png
deleted file mode 100644
index 906f742..0000000
--- a/dials/loyalty_black.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_black.1x.webp b/dials/loyalty_black.1x.webp
new file mode 100644
index 0000000..f1cb434
--- /dev/null
+++ b/dials/loyalty_black.1x.webp
Binary files differ
diff --git a/dials/loyalty_black.2x.opt.png b/dials/loyalty_black.2x.opt.png
deleted file mode 100644
index 68ba031..0000000
--- a/dials/loyalty_black.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_black.2x.webp b/dials/loyalty_black.2x.webp
new file mode 100644
index 0000000..012aad7
--- /dev/null
+++ b/dials/loyalty_black.2x.webp
Binary files differ
diff --git a/dials/loyalty_blue.1x.opt.png b/dials/loyalty_blue.1x.opt.png
deleted file mode 100644
index 1279971..0000000
--- a/dials/loyalty_blue.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_blue.1x.webp b/dials/loyalty_blue.1x.webp
new file mode 100644
index 0000000..e528fe8
--- /dev/null
+++ b/dials/loyalty_blue.1x.webp
Binary files differ
diff --git a/dials/loyalty_blue.2x.opt.png b/dials/loyalty_blue.2x.opt.png
deleted file mode 100644
index 7dcb2c3..0000000
--- a/dials/loyalty_blue.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_blue.2x.webp b/dials/loyalty_blue.2x.webp
new file mode 100644
index 0000000..38ce151
--- /dev/null
+++ b/dials/loyalty_blue.2x.webp
Binary files differ
diff --git a/dials/loyalty_british.1x.opt.png b/dials/loyalty_british.1x.opt.png
deleted file mode 100644
index 82ba94d..0000000
--- a/dials/loyalty_british.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_british.1x.webp b/dials/loyalty_british.1x.webp
new file mode 100644
index 0000000..9a05616
--- /dev/null
+++ b/dials/loyalty_british.1x.webp
Binary files differ
diff --git a/dials/loyalty_british.2x.opt.png b/dials/loyalty_british.2x.opt.png
deleted file mode 100644
index 6673a5c..0000000
--- a/dials/loyalty_british.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_british.2x.webp b/dials/loyalty_british.2x.webp
new file mode 100644
index 0000000..7a7908a
--- /dev/null
+++ b/dials/loyalty_british.2x.webp
Binary files differ
diff --git a/dials/loyalty_gray.1x.opt.png b/dials/loyalty_gray.1x.opt.png
deleted file mode 100644
index e4343d4..0000000
--- a/dials/loyalty_gray.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_gray.1x.webp b/dials/loyalty_gray.1x.webp
new file mode 100644
index 0000000..2d9db49
--- /dev/null
+++ b/dials/loyalty_gray.1x.webp
Binary files differ
diff --git a/dials/loyalty_gray.2x.opt.png b/dials/loyalty_gray.2x.opt.png
deleted file mode 100644
index 79eba31..0000000
--- a/dials/loyalty_gray.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_gray.2x.webp b/dials/loyalty_gray.2x.webp
new file mode 100644
index 0000000..dc7ee36
--- /dev/null
+++ b/dials/loyalty_gray.2x.webp
Binary files differ
diff --git a/dials/loyalty_red.1x.opt.png b/dials/loyalty_red.1x.opt.png
deleted file mode 100644
index c75ff55..0000000
--- a/dials/loyalty_red.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_red.1x.webp b/dials/loyalty_red.1x.webp
new file mode 100644
index 0000000..259c7e8
--- /dev/null
+++ b/dials/loyalty_red.1x.webp
Binary files differ
diff --git a/dials/loyalty_red.2x.opt.png b/dials/loyalty_red.2x.opt.png
deleted file mode 100644
index 14fb059..0000000
--- a/dials/loyalty_red.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_red.2x.webp b/dials/loyalty_red.2x.webp
new file mode 100644
index 0000000..b38c3e7
--- /dev/null
+++ b/dials/loyalty_red.2x.webp
Binary files differ
diff --git a/dials/loyalty_russian.1x.opt.png b/dials/loyalty_russian.1x.opt.png
deleted file mode 100644
index 6759240..0000000
--- a/dials/loyalty_russian.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_russian.1x.webp b/dials/loyalty_russian.1x.webp
new file mode 100644
index 0000000..3175ee1
--- /dev/null
+++ b/dials/loyalty_russian.1x.webp
Binary files differ
diff --git a/dials/loyalty_russian.2x.opt.png b/dials/loyalty_russian.2x.opt.png
deleted file mode 100644
index 570eb7a..0000000
--- a/dials/loyalty_russian.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_russian.2x.webp b/dials/loyalty_russian.2x.webp
new file mode 100644
index 0000000..81b3835
--- /dev/null
+++ b/dials/loyalty_russian.2x.webp
Binary files differ
diff --git a/dials/loyalty_tan.1x.opt.png b/dials/loyalty_tan.1x.opt.png
deleted file mode 100644
index 15deb20..0000000
--- a/dials/loyalty_tan.1x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_tan.1x.webp b/dials/loyalty_tan.1x.webp
new file mode 100644
index 0000000..f7fe9b7
--- /dev/null
+++ b/dials/loyalty_tan.1x.webp
Binary files differ
diff --git a/dials/loyalty_tan.2x.opt.png b/dials/loyalty_tan.2x.opt.png
deleted file mode 100644
index e653f6a..0000000
--- a/dials/loyalty_tan.2x.opt.png
+++ /dev/null
Binary files differ
diff --git a/dials/loyalty_tan.2x.webp b/dials/loyalty_tan.2x.webp
new file mode 100644
index 0000000..050ced0
--- /dev/null
+++ b/dials/loyalty_tan.2x.webp
Binary files differ
diff --git a/play.css b/play.css
index 6d5265a..9726e90 100644
--- a/play.css
+++ b/play.css
@@ -401,6 +401,7 @@ body.shift #tooltip.focus { display: block; }
#favored_suit_marker {
position: absolute;
+ pointer-events: none;
width: 32px;
height: 70px;
background-image: url(pieces/favored_suit_marker.svg);
@@ -709,51 +710,51 @@ body.open .hand.minimize .card {
#market { background-image: url(market.1x.jpg) }
#board { background-image: url(board_fg.1x.webp), url(board_bg.1x.jpg) }
-.player_dial.p0 { background-image: url(dials/loyalty_gray.1x.opt.png) }
-.player_dial.p1 { background-image: url(dials/loyalty_blue.1x.opt.png) }
-.player_dial.p2 { background-image: url(dials/loyalty_tan.1x.opt.png) }
-.player_dial.p3 { background-image: url(dials/loyalty_red.1x.opt.png) }
-.player_dial.p4 { background-image: url(dials/loyalty_black.1x.opt.png) }
-.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_afghan.1x.opt.png) }
-.player_dial.British.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.British.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_british.1x.opt.png) }
-.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
-.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.1x.opt.png), url(dials/loyalty_russian.1x.opt.png) }
+.player_dial.p0 { background-image: url(dials/loyalty_gray.1x.webp) }
+.player_dial.p1 { background-image: url(dials/loyalty_blue.1x.webp) }
+.player_dial.p2 { background-image: url(dials/loyalty_tan.1x.webp) }
+.player_dial.p3 { background-image: url(dials/loyalty_red.1x.webp) }
+.player_dial.p4 { background-image: url(dials/loyalty_black.1x.webp) }
+.player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_afghan.1x.webp) }
+.player_dial.British.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.British.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_british.1x.webp) }
+.player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p3 { background-image: url(dials/loyalty_red.1x.webp), url(dials/loyalty_russian.1x.webp) }
+.player_dial.Russian.p4 { background-image: url(dials/loyalty_black.1x.webp), url(dials/loyalty_russian.1x.webp) }
@media (min-resolution: 97dpi) {
#market { background-image: url(market.2x.jpg) }
#board { background-image: url(board_fg.2x.webp), url(board_bg.2x.jpg) }
- .player_dial.p0 { background-image: url(dials/loyalty_gray.2x.opt.png) }
- .player_dial.p1 { background-image: url(dials/loyalty_blue.2x.opt.png) }
- .player_dial.p2 { background-image: url(dials/loyalty_tan.2x.opt.png) }
- .player_dial.p3 { background-image: url(dials/loyalty_red.2x.opt.png) }
- .player_dial.p4 { background-image: url(dials/loyalty_black.2x.opt.png) }
- .player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
- .player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
- .player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
- .player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
- .player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_afghan.2x.opt.png) }
- .player_dial.British.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
- .player_dial.British.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
- .player_dial.British.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
- .player_dial.British.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
- .player_dial.British.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_british.2x.opt.png) }
- .player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
- .player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
- .player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
- .player_dial.Russian.p3 { background-image: url(dials/loyalty_red.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
- .player_dial.Russian.p4 { background-image: url(dials/loyalty_black.2x.opt.png), url(dials/loyalty_russian.2x.opt.png) }
+ .player_dial.p0 { background-image: url(dials/loyalty_gray.2x.webp) }
+ .player_dial.p1 { background-image: url(dials/loyalty_blue.2x.webp) }
+ .player_dial.p2 { background-image: url(dials/loyalty_tan.2x.webp) }
+ .player_dial.p3 { background-image: url(dials/loyalty_red.2x.webp) }
+ .player_dial.p4 { background-image: url(dials/loyalty_black.2x.webp) }
+ .player_dial.Afghan.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+ .player_dial.Afghan.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+ .player_dial.Afghan.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+ .player_dial.Afghan.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+ .player_dial.Afghan.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_afghan.2x.webp) }
+ .player_dial.British.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_british.2x.webp) }
+ .player_dial.British.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_british.2x.webp) }
+ .player_dial.British.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_british.2x.webp) }
+ .player_dial.British.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_british.2x.webp) }
+ .player_dial.British.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_british.2x.webp) }
+ .player_dial.Russian.p0 { background-image: url(dials/loyalty_gray.2x.webp), url(dials/loyalty_russian.2x.webp) }
+ .player_dial.Russian.p1 { background-image: url(dials/loyalty_blue.2x.webp), url(dials/loyalty_russian.2x.webp) }
+ .player_dial.Russian.p2 { background-image: url(dials/loyalty_tan.2x.webp), url(dials/loyalty_russian.2x.webp) }
+ .player_dial.Russian.p3 { background-image: url(dials/loyalty_red.2x.webp), url(dials/loyalty_russian.2x.webp) }
+ .player_dial.Russian.p4 { background-image: url(dials/loyalty_black.2x.webp), url(dials/loyalty_russian.2x.webp) }
}
/* CARD IMAGES */
diff --git a/play.html b/play.html
index f9e28f1..3a76b1b 100644
--- a/play.html
+++ b/play.html
@@ -171,12 +171,13 @@
</div>
<div id="board">
-<div id="favored_suit_marker" class="Political"></div>
+
<div id="player_score_0" class="hide cylinder p0"></div>
<div id="player_score_1" class="hide cylinder p1"></div>
<div id="player_score_2" class="hide cylinder p2"></div>
<div id="player_score_3" class="hide cylinder p3"></div>
<div id="player_score_4" class="hide cylinder p4"></div>
+
<div class="hide rule Persia"></div>
<div class="hide rule Transcaspia"></div>
<div class="hide rule Herat"></div>
@@ -184,16 +185,16 @@
<div class="hide rule Kandahar"></div>
<div class="hide rule Punjab"></div>
- <div id="deck_info">
- <div style="display:flex;align-items:center;">
- <div id="deck_count"></div>
- <img height="22" src="icons/icon_deck.png">
- <img height="22" id="dom_info_1" src="icons/icon_dominance.png">
- </div>
- <img height="22" id="dom_info_2" src="icons/icon_dominance.png">
- <img height="22" id="dom_info_3" src="icons/icon_dominance.png">
- <img height="22" id="dom_info_4" src="icons/icon_dominance.png">
+<div id="deck_info">
+ <div style="display:flex;align-items:center;">
+ <div id="deck_count"></div>
+ <img height="22" src="icons/icon_deck.png">
+ <img height="22" id="dom_info_1" src="icons/icon_dominance.png">
</div>
+ <img height="22" id="dom_info_2" src="icons/icon_dominance.png">
+ <img height="22" id="dom_info_3" src="icons/icon_dominance.png">
+ <img height="22" id="dom_info_4" src="icons/icon_dominance.png">
+</div>
<svg id="svgmap" width="1280px" height="630px" viewBox="0 0 1280 630">
<g transform="translate(-1,632) scale(0.78125,-0.78125)">
@@ -347,6 +348,7 @@
<div id="suit_intelligence" class="suit"></div>
<div id="suit_economic" class="suit"></div>
<div id="suit_military" class="suit"></div>
+<div id="favored_suit_marker" class="Political"></div>
</div>