Restore introduction with images ripped off from JLREQ

Author: fantasai

css3-writing-modes/Overview.html

@@ -133,6 +133,10 @@ <h2 class="no-num no-toc" id=Contents>Contents</h2>
 
   <ul class=toc>
    <li><a href="#intro"><span class=secno>1. </span>Introduction</a>
+    <ul class=toc>
+     <li><a href="#vertical-intro"><span class=secno>1.1. </span>Introduction
+      to Vertical Text</a>
+    </ul>
 
    <li><a href="#text-flow"><span class=secno>2. </span>Writing Modes and
     Terminology</a>
@@ -231,7 +235,6 @@ <h2 id=intro><span class=secno>1. </span>Introduction</h2>
    href="#UTN22" rel=biblioentry>[UTN22]<!--{{UTN22}}--></a> for an
    explanation of relevant issues.
 
-<!--
   <h3 id=vertical-intro><span class=secno>1.1. </span>Introduction to
    Vertical Text</h3>
 
@@ -255,42 +258,52 @@ <h3 id=vertical-intro><span class=secno>1.1. </span>Introduction to
 
   <div class=figure>
    <p><img alt="A comparison of horizontal and vertical Japanese shows that
-    although the lines rotate, the characters remain upright. The period mark
-    shifts from the bottom left of its glyph box to the top right. The
-    running headers, however, remain laid out horizontally across the top of
-    the page." src=vert-horiz-comparison.png></p>
+    although the lines rotate, the characters remain upright. Some glyphs,
+    however change: a period mark shifts from the bottom left of its glyph
+    box to the top right. Running headers, however, may remain laid out
+    horizontally across the top of the page." src=vert-horiz-comparison.png></p>
 
-   <p class=caption>iBunko application (iOS)</p>
+   <p class=caption>Comparison of vertical and horizontal Japanese</p>
   </div>
 
   <p class=note>For Chinese and Japanese lines are ordered either right to
    left, while for Mongolian and Manchu left to right.
 
   <p>Vertical text that includes Latin script text or text from other scripts
    normally displayed horizontally can display that text in a number of ways.
-   In the example below, the word "Virus" is shown rotated inline while the
-   acronyms "DNA" and "RNA" are stacked upright:
+   For example, Latin words can be rotated sideways, or each letter can be
+   oriented upright.
 
   <div class=figure>
-   <p><img alt="This screenshot of an electronic dictionary illustrates the
-    DNA/RNA/virus example." src=vert-latin-layouts.png></p>
+   <p><img alt="Latin initialisms like GNP can appear either rotated 90&deg;
+    clockwise, or with the letters stacked upright."
+    src=vert-latin-layouts.png></p>
 
-   <p class=caption>Daijirin Viewer 1.4 (iOS)</p>
+   <p class=caption>Examples of Latin in vertical Japanese</p>
   </div>
 
   <p>In some special cases such as two-digit numbers in dates, text is fit
    compactly into a single vertical character box:
 
   <div class=figure>
-   <p><img alt="An exerpt from MacFan shows several possible vertical layouts
-    for numbers: the two-digit month and day are written as
-    horizontal-in-vertical blocks; the years are written with each character
-    upright; except in the English phrase &ldquo;for Mac 2011&rdquo;, where
-    the date is rotated to match the rotated Latin."
-    src=vert-number-layouts.png></p>
-
-   <p class=caption>MacFan, December 2010, p.49</p>
+   <p><img alt="Diagram of showing the two-digit numbers of a date set
+    halfwidth side-by-side in a vertical column of text" class=example
+    src=tate-chu-yoko.png>
+
+   <p>Example of horizontal-in-vertical two-digit numbers</p>
   </div>
+  <!--
+  <div class="figure">
+    <p><img src="vert-number-layouts.png"
+            alt="An exerpt from MacFan shows several possible vertical layouts
+                 for numbers: the two-digit month and day are written as
+                 horizontal-in-vertical blocks; the years are written with
+                 each character upright; except in the English phrase
+                 &ldquo;for Mac 2011&rdquo;, where the date is rotated to
+                 match the rotated Latin."/></p>
+    <p class="caption">MacFan, December 2010, p.49</p>
+  </div>
+  -->
 
   <p>Layouts often involve a mixture of vertical and horizontal elements:
 
@@ -299,12 +312,11 @@ <h3 id=vertical-intro><span class=secno>1.1. </span>Introduction to
     example, using one orientation for the main article text and a different
     one for sidebar or illustrative content." src=vert-horiz-combination.png></p>
 
