// testbed and examples of PPGEN commands
// This is useful for highlighting foreign phrases in a long text.

.dt Using "span" for highlighting and lang, by Barry Abrahamsen
.de body {width:80%; margin:auto;}

.il fn=cover.jpg w=300px

.h1
Using "span" for highlighting and lang.

// define a different CSS definition for each language
// Color the selected text and make it 25% larger
.de .c-fr {font-style: italic; color: blue;  font-size: 1.25em; }

// other languages can have their own colors.
.de .c-la {font-style: italic; color: green; font-size: 1.25em; }

// First, mark up each string in the book with the appropriate
// language tag—<l-fr> for French. Like this: He said “<l-fr>Sacrebleu</l-fr>” and…
// Using the .de definitions avoids having to type the CSS for each word.

// Then, during processing the search and replace, PPGEN will apply
// the <span> to each word or phrase. This includes the required <lang> tag. Two
// simplifications with .sr!
.sr h .<l-fr>.<span class="c-fr"><lang="fr">.
.sr h .</l-fr>.</lang></span>.

.sr h .<l-la>.<span class="c-la"><lang="la">.
.sr h .</l-la>.</lang></span>.

// Since this doesn't apply to the UTF-8 verision, get rid of the markup.
.sr t .<l-fr>..
.sr t .</l-fr>..

.sr t .<l-la>..
.sr t .</l-la>..

.h1
Using span for highlighting and lang

A second edition, with a translation of the
<l-fr>Meditationes Sacrœ</l-fr>, was published in the next year.
<lang="en">The statue</lang> was of the mayor.

Or as the Roman's say: <l-la>“Hinc usura vorax, rapidumque in tempore fœnus,
Hinc concussa fides, et multis utile bellum.”</l-la>