From 3a4bd187e2362a51ea07250be9f397fa8bbfe97a Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sun, 10 Dec 2023 23:09:05 +0100 Subject: Near lossless webp instead of quantized png. --- dials/loyalty_afghan.1x.opt.png | Bin 13056 -> 0 bytes dials/loyalty_afghan.1x.webp | Bin 0 -> 17340 bytes dials/loyalty_afghan.2x.opt.png | Bin 30883 -> 0 bytes dials/loyalty_afghan.2x.webp | Bin 0 -> 52556 bytes dials/loyalty_black.1x.opt.png | Bin 24475 -> 0 bytes dials/loyalty_black.1x.webp | Bin 0 -> 23242 bytes dials/loyalty_black.2x.opt.png | Bin 87892 -> 0 bytes dials/loyalty_black.2x.webp | Bin 0 -> 85426 bytes dials/loyalty_blue.1x.opt.png | Bin 24544 -> 0 bytes dials/loyalty_blue.1x.webp | Bin 0 -> 24174 bytes dials/loyalty_blue.2x.opt.png | Bin 87382 -> 0 bytes dials/loyalty_blue.2x.webp | Bin 0 -> 87778 bytes dials/loyalty_british.1x.opt.png | Bin 13078 -> 0 bytes dials/loyalty_british.1x.webp | Bin 0 -> 17776 bytes dials/loyalty_british.2x.opt.png | Bin 31214 -> 0 bytes dials/loyalty_british.2x.webp | Bin 0 -> 53128 bytes dials/loyalty_gray.1x.opt.png | Bin 24532 -> 0 bytes dials/loyalty_gray.1x.webp | Bin 0 -> 20804 bytes dials/loyalty_gray.2x.opt.png | Bin 86654 -> 0 bytes dials/loyalty_gray.2x.webp | Bin 0 -> 76486 bytes dials/loyalty_red.1x.opt.png | Bin 24373 -> 0 bytes dials/loyalty_red.1x.webp | Bin 0 -> 24462 bytes dials/loyalty_red.2x.opt.png | Bin 86830 -> 0 bytes dials/loyalty_red.2x.webp | Bin 0 -> 88934 bytes dials/loyalty_russian.1x.opt.png | Bin 13268 -> 0 bytes dials/loyalty_russian.1x.webp | Bin 0 -> 17246 bytes dials/loyalty_russian.2x.opt.png | Bin 31452 -> 0 bytes dials/loyalty_russian.2x.webp | Bin 0 -> 51886 bytes dials/loyalty_tan.1x.opt.png | Bin 24353 -> 0 bytes dials/loyalty_tan.1x.webp | Bin 0 -> 24336 bytes dials/loyalty_tan.2x.opt.png | Bin 86693 -> 0 bytes dials/loyalty_tan.2x.webp | Bin 0 -> 89178 bytes play.css | 81 ++++++++++++++++++++------------------- play.html | 22 ++++++----- 34 files changed, 53 insertions(+), 50 deletions(-) delete mode 100644 dials/loyalty_afghan.1x.opt.png create mode 100644 dials/loyalty_afghan.1x.webp delete mode 100644 dials/loyalty_afghan.2x.opt.png create mode 100644 dials/loyalty_afghan.2x.webp delete mode 100644 dials/loyalty_black.1x.opt.png create mode 100644 dials/loyalty_black.1x.webp delete mode 100644 dials/loyalty_black.2x.opt.png create mode 100644 dials/loyalty_black.2x.webp delete mode 100644 dials/loyalty_blue.1x.opt.png create mode 100644 dials/loyalty_blue.1x.webp delete mode 100644 dials/loyalty_blue.2x.opt.png create mode 100644 dials/loyalty_blue.2x.webp delete mode 100644 dials/loyalty_british.1x.opt.png create mode 100644 dials/loyalty_british.1x.webp delete mode 100644 dials/loyalty_british.2x.opt.png create mode 100644 dials/loyalty_british.2x.webp delete mode 100644 dials/loyalty_gray.1x.opt.png create mode 100644 dials/loyalty_gray.1x.webp delete mode 100644 dials/loyalty_gray.2x.opt.png create mode 100644 dials/loyalty_gray.2x.webp delete mode 100644 dials/loyalty_red.1x.opt.png create mode 100644 dials/loyalty_red.1x.webp delete mode 100644 dials/loyalty_red.2x.opt.png create mode 100644 dials/loyalty_red.2x.webp delete mode 100644 dials/loyalty_russian.1x.opt.png create mode 100644 dials/loyalty_russian.1x.webp delete mode 100644 dials/loyalty_russian.2x.opt.png create mode 100644 dials/loyalty_russian.2x.webp delete mode 100644 dials/loyalty_tan.1x.opt.png create mode 100644 dials/loyalty_tan.1x.webp delete mode 100644 dials/loyalty_tan.2x.opt.png create mode 100644 dials/loyalty_tan.2x.webp diff --git a/dials/loyalty_afghan.1x.opt.png b/dials/loyalty_afghan.1x.opt.png deleted file mode 100644 index 07f5c79..0000000 Binary files a/dials/loyalty_afghan.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_afghan.1x.webp b/dials/loyalty_afghan.1x.webp new file mode 100644 index 0000000..c84d1ce Binary files /dev/null and b/dials/loyalty_afghan.1x.webp differ diff --git a/dials/loyalty_afghan.2x.opt.png b/dials/loyalty_afghan.2x.opt.png deleted file mode 100644 index ca51a0f..0000000 Binary files a/dials/loyalty_afghan.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_afghan.2x.webp b/dials/loyalty_afghan.2x.webp new file mode 100644 index 0000000..b8b08dd Binary files /dev/null and b/dials/loyalty_afghan.2x.webp differ diff --git a/dials/loyalty_black.1x.opt.png b/dials/loyalty_black.1x.opt.png deleted file mode 100644 index 906f742..0000000 Binary files a/dials/loyalty_black.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_black.1x.webp b/dials/loyalty_black.1x.webp new file mode 100644 index 0000000..f1cb434 Binary files /dev/null and b/dials/loyalty_black.1x.webp differ diff --git a/dials/loyalty_black.2x.opt.png b/dials/loyalty_black.2x.opt.png deleted file mode 100644 index 68ba031..0000000 Binary files a/dials/loyalty_black.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_black.2x.webp b/dials/loyalty_black.2x.webp new file mode 100644 index 0000000..012aad7 Binary files /dev/null and b/dials/loyalty_black.2x.webp differ diff --git a/dials/loyalty_blue.1x.opt.png b/dials/loyalty_blue.1x.opt.png deleted file mode 100644 index 1279971..0000000 Binary files a/dials/loyalty_blue.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_blue.1x.webp b/dials/loyalty_blue.1x.webp new file mode 100644 index 0000000..e528fe8 Binary files /dev/null and b/dials/loyalty_blue.1x.webp differ diff --git a/dials/loyalty_blue.2x.opt.png b/dials/loyalty_blue.2x.opt.png deleted file mode 100644 index 7dcb2c3..0000000 Binary files a/dials/loyalty_blue.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_blue.2x.webp b/dials/loyalty_blue.2x.webp new file mode 100644 index 0000000..38ce151 Binary files /dev/null and b/dials/loyalty_blue.2x.webp differ diff --git a/dials/loyalty_british.1x.opt.png b/dials/loyalty_british.1x.opt.png deleted file mode 100644 index 82ba94d..0000000 Binary files a/dials/loyalty_british.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_british.1x.webp b/dials/loyalty_british.1x.webp new file mode 100644 index 0000000..9a05616 Binary files /dev/null and b/dials/loyalty_british.1x.webp differ diff --git a/dials/loyalty_british.2x.opt.png b/dials/loyalty_british.2x.opt.png deleted file mode 100644 index 6673a5c..0000000 Binary files a/dials/loyalty_british.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_british.2x.webp b/dials/loyalty_british.2x.webp new file mode 100644 index 0000000..7a7908a Binary files /dev/null and b/dials/loyalty_british.2x.webp differ diff --git a/dials/loyalty_gray.1x.opt.png b/dials/loyalty_gray.1x.opt.png deleted file mode 100644 index e4343d4..0000000 Binary files a/dials/loyalty_gray.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_gray.1x.webp b/dials/loyalty_gray.1x.webp new file mode 100644 index 0000000..2d9db49 Binary files /dev/null and b/dials/loyalty_gray.1x.webp differ diff --git a/dials/loyalty_gray.2x.opt.png b/dials/loyalty_gray.2x.opt.png deleted file mode 100644 index 79eba31..0000000 Binary files a/dials/loyalty_gray.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_gray.2x.webp b/dials/loyalty_gray.2x.webp new file mode 100644 index 0000000..dc7ee36 Binary files /dev/null and b/dials/loyalty_gray.2x.webp differ diff --git a/dials/loyalty_red.1x.opt.png b/dials/loyalty_red.1x.opt.png deleted file mode 100644 index c75ff55..0000000 Binary files a/dials/loyalty_red.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_red.1x.webp b/dials/loyalty_red.1x.webp new file mode 100644 index 0000000..259c7e8 Binary files /dev/null and b/dials/loyalty_red.1x.webp differ diff --git a/dials/loyalty_red.2x.opt.png b/dials/loyalty_red.2x.opt.png deleted file mode 100644 index 14fb059..0000000 Binary files a/dials/loyalty_red.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_red.2x.webp b/dials/loyalty_red.2x.webp new file mode 100644 index 0000000..b38c3e7 Binary files /dev/null and b/dials/loyalty_red.2x.webp differ diff --git a/dials/loyalty_russian.1x.opt.png b/dials/loyalty_russian.1x.opt.png deleted file mode 100644 index 6759240..0000000 Binary files a/dials/loyalty_russian.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_russian.1x.webp b/dials/loyalty_russian.1x.webp new file mode 100644 index 0000000..3175ee1 Binary files /dev/null and b/dials/loyalty_russian.1x.webp differ diff --git a/dials/loyalty_russian.2x.opt.png b/dials/loyalty_russian.2x.opt.png deleted file mode 100644 index 570eb7a..0000000 Binary files a/dials/loyalty_russian.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_russian.2x.webp b/dials/loyalty_russian.2x.webp new file mode 100644 index 0000000..81b3835 Binary files /dev/null and b/dials/loyalty_russian.2x.webp differ diff --git a/dials/loyalty_tan.1x.opt.png b/dials/loyalty_tan.1x.opt.png deleted file mode 100644 index 15deb20..0000000 Binary files a/dials/loyalty_tan.1x.opt.png and /dev/null differ diff --git a/dials/loyalty_tan.1x.webp b/dials/loyalty_tan.1x.webp new file mode 100644 index 0000000..f7fe9b7 Binary files /dev/null and b/dials/loyalty_tan.1x.webp differ diff --git a/dials/loyalty_tan.2x.opt.png b/dials/loyalty_tan.2x.opt.png deleted file mode 100644 index e653f6a..0000000 Binary files a/dials/loyalty_tan.2x.opt.png and /dev/null differ diff --git a/dials/loyalty_tan.2x.webp b/dials/loyalty_tan.2x.webp new file mode 100644 index 0000000..050ced0 Binary files /dev/null and b/dials/loyalty_tan.2x.webp 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 @@
-
+
+
@@ -184,16 +185,16 @@
-
-
-
- - -
- - - +
+
+
+ +
+ + + +
@@ -347,6 +348,7 @@
+
-- cgit v1.2.3