-   <p class=caption>AERA, 7 June 2010, p.26</p>
+   <p class=caption>Mixture of vertical and horizontal elements</p>
   </div>
 
   <p>Vertical text layouts also need to handle bidirectional text layout;
    clockwise-rotated Arabic, for example, is laid out bottom-to-top.
--->
 
   <h2 id=text-flow><span class=secno>2. </span>Writing Modes and Terminology</h2>
 

css3-writing-modes/Overview.src.html

@@ -78,7 +78,6 @@ <h2 id="intro">Introduction</h2>
   <p>Inherently bottom-to-top scripts are not handled in this version. See
     [[UTN22]] for an explanation of relevant issues.</p>
 
-<!--
 <h3 id="vertical-intro">Introduction to Vertical Text</h3>
 
   <p>In addition to extensions to CSS2.1's support for bidirectional text,
@@ -95,39 +94,48 @@ <h3 id="vertical-intro">Introduction to Vertical Text</h3>
     translates to indentation from the top edge in the top-to-bottom vertical
     case.
 
-  <p>The change from horizontal to vertical writing can affect not just the
-    layout, but also the typesetting. For example, the position of punctuation
-    mark within its spacing box may change from the horizontal to the
-    vertical case:
-
   <div class="figure">
     <p><img src="vert-horiz-comparison.png"
             alt="A comparison of horizontal and vertical Japanese shows that
                  although the lines rotate, the characters remain upright.
-                 The period mark shifts from the bottom left of its glyph
-                 box to the top right. The running headers, however, remain
+                 Some glyphs, however change: a period mark shifts from the
+                 bottom left of its glyph box to the top right. Running
+                 headers, however, may remain
                  laid out horizontally across the top of the page."/></p>
-    <p class="caption">iBunko application (iOS)</p>
+    <p class="caption">Comparison of vertical and horizontal Japanese</p>
   </div>
 
   <p class="note">For Chinese and Japanese lines are ordered either right
     to left, while for Mongolian and Manchu left to right.</p>
 
+  <p>The change from horizontal to vertical writing can affect not just the
+    layout, but also the typesetting. For example, the position of a punctuation
+    mark within its spacing box can change from the horizontal to the
+    vertical case, and in some cases alternate glyphs are used.
+
   <p>Vertical text that includes Latin script text or text from other scripts
     normally displayed horizontally can display that text in a number of
-    ways. In the example below, the word "Virus" is shown rotated inline
-    while the acronyms "DNA" and "RNA" are stacked upright:
+    ways. For example, Latin words can be rotated sideways, or each letter
+    can be oriented upright.
 
   <div class="figure">
     <p><img src="vert-latin-layouts.png"
-            alt="This screenshot of an electronic dictionary illustrates
-                 the DNA/RNA/virus example."/></p>
-    <p class="caption">Daijirin Viewer 1.4 (iOS)</p>
+            alt="Latin initialisms like GNP can appear either rotated
+                 90&deg; clockwise, or with the letters stacked upright."/></p>
+    <p class="caption">Examples of Latin in vertical Japanese</p>
   </div>
 
   <p>In some special cases such as two-digit numbers in dates, text is fit
     compactly into a single vertical character box:
 
+    <div class="figure">
+      <p><img alt="Diagram of showing the two-digit numbers of a date
+                   set halfwidth side-by-side in a vertical column of text"
+              class="example" src="tate-chu-yoko.png">
+      <p>Example of horizontal-in-vertical two-digit numbers</p>
+    </div>
+
+  <!--
   <div class="figure">
     <p><img src="vert-number-layouts.png"
             alt="An exerpt from MacFan shows several possible vertical layouts
@@ -138,6 +146,7 @@ <h3 id="vertical-intro">Introduction to Vertical Text</h3>
                  match the rotated Latin."/></p>
     <p class="caption">MacFan, December 2010, p.49</p>
   </div>
+  -->
 
   <p>Layouts often involve a mixture of vertical and horizontal elements:
 
@@ -146,12 +155,11 @@ <h3 id="vertical-intro">Introduction to Vertical Text</h3>
             alt="Magazines often mix horizontal and vertical layout; for
                  example, using one orientation for the main article text
                  and a different one for sidebar or illustrative content."/></p>
-    <p class="caption">AERA, 7 June 2010, p.26</p>
+    <p class="caption">Mixture of vertical and horizontal elements</p>
   </div>
 
   <p>Vertical text layouts also need to handle bidirectional text layout;
     clockwise-rotated Arabic, for example, is laid out bottom-to-top.
--->
 
 <h2 id="text-flow">Writing Modes and Terminology</h2>