Add a gratuitous example of mosaic graphics to the Web page

diff --git a/bedstead.css b/bedstead.css
index deb3de875fa3bc5af3f35a83b1bac94c0d29caa7..c7a34079bc012f7926e1c2cfc2c85ed9bca3f443 100644 (file)
--- a/bedstead.css
+++ b/bedstead.css
@@ -18,6 +18,11 @@ kbd, code, tt, pre {
     font-feature-settings: normal;
 }
 
+/* Don't use any leading in <pre> so that mosaic graphics work. */
+pre {
+    line-height: 1em;
+}
+
 h2 {
     font-size: 2em;
     font-stretch: ultra-condensed;

diff --git a/index.xhtml b/index.xhtml
index 08c0ec0d723e8716e5a53d55d8d5743a3c7718d7..db0cf0374e4f349037794a6adf4deb26703dbab7 100644 (file)
--- a/index.xhtml
+++ b/index.xhtml
@@ -54,7 +54,11 @@
       Use area between U+EE00 and U+EE7F, in the same arrangement as
       is used by
       <a href="http://zapping.sourceforge.net/ZVBI/">ZVBI</a>.</p>
-
+<pre>🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒
+▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄
+🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰
+</pre>
+    
     <h2>Copyright</h2>
     <p>The program that generates Bedstead and all of the
       newly-designed glyphs have been released into the public domain.</p>