From ab0e69f51f9904f918c88953218aa3546638a697 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Thu, 16 Jun 2022 23:38:01 +0200 Subject: Colored faction icons in role panel. --- favicon.svg | 3 +++ icons/bear.svg | 8 +++++++- icons/eagle.svg | 8 +++++++- icons/lion.svg | 8 +++++++- play.css | 16 ++++++++++++---- play.html | 2 +- play.js | 1 + 7 files changed, 38 insertions(+), 8 deletions(-) create mode 100644 favicon.svg diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..dc69db7 --- /dev/null +++ b/favicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/bear.svg b/icons/bear.svg index ce0b2c7..5b3ac2e 100644 --- a/icons/bear.svg +++ b/icons/bear.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/icons/eagle.svg b/icons/eagle.svg index 11c659a..67a9b3e 100644 --- a/icons/eagle.svg +++ b/icons/eagle.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/icons/lion.svg b/icons/lion.svg index 421f053..5e1c7ce 100644 --- a/icons/lion.svg +++ b/icons/lion.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/play.css b/play.css index 70599e4..98519ae 100644 --- a/play.css +++ b/play.css @@ -132,13 +132,13 @@ body.shift #tooltip.focus { display: block; } .role_rupees_text, .role_loyalty_text, .role_cylinders_text { - opacity: 0.8; + opacity: 0.9; } .role_loyalty_icon { background-position: 0 -1px; background-size: 24px 24px; - opacity: 0.4; + opacity: 0.9; } .role_cylinders_icon { @@ -146,15 +146,23 @@ body.shift #tooltip.focus { display: block; } background-position: 0 3px; background-size: 16px 16px; background-image: url(icons/cylinder.svg); - opacity: 0.3; + opacity: 0.35; } +/* +#role_Gray .role_cylinders_icon { background-image: url(pieces/cylinder_gray.svg) } +#role_Blue .role_cylinders_icon { background-image: url(pieces/cylinder_blue.svg) } +#role_Tan .role_cylinders_icon { background-image: url(pieces/cylinder_tan.svg) } +#role_Red .role_cylinders_icon { background-image: url(pieces/cylinder_red.svg) } +#role_Black .role_cylinders_icon { background-image: url(pieces/cylinder_black.svg) } +*/ + .role_rupees_icon { width: 17px; background-position: 0 3px; background-size: 17px 17px; background-image: url(icons/rupee.svg); - opacity: 0.4; + opacity: 0.5; } .role_loyalty_icon.Afghan { background-image: url(icons/eagle.svg) } diff --git a/play.html b/play.html index 11613a8..fec2cc9 100644 --- a/play.html +++ b/play.html @@ -5,7 +5,7 @@ PAX PAMIR - + diff --git a/play.js b/play.js index 6720f11..5f8ad64 100644 --- a/play.js +++ b/play.js @@ -641,6 +641,7 @@ function on_update() { ui.player[p].prize.textContent = view.players[p].prizes + " prizes" } + ui.player[p].role.className = "role " + view.players[p].loyalty; ui.player[p].role.classList.toggle("active", p === player_index[view.active]) ui.player[p].dial.className = "player_dial " + view.players[p].loyalty + " p" + p -- cgit v1.2.3