From 158fd6a72572921077756bed6286a16bb7d78f6b Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 10 Apr 2017 21:20:06 +0200
Subject: [PATCH] latin: less invasive html tag for coloured cards

Prefer fallback to bold instead of italics to minimise shape disruption
(while limiting to short stylistic tags).
---
 base.css            | 2 +-
 dark.css            | 2 +-
 latin.plp           | 3 +++
 mono.css            | 2 +-
 red.css             | 2 +-
 writing-latn.inc.pl | 4 ++--
 6 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/base.css b/base.css
index 0c135b3..c4c943a 100644
--- a/base.css
+++ b/base.css
@@ -465,7 +465,7 @@ table.dimap {
 .sy-todo       { background-color: #FF0 }
 
 /* boolean alternate */
-.glyphs i      { font-variant: normal; color: #800 }
+.glyphs b      { font-weight: normal; color: #800 }
 
 /* hover effects */
 .X:hover {cursor: help}
diff --git a/dark.css b/dark.css
index acce64b..c257196 100644
--- a/dark.css
+++ b/dark.css
@@ -30,7 +30,7 @@ dl.legend-options dt {background: #333}
 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
 .sy-todo       { background-color: #880 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 /* character properties */
 
diff --git a/latin.plp b/latin.plp
index c9c59ad..268eb28 100644
--- a/latin.plp
+++ b/latin.plp
@@ -35,6 +35,9 @@ Html({
 	#ita2 td {
 		font-size: 50%;
 	}
+	#cards td {
+		font-family: Symbola, "DejaVu Sans", serif, sans;
+	}
 	#pigpen {
 		stroke-linecap: square;
 	}
diff --git a/mono.css b/mono.css
index cff7b1f..e62932e 100644
--- a/mono.css
+++ b/mono.css
@@ -72,7 +72,7 @@ body .keys td.new {
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
-.glyphs i      { color: #777 }
+.glyphs b      { color: #777 }
 
 /* continents */
 .c-af {background: #000; color: #FFF} /* .g4 */
diff --git a/red.css b/red.css
index 6bd9e89..e93abaf 100644
--- a/red.css
+++ b/red.css
@@ -145,7 +145,7 @@ tbody, colgroup, th {
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 #browser td > a:not(:hover):not(:active) {
 	color: inherit;
diff --git a/writing-latn.inc.pl b/writing-latn.inc.pl
index b2d436f..403e36f 100644
--- a/writing-latn.inc.pl
+++ b/writing-latn.inc.pl
@@ -90,8 +90,8 @@ my $U = 0;  # optional unicode alternatives
 	11 12 13 14 21 22 23 20 > 31 -13 32 33
 	30 41 42 -13 43 40 10 51 52 53 50 -31 -40
 })],
-'Cards' => [
-	map { chr(0x1F0A0 + $_), sprintf('<i>%s</i>', chr(0x1F0B0 + $_)) }  # spades, hearts
+'Cards' => [(
+	map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) }  # spades, hearts
 	1 .. 11, 13, 14  # A 2-10 J Q K
 ],
 'Maritime flags' => [
-- 
2.30.0