latin: half deck row with playing cards glyphs
authorMischa POSLAWSKY <perl@shiar.org>
Mon, 10 Apr 2017 15:23:55 +0000 (17:23 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 24 Apr 2017 23:51:41 +0000 (01:51 +0200)
Simple substitution but interesting because the 13 cards match 26 letters
exactly once for each colour.

base.css
dark.css
mono.css
red.css
writing-latn.inc.pl

index f3c0355b16763d30465d405a275ef40c7925f2c7..0c135b3294c40c213d046ef5c7add47308387138 100644 (file)
--- a/base.css
+++ b/base.css
@@ -464,6 +464,9 @@ table.dimap {
 .sy-error      { font-weight: bold; background-color: #F00; color: #FFF }
 .sy-todo       { background-color: #FF0 }
 
 .sy-error      { font-weight: bold; background-color: #F00; color: #FFF }
 .sy-todo       { background-color: #FF0 }
 
+/* boolean alternate */
+.glyphs i      { font-variant: normal; color: #800 }
+
 /* hover effects */
 .X:hover {cursor: help}
 .X:hover > span                            {background: #FFF} /* whitespace marker */
 /* hover effects */
 .X:hover {cursor: help}
 .X:hover > span                            {background: #FFF} /* whitespace marker */
index 69a8f10f66825bc93a34ab3c8f429c40ca00fe79..acce64bd491f9869a963c52ef9d8c610b58a0284 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -20,7 +20,8 @@ dl.legend dt,
 }
 dl.legend-options dt {background: #333}
 
 }
 dl.legend-options dt {background: #333}
 
-/* code syntax */
+/* syntax highlighting */
+
 .sy-comment    { color: #888 }
 .sy-constant   { color: #8AC }
 .sy-type,
 .sy-comment    { color: #888 }
 .sy-constant   { color: #8AC }
 .sy-type,
@@ -29,6 +30,8 @@ dl.legend-options dt {background: #333}
 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
 .sy-todo       { background-color: #880 }
 
 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
 .sy-todo       { background-color: #880 }
 
+.glyphs i      { color: #C44 }
+
 /* character properties */
 
 th, td {
 /* character properties */
 
 th, td {
index f6ba3c529c00d5c1594d0e96eceab7b6351dc823..cff7b1f9a665dd671dde60869ded212ae6fabf90 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -72,6 +72,8 @@ body .keys td.new {
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
+.glyphs i      { color: #777 }
+
 /* continents */
 .c-af {background: #000; color: #FFF} /* .g4 */
 .c-eu {background: #333; color: #FFF} /* .g5 */
 /* continents */
 .c-af {background: #000; color: #FFF} /* .g4 */
 .c-eu {background: #333; color: #FFF} /* .g5 */
diff --git a/red.css b/red.css
index 73d27eb202f8376ae98fe5fb441cde1ea82e1d1b..6bd9e89c83dbc56b9214290ed18308204c5c16ed 100644 (file)
--- a/red.css
+++ b/red.css
@@ -145,6 +145,8 @@ tbody, colgroup, th {
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
+.glyphs i      { color: #C44 }
+
 #browser td > a:not(:hover):not(:active) {
        color: inherit;
 }
 #browser td > a:not(:hover):not(:active) {
        color: inherit;
 }
index c7ed2ddd8766e418965eb598f2694dffcf6ca6f0..3b5e5ab76557b2a44b19d8e159fbdc35879b7f69 100644 (file)
@@ -89,6 +89,11 @@ 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
 })],
        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
 })],
+'Half deck' => [
+       # A 2-10 J Q K
+       (map { chr( 0x1F0A0 + $_ ) } 1 .. 11, 13, 14),  # spades
+       (map { "<i>$_</i>" } map { chr( 0x1F0B0 + $_ ) } 1 .. 11, 13, 14),  # hearts
+],
 'Maritime flags' => [
        # International Code of Signals, SVG fills
        map { '<svg width="20" height="20" viewBox="0 0 30 30">'.s/\n?\t+//gr.'</svg>' }
 'Maritime flags' => [
        # International Code of Signals, SVG fills
        map { '<svg width="20" height="20" viewBox="0 0 30 30">'.s/\n?\t+//gr.'</svg>' }