From b4a95ce0e3a98aa881eca5a7ae37dd96c9e769a0 Mon Sep 17 00:00:00 2001
From: Ben Harris <bjh21@bjh21.me.uk>
Date: Sun, 29 Mar 2020 00:33:48 +0000
Subject: [PATCH] Add a sample of separated graphics to the Web page

---
 bedstead.css | 4 ++++
 index.xhtml  | 9 +++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/bedstead.css b/bedstead.css
index 022f6ba..3d11262 100644
--- a/bedstead.css
+++ b/bedstead.css
@@ -23,6 +23,10 @@ pre {
     line-height: 1em;
 }
 
+.separated {
+    font-feature-settings: 'ss16';
+}
+
 h1 {
     font-size: 5em;
     font-weight: inherit;
diff --git a/index.xhtml b/index.xhtml
index 4855e80..9d66a8e 100644
--- a/index.xhtml
+++ b/index.xhtml
@@ -50,13 +50,14 @@
     <p>Bedstead includes all of the teletext mosaic graphics
       characters available from the SAA5050.  These are encoded
       at the standard code points defined by Unicode.
-      They are also encoded in the Private
+      Separated graphics are available using an OpenType feature.
+      The mosaic graphics characters are also encoded in the Private
       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>🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒<span class="separated">🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒🬰🬰🬒</span>
+▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄<span class="separated">▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄▌🬚🬄</span>
+🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰<span class="separated">🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰🬮🬰🬰</span>
 </pre>
     
     <h2>Copyright</h2>
-- 
2.30.2