Feature/epub3 multiple renditions

epub_content/WCAG-ch1/EPUB/package-braille.opf

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?><package xmlns="http://www.idpf.org/2007/opf" prefix="dc: http://purl.org/dc/elements/1.1/" version="3.0" unique-identifier="d21041e30">
+    <metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
+        <dc:type>edupub</dc:type>
+        <dc:type>distributable-object</dc:type>
+        <dc:title id="d20201e20">World Cultures and Geography</dc:title>
+        <meta property="title-type" refines="#d20201e20">main</meta>
+        <dc:identifier id="d21041e30">41f1328c-0571-4e71-8be8-e65bc148281a</dc:identifier>
+
+        <dc:rights>Copyright © 2003 McDougal Littel, Inc.</dc:rights> 
+        <dc:rights>McDougal Littel, Inc. holds the copyright for these files and has provided permission to use them for the purpose of creating exemplar files. They should not be re-posted to other sites, nor may they be sold for commercial purposes.</dc:rights>
+        <meta property="dcterms:modified">2015-08-24T17:13:03Z</meta>
+        <meta property="dc:publisher">McDougal Littell</meta>
+        <meta property="dc:date">2014-12-11T09:12:52+00:00</meta>
+        <dc:source id="src">urn:isbn:9780618596645</dc:source>
+        <meta property="source-of" refines="#src">pagination</meta>
+        <meta property="schema:accessibilityFeature">alternativeText</meta>
+        <meta property="schema:accessibilityFeature">longDescription</meta>
+        <meta property="schema:accessibilityFeature">printPageNumbers</meta>
+        <meta property="schema:accessibilityFeature">readingOrder</meta>
+        <meta property="schema:accessibilityFeature">structuralNavigation</meta>
+        <meta property="schema:accessibilityFeature">tableOfContents</meta>
+        <meta property="schema:accessibilityFeature">unlocked</meta>
+        <meta property="schema:educationalRole">student</meta>
+        <meta property="schema:typicalAgeRange">18+</meta>
+    <dc:language xmlns:opf="http://www.idpf.org/2007/opf">En-US</dc:language><dc:language xmlns:opf="http://www.idpf.org/2007/opf">en</dc:language></metadata>
+    <manifest>
+        <item href="images/wcag-p2-1.jpg" id="item_1" media-type="image/jpeg"/>
+        <item href="images/wcag-p14-1.jpg" id="item_2" media-type="image/jpeg"/>
+        <item href="images/wcag-p15-1-1.jpg" id="item_3" media-type="image/jpeg"/>
+        <item href="images/wcag-p16-1.jpg" id="item_4" media-type="image/jpeg"/>
+        <item href="images/wcag-p16-2.jpg" id="item_5" media-type="image/jpeg"/>
+        <item href="images/wcag-p17-1.jpg" id="item_6" media-type="image/jpeg"/>
+        <item href="images/wcag-p17-2.jpg" id="item_7" media-type="image/jpeg"/>
+        <item href="images/wcag-p18-1.jpg" id="item_8" media-type="image/jpeg"/>
+        <item href="images/wcag-p18-2.jpg" id="item_9" media-type="image/jpeg"/>
+        <item href="images/wcag-p19-1.jpg" id="item_10" media-type="image/jpeg"/>
+        <item href="images/wcag-p19-2.jpg" id="item_11" media-type="image/jpeg"/>
+        <item href="images/wcag-p19-3.jpg" id="item_12" media-type="image/jpeg"/>
+        <item href="images/wcag-p19-4.jpg" id="item_13" media-type="image/jpeg"/>
+        <item href="images/wcag-p19-5.jpg" id="item_14" media-type="image/jpeg"/>
+        <item href="images/wcag-p20-1.jpg" id="item_15" media-type="image/jpeg"/>
+        <item href="images/wcag-p20-2.jpg" id="item_16" media-type="image/jpeg"/>
+        <item href="images/wcag-p21-1.jpg" id="item_17" media-type="image/jpeg"/>
+        <item href="images/wcag-p22-1.jpg" id="item_18" media-type="image/jpeg"/>
+        <item href="images/wcag-p22-2.jpg" id="item_19" media-type="image/jpeg"/>
+        <item href="images/wcag-p22-3.jpg" id="item_20" media-type="image/jpeg"/>
+        <item href="images/wcag-p22-4.jpg" id="item_21" media-type="image/jpeg"/>
+        <item href="images/wcag-p24-1.jpg" id="item_22" media-type="image/jpeg"/>
+        <item href="images/wcag-p24-2.jpg" id="item_23" media-type="image/jpeg"/>
+        <item href="images/wcag-p25-1.jpg" id="item_24" media-type="image/jpeg"/>
+        <item href="images/wcag-p25-2.jpg" id="item_25" media-type="image/jpeg"/>
+        <item href="images/wcag-p26-1.jpg" id="item_26" media-type="image/jpeg"/>
+        <item href="images/wcag-p26-2.jpg" id="item_27" media-type="image/jpeg"/>
+        <item href="images/wcag-p26-3.jpg" id="item_28" media-type="image/jpeg"/>
+        <item href="images/wcag-p27-1.jpg" id="item_29" media-type="image/jpeg"/>
+        <item href="images/wcag-p30-1.jpg" id="item_30" media-type="image/jpeg"/>
+        <item href="images/wcag-p30-2.jpg" id="item_31" media-type="image/jpeg"/>
+        <item href="images/wcag-p31-1.jpg" id="item_32" media-type="image/jpeg"/>
+        <item href="images/wcag-p31-2.jpg" id="item_33" media-type="image/jpeg"/>
+        <item href="xhtml/WCAG-ch1-1_braille.xhtml" media-type="application/xhtml+xml" id="item_34"/>
+        <item href="xhtml/WCAG-ch1-2_braille.xhtml" media-type="application/xhtml+xml" id="item_35"/>
+        <item href="xhtml/toc_braille.xhtml" properties="nav" media-type="application/xhtml+xml" id="item_36"/>
+        <item href="css/images/iconmonstr-info-8-icon-20x20.png" id="item_37" media-type="image/png"/>
+        <item href="css/images/iconmonstr-info-8-icon.png" id="item_38" media-type="image/png"/>
+        <item href="css/images/iconmonstr-window-new-icon-20x20.png" id="item_39" media-type="image/png"/>
+        <item href="css/images/iconmonstr-window-new-icon.png" id="item_40" media-type="image/png"/>
+        <item href="css/default.css" id="item_41" media-type="text/css"/>
+    </manifest>
+    <spine>
+        <itemref idref="item_34" id="itemref_1"/>
+        <itemref idref="item_35" id="itemref_2"/>
+    </spine>
+</package>

epub_content/WCAG-ch1/EPUB/package.opf

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<package xmlns="http://www.idpf.org/2007/opf" prefix="dc: http://purl.org/dc/elements/1.1/"
+    unique-identifier="d21041e30" version="3.0">
+    <metadata xmlns:dc="http://purl.org/dc/elements/1.1/">
+        <dc:type>edupub</dc:type>
+        <dc:type>distributable-object</dc:type>
+        <dc:title id="d20201e20">World Cultures and Geography</dc:title>
+        <meta property="title-type" refines="#d20201e20">main</meta>
+        <dc:identifier xmlns:dc="http://purl.org/dc/elements/1.1/" id="d21041e30">41f1328c-0571-4e71-8be8-e65bc148281a</dc:identifier>
+        <dc:language>en-US</dc:language>
+        <dc:rights>Copyright © 2003 McDougal Littel, Inc.</dc:rights> 
+        <dc:rights>McDougal Littel, Inc. holds the copyright for these files and has provided permission to use them for the purpose of creating exemplar files. They should not be re-posted to other sites, nor may they be sold for commercial purposes.</dc:rights>
+        <meta property="dcterms:modified">2014-12-11T09:12:55Z</meta>
+        <meta property="dc:publisher">McDougal Littell</meta>
+        <meta property="dc:date">2014-12-11T09:12:52+00:00</meta>
+        <dc:source id="src">urn:isbn:9780618596645</dc:source>
+        <meta property="source-of" refines="#src">pagination</meta>
+        <meta property="schema:accessibilityFeature">alternativeText</meta>
+        <meta property="schema:accessibilityFeature">longDescription</meta>
+        <meta property="schema:accessibilityFeature">printPageNumbers</meta>
+        <meta property="schema:accessibilityFeature">readingOrder</meta>
+        <meta property="schema:accessibilityFeature">structuralNavigation</meta>
+        <meta property="schema:accessibilityFeature">tableOfContents</meta>
+        <meta property="schema:accessibilityFeature">unlocked</meta>
+        <meta property="schema:educationalRole">student</meta>
+        <meta property="schema:typicalAgeRange">18+</meta>
+    </metadata>
+    <manifest>
+        <item id="item_1" media-type="image/jpeg" href="images/wcag-p2-1.jpg"/>
+        <item id="item_2" media-type="image/jpeg" href="images/wcag-p14-1.jpg"/>
+        <item id="item_3" media-type="image/jpeg" href="images/wcag-p15-1-1.jpg"/>
+        <item id="item_4" media-type="image/jpeg" href="images/wcag-p16-1.jpg"/>
+        <item id="item_5" media-type="image/jpeg" href="images/wcag-p16-2.jpg"/>
+        <item id="item_6" media-type="image/jpeg" href="images/wcag-p17-1.jpg"/>
+        <item id="item_7" media-type="image/jpeg" href="images/wcag-p17-2.jpg"/>
+        <item id="item_8" media-type="image/jpeg" href="images/wcag-p18-1.jpg"/>
+        <item id="item_9" media-type="image/jpeg" href="images/wcag-p18-2.jpg"/>
+        <item id="item_10" media-type="image/jpeg" href="images/wcag-p19-1.jpg"/>
+        <item id="item_11" media-type="image/jpeg" href="images/wcag-p19-2.jpg"/>
+        <item id="item_12" media-type="image/jpeg" href="images/wcag-p19-3.jpg"/>
+        <item id="item_13" media-type="image/jpeg" href="images/wcag-p19-4.jpg"/>
+        <item id="item_14" media-type="image/jpeg" href="images/wcag-p19-5.jpg"/>
+        <item id="item_15" media-type="image/jpeg" href="images/wcag-p20-1.jpg"/>
+        <item id="item_16" media-type="image/jpeg" href="images/wcag-p20-2.jpg"/>
+        <item id="item_17" media-type="image/jpeg" href="images/wcag-p21-1.jpg"/>
+        <item id="item_18" media-type="image/jpeg" href="images/wcag-p22-1.jpg"/>
+        <item id="item_19" media-type="image/jpeg" href="images/wcag-p22-2.jpg"/>
+        <item id="item_20" media-type="image/jpeg" href="images/wcag-p22-3.jpg"/>
+        <item id="item_21" media-type="image/jpeg" href="images/wcag-p22-4.jpg"/>
+        <item id="item_22" media-type="image/jpeg" href="images/wcag-p24-1.jpg"/>
+        <item id="item_23" media-type="image/jpeg" href="images/wcag-p24-2.jpg"/>
+        <item id="item_24" media-type="image/jpeg" href="images/wcag-p25-1.jpg"/>
+        <item id="item_25" media-type="image/jpeg" href="images/wcag-p25-2.jpg"/>
+        <item id="item_26" media-type="image/jpeg" href="images/wcag-p26-1.jpg"/>
+        <item id="item_27" media-type="image/jpeg" href="images/wcag-p26-2.jpg"/>
+        <item id="item_28" media-type="image/jpeg" href="images/wcag-p26-3.jpg"/>
+        <item id="item_29" media-type="image/jpeg" href="images/wcag-p27-1.jpg"/>
+        <item id="item_30" media-type="image/jpeg" href="images/wcag-p30-1.jpg"/>
+        <item id="item_31" media-type="image/jpeg" href="images/wcag-p30-2.jpg"/>
+        <item id="item_32" media-type="image/jpeg" href="images/wcag-p31-1.jpg"/>
+        <item id="item_33" media-type="image/jpeg" href="images/wcag-p31-2.jpg"/>
+        <item media-type="application/xhtml+xml" id="item_34" href="xhtml/WCAG-ch1-1.xhtml"/>
+        <item media-type="application/xhtml+xml" id="item_35" href="xhtml/WCAG-ch1-2.xhtml"/>
+        <item properties="nav" media-type="application/xhtml+xml" id="item_36" href="xhtml/toc.xhtml"/>
+        <item id="item_37" media-type="image/png" href="css/images/iconmonstr-info-8-icon-20x20.png"/>
+        <item id="item_38" media-type="image/png" href="css/images/iconmonstr-info-8-icon.png"/>
+        <item id="item_39" media-type="image/png" href="css/images/iconmonstr-window-new-icon-20x20.png"/>
+        <item id="item_40" media-type="image/png" href="css/images/iconmonstr-window-new-icon.png"/>
+        <item id="item_41" media-type="text/css" href="css/default.css"/>
+    </manifest>
+    <spine>
+        <itemref idref="item_34" id="itemref_1"/>
+        <itemref idref="item_35" id="itemref_2"/>
+    </spine>
+</package>

epub_content/WCAG-ch1/EPUB/xhtml/WCAG-ch1-1.xhtml

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="En-US">
+    <head>
+        <meta charset="UTF-8"/>
+        <link rel="stylesheet" type="text/css" href="../css/default.css" />
+        <title>World Cultures and Geography</title>
+    </head>
+    <body xmlns:epub="http://www.idpf.org/2007/ops" id="d20258e6-0" epub:type="frontmatter">
+        <section epub:type="titlepage" id="d18656e11">
+            <h1 id="d20258e8-0" epub:type="title">World Cultures and Geography</h1>
+            <p>Sarah Witham Bednarz</p>
+            <p>Ines M. Miyares</p>
+            <p>Mark C. Schug</p>
+            <p>Charles S. White</p>
+            <!--<aside id="d20258e18-0" epub:type="annotation"> Please review annotations and their
+                targets (@ref). Source document contained one or more annotations with no explicit
+                references. </aside>-->
+        </section>
+        <section epub:type="copyright-page" id="d18656e22">
+            <span epub:type="pagebreak" title="iv" id="piv"/>
+            <h1 id="d20258e22-0">Senior Consultants</h1>
+            <p>Sarah Witham Berdnarz is associate professor of geography at Texas A&amp;M
+                University, where she has taught since 1988. She earned a Ph.D. in educational
+                curriculum and instruction in 1992 from Texas A&amp;M University and has written
+                extensively about geography literacy and education. Dr. Bednarz was an author of
+                Geography for Life: National Geography Standards, 1994. In 1997 she received the
+                International Excellence Award from the Texas A&amp;M University International
+                Programs Office.</p>
+            <p>Inés M. Miyares is associate professor of geography at Hunter College-City University
+                of New York. Born in Havana, Cuba, and fluent in Spanish, Dr. Miyares has focused
+                much of her scholarship on Latin America, immigration and refugee policy, and urban
+                ethnic geography. She holds a Ph.D. in geography from Arizona State University. In
+                1999 Dr. Miyares was the recipient of the Hunter College Performance Excellence
+                Award for excellence in teaching, research, scholarly writing, and service.</p>
+            <p>Mark C. Schug is director of the University of Wisconsin-Milwaukee Center for
+                Economic Education. A 30-year veteran of middle school, high school, and university
+                classrooms, Dr. Schug has been cited for excellence in teaching by the University of
+                Wisconsin-Milwaukee and the Minnesota Council on Economic Education. In addition to
+                coauthoring eight national economics curriculum programs, Dr. Schug has spoken on
+                economic issues to audiences throughout the world. Dr. Schug edited The Senior
+                Economist for the National Council for Economics Education from 1986 to 1996.</p>
+            <p>Charles S. White is associate professor in the School of Education at Boston
+                University, where he teaches methods of instruction in social studies. Dr. White has
+                written and spoken extensively on the role of technology in social studies
+                education. He has received numerous awards for his scholarship, including the 1995
+                Federal Design Achievement Award from the National Endowment for the Arts, for the
+                Teaching with Historic Places project. In 1997, Dr. White taught his Models of
+                Teaching doctoral course at the Universidad San Francisco de Quito, Ecuador.</p>
+
+                <p>Copyright © 2003 by McDougal Littell, a division of Houghton Mifflin Company. All
+                    rights reserved.</p>
+                <p>The USA TODAY® service mark has been licensed by USA TODAY® for use for certain
+                    purposes by McDougal Littell, a division of Houghton Mifflin Company. USA TODAY®
+                    charts, articles, and photographs incorporated in these reading materials are
+                    displayed for informational and promotional purposes only. The USA TODAY®
+                    charts, articles, and photographs incorporated herein are solely for private,
+                    personal, and noncommercial use. Any other use of the USA TODAY® charts,
+                    articles, and photographs incorporated herein, without prior express written
+                    permission of USA TODAY®, is strictly prohibited.</p>
+                <p>Maps on pages A1-A25 © Rand McNally &amp; Company. All rights reserved.</p>
+                <p>No part of this work may be reproduced or transmitted in any form or by any
+                    means, electronic or mechanical, including photocopying and recording, or by any
+                    information storage or retrieval system without the prior written permission of
+                    McDougal Littell, a division of Houghton Mifflin Company, unless such copying is
+                    expressly permitted by federal copyright law. Send inquiries to Manager, Rights
+                    and Permissions, McDougal Littell, a division of Houghton Mifflin Company, P.O.
+                    Box 1667, Evanston, IL 60204.</p>
+                <p>Acknowledgments begin on page R50.</p>
+                <p>ISBN 0-618-16841-9</p>
+                <p>
+                    <span>Printed in the United States of America</span>
+                    <br/>
+                    <span>4 5 6 7 8 9 - VJM - 07 06 05 04 03</span>
+                    <br/>
+                </p>
+
+        </section>
+    </body>
+</html>

epub_content/WCAG-ch1/EPUB/xhtml/WCAG-ch1-1_braille.xhtml

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?><html xmlns="http://www.w3.org/1999/xhtml" xml:base="file:/Users/bert/src/ties/src/braille-rendition-epub/tmp/output-dir/WCAG-ch1_braille.epub!/EPUB/xhtml/WCAG-ch1-1_braille.xhtml" xml:lang="En-US">
+    <head><meta charset="UTF-8"/><title/></head>
+    <body xmlns:epub="http://www.idpf.org/2007/ops" id="d20258e6-0" epub:type="frontmatter">
+        <section epub:type="titlepage" id="d18656e11">
+            <h1 id="d20258e8-0" epub:type="title">⠠⠸⠺ ⠠⠉⠥⠇⠞⠥⠗⠑⠎ ⠯ ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</h1>
+            <p>⠠⠎⠜⠁⠓ ⠠⠾⠁⠍ ⠠⠃⠫⠝⠜⠵</p>
+            <p>⠠⠔⠑⠎ ⠠⠍⠲ ⠠⠍⠊⠽⠜⠑⠎</p>
+            <p>⠠⠍⠜⠅ ⠠⠉⠲ ⠠⠎⠡⠥⠛</p>
+            <p>⠠⠡⠜⠇⠑⠎ ⠠⠎⠲ ⠠⠱⠊⠞⠑</p>
+
+        </section>
+        <section epub:type="copyright-page" id="d18656e22">
+            <span epub:type="pagebreak" title="iv" id="piv"/>
+            <h1 id="d20258e22-0">⠠⠎⠢⠊⠕⠗ ⠠⠒⠎⠥⠇⠞⠁⠝⠞⠎</h1>
+            <p>⠠⠎⠜⠁⠓ ⠠⠾⠁⠍ ⠠⠃⠻⠙⠝⠜⠵ ⠊⠎ ⠁⠎⠎⠕⠉⠊⠁⠞⠑ ⠏⠗⠕⠋⠑⠎⠎⠕⠗ ⠷ ⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠁⠞ ⠠⠞⠑⠭⠁⠎ ⠠⠁⠈⠯⠰⠠⠍                 ⠠⠥⠝⠊⠧⠻⠎⠰⠽⠂ ⠐⠱ ⠩⠑ ⠓⠁⠎ ⠞⠁⠥⠣⠞ ⠎⠔⠉⠑ ⠼⠁⠊⠓⠓⠲ ⠠⠩⠑ ⠑⠜⠝⠫ ⠁ ⠠⠏⠓⠲⠠⠙⠲ ⠔ ⠫⠥⠉⠠⠝⠁⠇                 ⠉⠥⠗⠗⠊⠉⠥⠇⠥⠍ ⠯ ⠔⠌⠗⠥⠉⠰⠝ ⠔ ⠼⠁⠊⠊⠃ ⠋ ⠠⠞⠑⠭⠁⠎ ⠠⠁⠈⠯⠰⠠⠍ ⠠⠥⠝⠊⠧⠻⠎⠰⠽ ⠯ ⠓⠁⠎ ⠺⠗⠊⠞⠞⠢                 ⠑⠭⠞⠢⠎⠊⠧⠑⠇⠽ ⠁⠃ ⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠇⠊⠞⠻⠁⠉⠽ ⠯ ⠫⠥⠉⠠⠝⠲ ⠠⠙⠗⠲ ⠠⠃⠫⠝⠜⠵ ⠴ ⠁⠝ ⠁⠥⠹⠕⠗ ⠷                 ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠿ ⠠⠇⠊⠋⠑⠒ ⠠⠝⠠⠝⠁⠇ ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠠⠌⠯⠜⠙⠎⠂ ⠼⠁⠊⠊⠙⠲ ⠠⠔ ⠼⠁⠊⠊⠛ ⠩⠑ ⠗⠉⠧⠙ ⠮                 ⠠⠔⠞⠻⠝⠠⠝⠁⠇ ⠠⠑⠭⠉⠑⠇⠇⠰⠑ ⠠⠁⠺⠜⠙ ⠋ ⠮ ⠠⠞⠑⠭⠁⠎ ⠠⠁⠈⠯⠰⠠⠍ ⠠⠥⠝⠊⠧⠻⠎⠰⠽ ⠠⠔⠞⠻⠝⠠⠝⠁⠇                 ⠠⠏⠗⠕⠛⠗⠁⠍⠎ ⠠⠷⠋⠊⠉⠑⠲</p>
+            <p>⠠⠔⠈⠑⠎ ⠠⠍⠲ ⠠⠍⠊⠽⠜⠑⠎ ⠊⠎ ⠁⠎⠎⠕⠉⠊⠁⠞⠑ ⠏⠗⠕⠋⠑⠎⠎⠕⠗ ⠷ ⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠁⠞ ⠠⠓⠥⠝⠞⠻ ⠠⠉⠕⠇⠇⠑⠛⠑⠤⠠⠉⠰⠽ ⠠⠥⠝⠊⠧⠻⠎⠰⠽                 ⠷ ⠠⠝⠑⠺ ⠠⠽⠕⠗⠅⠲ ⠠⠃⠕⠗⠝ ⠔ ⠠⠓⠁⠧⠁⠝⠁⠂ ⠠⠉⠥⠃⠁⠂ ⠯ ⠋⠇⠥⠢⠞ ⠔ ⠠⠎⠏⠁⠝⠊⠩⠂ ⠠⠙⠗⠲ ⠠⠍⠊⠽⠜⠑⠎ ⠓⠁⠎ ⠋⠕⠉⠥⠎⠫                 ⠍⠡ ⠷ ⠓⠻ ⠎⠡⠕⠇⠜⠩⠊⠏ ⠕⠝ ⠠⠇⠁⠞⠔ ⠠⠁⠍⠻⠊⠉⠁⠂ ⠊⠍⠍⠊⠛⠗⠠⠝ ⠯ ⠗⠑⠋⠥⠛⠑⠑ ⠏⠕⠇⠊⠉⠽⠂ ⠯ ⠥⠗⠃⠁⠝                 ⠑⠹⠝⠊⠉ ⠛⠑⠕⠛⠗⠁⠏⠓⠽⠲ ⠠⠩⠑ ⠓⠕⠇⠙⠎ ⠁ ⠠⠏⠓⠲⠠⠙⠲ ⠔ ⠛⠑⠕⠛⠗⠁⠏⠓⠽ ⠋ ⠠⠜⠊⠵⠕⠝⠁ ⠠⠌⠁⠞⠑ ⠠⠥⠝⠊⠧⠻⠎⠰⠽⠲ ⠠⠔                 ⠼⠁⠊⠊⠊ ⠠⠙⠗⠲ ⠠⠍⠊⠽⠜⠑⠎ ⠴ ⠮ ⠗⠑⠉⠊⠏⠊⠢⠞ ⠷⠮ ⠠⠓⠥⠝⠞⠻ ⠠⠉⠕⠇⠇⠑⠛⠑ ⠠⠏⠻⠿⠍⠨⠑ ⠠⠑⠭⠉⠑⠇⠇⠰⠑                 ⠠⠁⠺⠜⠙ ⠿ ⠑⠭⠉⠑⠇⠇⠰⠑ ⠔ ⠞⠂⠡⠬⠂ ⠗⠑⠎⠑⠜⠡⠂ ⠎⠡⠕⠇⠜⠇⠽ ⠺⠗⠊⠞⠬⠂ ⠯ ⠎⠻⠧⠊⠉⠑⠲</p>
+            <p>⠠⠍⠜⠅ ⠠⠉⠲ ⠠⠎⠡⠥⠛ ⠊⠎ ⠙⠊⠗⠑⠉⠞⠕⠗ ⠷⠮ ⠠⠥⠝⠊⠧⠻⠎⠰⠽ ⠷ ⠠⠺⠊⠎⠉⠕⠝⠎⠔⠤⠠⠍⠊⠇⠺⠁⠥⠅⠑⠑ ⠠⠉⠢⠞⠻ ⠿                 ⠠⠑⠉⠕⠝⠕⠍⠊⠉ ⠠⠫⠥⠉⠠⠝⠲ ⠠⠁ ⠼⠉⠚⠤⠽⠑⠜ ⠧⠑⠞⠻⠁⠝ ⠷ ⠍⠊⠲⠇⠑ ⠎⠡⠕⠕⠇⠂ ⠓⠊⠣ ⠎⠡⠕⠕⠇⠂ ⠯ ⠥⠝⠊⠧⠻⠎⠰⠽                 ⠉⠇⠁⠎⠎⠗⠕⠕⠍⠎⠂ ⠠⠙⠗⠲ ⠠⠎⠡⠥⠛ ⠓⠁⠎ ⠃⠑⠢ ⠉⠊⠞⠫ ⠿ ⠑⠭⠉⠑⠇⠇⠰⠑ ⠔ ⠞⠂⠡⠬ ⠴⠮ ⠠⠥⠝⠊⠧⠻⠎⠰⠽ ⠷                 ⠠⠺⠊⠎⠉⠕⠝⠎⠔⠤⠠⠍⠊⠇⠺⠁⠥⠅⠑⠑ ⠯⠮ ⠠⠍⠔⠝⠑⠎⠕⠞⠁ ⠠⠉⠳⠝⠉⠊⠇ ⠕⠝ ⠠⠑⠉⠕⠝⠕⠍⠊⠉ ⠠⠫⠥⠉⠠⠝⠲ ⠠⠔ ⠁⠲⠊⠰⠝ ⠖⠉⠕⠁⠥⠹⠕⠗⠬ ⠑⠊⠣⠞ ⠝⠠⠝⠁⠇ ⠑⠉⠕⠝⠕⠍⠊⠉⠎ ⠉⠥⠗⠗⠊⠉⠥⠇⠥⠍ ⠏⠗⠕⠛⠗⠁⠍⠎⠂ ⠠⠙⠗⠲ ⠠⠎⠡⠥⠛ ⠓⠁⠎ ⠎⠏⠕⠅⠢ ⠕⠝                 ⠑⠉⠕⠝⠕⠍⠊⠉ ⠊⠎⠎⠥⠑⠎ ⠖⠁⠥⠙⠊⠰⠑⠎ ⠐⠹⠳⠞ ⠮ ⠸⠺⠲ ⠠⠙⠗⠲ ⠠⠎⠡⠥⠛ ⠫⠊⠞⠫ ⠠⠮ ⠠⠎⠢⠊⠕⠗                 ⠠⠑⠉⠕⠝⠕⠍⠊⠌ ⠿⠮ ⠠⠝⠠⠝⠁⠇ ⠠⠉⠳⠝⠉⠊⠇ ⠿ ⠠⠑⠉⠕⠝⠕⠍⠊⠉⠎ ⠠⠫⠥⠉⠠⠝ ⠋ ⠼⠁⠊⠓⠋ ⠖⠼⠁⠊⠊⠋⠲</p>
+            <p>⠠⠡⠜⠇⠑⠎ ⠠⠎⠲ ⠠⠱⠊⠞⠑ ⠊⠎ ⠁⠎⠎⠕⠉⠊⠁⠞⠑ ⠏⠗⠕⠋⠑⠎⠎⠕⠗ ⠔ ⠮ ⠠⠎⠡⠕⠕⠇ ⠷ ⠠⠫⠥⠉⠠⠝ ⠁⠞ ⠠⠃⠕⠌⠕⠝                 ⠠⠥⠝⠊⠧⠻⠎⠰⠽⠂ ⠐⠱ ⠓⠑ ⠞⠂⠡⠑⠎ ⠍⠑⠹⠕⠙⠎ ⠷ ⠔⠌⠗⠥⠉⠰⠝ ⠔ ⠎⠕⠉⠊⠁⠇ ⠌⠥⠙⠊⠑⠎⠲ ⠠⠙⠗⠲ ⠠⠱⠊⠞⠑ ⠓⠁⠎                 ⠺⠗⠊⠞⠞⠢ ⠯ ⠎⠏⠕⠅⠢ ⠑⠭⠞⠢⠎⠊⠧⠑⠇⠽ ⠕⠝ ⠮ ⠗⠕⠇⠑ ⠷ ⠞⠑⠡⠝⠕⠇⠕⠛⠽ ⠔ ⠎⠕⠉⠊⠁⠇ ⠌⠥⠙⠊⠑⠎                 ⠫⠥⠉⠠⠝⠲ ⠠⠓⠑ ⠓⠁⠎ ⠗⠉⠧⠙ ⠝⠥⠍⠻⠳⠎ ⠁⠺⠜⠙⠎ ⠿ ⠦ ⠎⠡⠕⠇⠜⠩⠊⠏⠂ ⠔⠉⠇⠥⠙⠬ ⠮ ⠼⠁⠊⠊⠑                 ⠠⠋⠫⠻⠁⠇ ⠠⠙⠑⠎⠊⠛⠝ ⠠⠁⠡⠊⠑⠧⠑⠰⠞ ⠠⠁⠺⠜⠙ ⠋ ⠮ ⠠⠝⠠⠝⠁⠇ ⠠⠢⠙⠪⠰⠞ ⠿⠮ ⠠⠜⠞⠎⠂ ⠿⠮                 ⠠⠞⠂⠡⠬ ⠾ ⠠⠓⠊⠌⠕⠗⠊⠉ ⠠⠏⠇⠁⠉⠑⠎ ⠏⠗⠕⠚⠑⠉⠞⠲ ⠠⠔ ⠼⠁⠊⠊⠛⠂ ⠠⠙⠗⠲ ⠠⠱⠊⠞⠑ ⠞⠁⠥⠣⠞ ⠦ ⠠⠍⠕⠙⠑⠇⠎ ⠷                 ⠠⠞⠂⠡⠬ ⠙⠕⠉⠞⠕⠗⠁⠇ ⠉⠳⠗⠎⠑ ⠁⠞ ⠮ ⠠⠥⠝⠊⠧⠻⠎⠊⠙⠁⠙ ⠠⠎⠁⠝ ⠠⠋⠗⠁⠝⠉⠊⠎⠉⠕ ⠙⠑ ⠠⠟⠥⠊⠞⠕⠂ ⠠⠑⠉⠥⠁⠙⠕⠗⠲</p>
+
+                <p>⠠⠉⠕⠏⠽⠐⠗ ⠘⠉ ⠼⠃⠚⠚⠉ ⠴⠠⠍⠉⠠⠙⠳⠛⠁⠇ ⠠⠇⠊⠞⠞⠑⠇⠇⠂ ⠁ ⠙⠊⠧⠊⠨⠝ ⠷ ⠠⠓⠐⠳⠕⠝ ⠠⠍⠊⠖⠇⠔ ⠠⠤⠏⠁⠝⠽⠲ ⠠⠁⠇⠇                     ⠐⠗⠎ ⠗⠑⠎⠻⠧⠫⠲</p>
+                <p>⠠⠮ ⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗ ⠎⠻⠧⠊⠉⠑ ⠍⠜⠅ ⠓⠁⠎ ⠃⠑⠢ ⠇⠊⠉⠢⠎⠫ ⠴⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗ ⠿ ⠥⠎⠑ ⠿ ⠉⠻⠞⠁⠔                     ⠏⠥⠗⠏⠕⠎⠑⠎ ⠴⠠⠍⠉⠠⠙⠳⠛⠁⠇ ⠠⠇⠊⠞⠞⠑⠇⠇⠂ ⠁ ⠙⠊⠧⠊⠨⠝ ⠷ ⠠⠓⠐⠳⠕⠝ ⠠⠍⠊⠖⠇⠔ ⠠⠤⠏⠁⠝⠽⠲ ⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗                     ⠡⠜⠞⠎⠂ ⠜⠞⠊⠉⠇⠑⠎⠂ ⠯ ⠏⠓⠕⠞⠕⠛⠗⠁⠏⠓⠎ ⠔⠉⠕⠗⠏⠕⠗⠁⠞⠫ ⠔ ⠘⠮ ⠗⠂⠙⠬ ⠍⠁⠞⠻⠊⠁⠇⠎ ⠜⠑                     ⠲⠏⠇⠁⠽⠫ ⠿ ⠔⠿⠍⠠⠝⠁⠇ ⠯ ⠏⠗⠕⠍⠕⠰⠝⠁⠇ ⠏⠥⠗⠏⠕⠎⠑⠎ ⠕⠝⠇⠽⠲ ⠠⠮ ⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗                     ⠡⠜⠞⠎⠂ ⠜⠞⠊⠉⠇⠑⠎⠂ ⠯ ⠏⠓⠕⠞⠕⠛⠗⠁⠏⠓⠎ ⠔⠉⠕⠗⠏⠕⠗⠁⠞⠫ ⠐⠓⠔ ⠜⠑ ⠎⠕⠇⠑⠇⠽ ⠿ ⠏⠗⠊⠧⠁⠞⠑⠂                     ⠏⠻⠎⠕⠝⠁⠇⠂ ⠯ ⠝⠕⠝⠉⠕⠍⠍⠻⠉⠊⠁⠇ ⠥⠎⠑⠲ ⠠⠁⠝⠽ ⠕⠮⠗ ⠥⠎⠑ ⠷⠮ ⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗ ⠡⠜⠞⠎⠂                     ⠜⠞⠊⠉⠇⠑⠎⠂ ⠯ ⠏⠓⠕⠞⠕⠛⠗⠁⠏⠓⠎ ⠔⠉⠕⠗⠏⠕⠗⠁⠞⠫ ⠐⠓⠔⠂ ⠾⠳⠞ ⠏⠗⠊⠕⠗ ⠑⠭⠏⠗⠑⠎⠎ ⠺⠗⠊⠞⠞⠢                     ⠏⠻⠍⠊⠎⠨⠝ ⠷ ⠠⠠⠥⠎⠁ ⠠⠠⠞⠕⠐⠙⠘⠗⠂ ⠊⠎ ⠌⠗⠊⠉⠞⠇⠽ ⠏⠗⠕⠓⠊⠃⠊⠞⠫⠲</p>
+                <p>⠠⠍⠁⠏⠎ ⠕⠝ ⠏⠁⠛⠑⠎ ⠠⠁⠼⠁⠤⠠⠁⠼⠃⠑ ⠘⠉ ⠠⠗⠯ ⠠⠍⠉⠠⠝⠠⠽ ⠈⠯ ⠠⠤⠏⠁⠝⠽⠲ ⠠⠁⠇⠇ ⠐⠗⠎ ⠗⠑⠎⠻⠧⠫⠲</p>
+                <p>⠠⠝⠕ ⠐⠏ ⠷ ⠹ ⠐⠺ ⠍⠁⠽ ⠆ ⠗⠑⠏⠗⠕⠙⠥⠉⠫ ⠕⠗ ⠞⠗⠁⠝⠎⠍⠊⠞⠞⠫ ⠔ ⠁⠝⠽ ⠿⠍ ⠕⠗ ⠴⠁⠝⠽                     ⠍⠂⠝⠎⠂ ⠑⠇⠑⠉⠞⠗⠕⠝⠊⠉ ⠕⠗ ⠍⠑⠡⠁⠝⠊⠉⠁⠇⠂ ⠔⠉⠇⠥⠙⠬ ⠏⠓⠕⠞⠕⠉⠕⠏⠽⠬ ⠯ ⠗⠑⠉⠕⠗⠙⠬⠂ ⠕⠗ ⠴⠁⠝⠽                     ⠔⠿⠍⠠⠝ ⠌⠕⠗⠁⠛⠑ ⠕⠗ ⠗⠑⠞⠗⠊⠑⠧⠁⠇ ⠎⠽⠌⠑⠍ ⠾⠳⠞ ⠮ ⠏⠗⠊⠕⠗ ⠺⠗⠊⠞⠞⠢ ⠏⠻⠍⠊⠎⠨⠝ ⠷                     ⠠⠍⠉⠠⠙⠳⠛⠁⠇ ⠠⠇⠊⠞⠞⠑⠇⠇⠂ ⠁ ⠙⠊⠧⠊⠨⠝ ⠷ ⠠⠓⠐⠳⠕⠝ ⠠⠍⠊⠖⠇⠔ ⠠⠤⠏⠁⠝⠽⠂ ⠥⠝⠨⠎ ⠎⠡ ⠉⠕⠏⠽⠬ ⠊⠎                     ⠑⠭⠏⠗⠑⠎⠎⠇⠽ ⠏⠻⠍⠊⠞⠞⠫ ⠴⠋⠫⠻⠁⠇ ⠉⠕⠏⠽⠐⠗ ⠇⠁⠺⠲ ⠠⠎⠢⠙ ⠔⠟⠥⠊⠗⠊⠑⠎ ⠖⠠⠍⠁⠝⠁⠛⠻⠂ ⠠⠐⠗⠎                     ⠯ ⠠⠏⠻⠍⠊⠎⠨⠝⠎⠂ ⠠⠍⠉⠠⠙⠳⠛⠁⠇ ⠠⠇⠊⠞⠞⠑⠇⠇⠂ ⠁ ⠙⠊⠧⠊⠨⠝ ⠷ ⠠⠓⠐⠳⠕⠝ ⠠⠍⠊⠖⠇⠔ ⠠⠤⠏⠁⠝⠽⠂ ⠠⠏⠲⠠⠕⠲                     ⠠⠃⠕⠭ ⠼⠁⠋⠋⠛⠂ ⠠⠑⠧⠁⠝⠌⠕⠝⠂ ⠠⠠⠊⠇ ⠼⠋⠚⠃⠚⠙⠲</p>
+                <p>⠠⠁⠉⠐⠅⠇⠫⠛⠰⠞⠎ ⠆⠛⠔ ⠕⠝ ⠏⠁⠛⠑ ⠰⠠⠗⠼⠑⠚⠲</p>
+                <p>⠠⠠⠊⠎⠃⠝ ⠼⠚⠤⠋⠁⠓⠤⠁⠋⠓⠙⠁⠤⠊</p>
+                <p>
+                    <span>⠠⠏⠗⠔⠞⠫ ⠔ ⠮ ⠠⠥⠝⠊⠞⠫ ⠠⠌⠁⠞⠑⠎ ⠷ ⠠⠁⠍⠻⠊⠉⠁</span>
+                    <br/>
+                    <span>⠼⠙ ⠼⠑ ⠼⠋ ⠼⠛ ⠼⠓ ⠼⠊⠤⠤⠠⠠⠧⠚⠍⠤⠤⠼⠚⠛ ⠼⠚⠋ ⠼⠚⠑ ⠼⠚⠙ ⠼⠚⠉</span>
+                    <br/>
+                </p>
+
+        </section>
+    </body>
+</html>

epub_content/WCAG-ch1/EPUB/xhtml/toc.xhtml

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="en" lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <title>Table of contents</title>
+        <link rel="stylesheet" type="text/css" href="../css/default.css" />
+    </head>
+    <body>
+        <nav epub:type="toc">
+            <h1>Table of contents</h1>
+            <ol>
+                <li><a href="WCAG-ch1-1.xhtml#d18656e11">World Cultures and Geography</a><ol></ol></li>
+                <li><a href="WCAG-ch1-1.xhtml#d18656e22">Senior Consultants</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#d18656e63">UNIT 1 - INTRODUCTION TO WORLD CULTURES AND
+                        GEOGRAPHY</a><ol>
+                        <li><a href="WCAG-ch1-2.xhtml#d18656e91">CHAPTER 1 - Welcome to the World</a><ol>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e117">FOCUS ON GEOGRAPHY</a></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e136">READING SOCIAL STUDIES</a><ol>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e141">BEFORE YOU READ</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e169">READ AND TAKE NOTES</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e211">SECTION 1 - The World at Your
+                                        Fingertips</a><ol>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e273">The Peoples of the
+                                            World</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e278">Learning About the
+                                            World</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e291">History and Geography</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e336">The Five Themes of
+                                                       Geography</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e382">Government</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e398">Limited and
+                                                       Unlimited Governments</a></li>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e421">Citizenship</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e452">Economics</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e465">Resources</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e484">Kinds of Economics</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e499">Levels of
+                                                       Development</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e547">Culture</a><ol></ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e570">SECTION 1
+                                            ASSESSMENT</a><ol></ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e656">Interdisciplinary Challenge:
+                                                Investigate Your World</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e667">HISTORY/ECONOMICS
+                                                       CHALLENGE</a></li>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e695">LANGUAGE ARTS
+                                                       CHALLENGE</a></li>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e713">DATA FILE</a></li>
+                                            </ol></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e778">SECTION 2 - Many Regions, Many
+                                        Cultures</a><ol>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e819">Different Places, Different
+                                                Cultures</a><ol>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e852">The World's Culture
+                                                       Regions</a><ol></ol></li>
+                                                <li><a href="WCAG-ch1-2.xhtml#d18656e887">Culture Regions
+                                                       Change</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e907">SECTION 2
+                                            ASSESSMENT</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e972">SKILLBUILDER: Reading a Time Zone
+                                        Map</a><ol>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e977">Defining the Skill</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e982">Applying the Skill</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e1014">Practicing the
+                                            Skill</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e1019">LITERATURE
+                                    CONNECTIONS</a><ol></ol></li>
+                                <li><a href="WCAG-ch1-2.xhtml#d18656e1086">CHAPTER 1 - ASSESSMENT</a><ol>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e1162">Visual Summary</a></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e1175">SOCIAL STUDIES
+                                                SKILLBUILDER</a><ol></ol></li>
+                                        <li><a href="WCAG-ch1-2.xhtml#d18656e1191">FOCUS ON
+                                            GEOGRAPHY</a><ol></ol></li>
+                                    </ol></li>
+                            </ol></li>
+                    </ol></li>
+            </ol>
+        </nav>
+        <nav epub:type="page-list" hidden="">
+            <h1>List of pages</h1>
+            <ol>
+                <li><a href="WCAG-ch1-1.xhtml#piv">iv</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p2">2</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p3">3</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p14">14</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p15">15</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p16">16</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p17">17</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p18">18</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p19">19</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p20">20</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p21">21</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p22">22</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p23">23</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p24">24</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p25">25</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p26">26</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p27">27</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p28">28</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p29">29</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p30">30</a></li>
+                <li><a href="WCAG-ch1-2.xhtml#p31">31</a></li>
+            </ol>
+        </nav>
+    </body>
+</html>

epub_content/WCAG-ch1/EPUB/xhtml/toc_braille.xhtml

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:base="file:/Users/bert/src/ties/src/braille-rendition-epub/tmp/output-dir/WCAG-ch1_braille.epub!/EPUB/xhtml/toc_braille.xhtml" xml:lang="en" lang="en">
+    <head><meta charset="UTF-8"/><title/></head>
+    <body>
+        <nav epub:type="toc">
+            <h1>⠠⠞⠁⠼ ⠷ ⠒⠞⠢⠞⠎</h1>
+            <ol>
+                <li><a href="WCAG-ch1-1_braille.xhtml#d18656e11">⠠⠸⠺ ⠠⠉⠥⠇⠞⠥⠗⠑⠎ ⠯ ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a><ol/></li>
+                <li><a href="WCAG-ch1-1_braille.xhtml#d18656e22">⠠⠎⠢⠊⠕⠗ ⠠⠒⠎⠥⠇⠞⠁⠝⠞⠎</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e63">⠠⠠⠥⠝⠊⠞ ⠼⠁⠤⠤⠠⠠⠔⠞⠗⠕⠙⠥⠉⠰⠝ ⠠⠠⠖⠠⠠⠸⠺ ⠠⠠⠉⠥⠇⠞⠥⠗⠑⠎ ⠠⠠⠯                         ⠠⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a><ol>
+                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e91">⠠⠠⠡⠁⠏⠞⠻ ⠼⠁⠤⠤⠠⠺⠑⠇⠉⠕⠍⠑ ⠖⠮ ⠠⠸⠺</a><ol>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e117">⠠⠠⠋⠕⠉⠥⠎ ⠠⠠⠕⠝ ⠠⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e136">⠠⠠⠗⠂⠙⠬ ⠠⠠⠎⠕⠉⠊⠁⠇ ⠠⠠⠌⠥⠙⠊⠑⠎</a><ol>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e141">⠠⠠⠆⠋ ⠠⠠⠽ ⠠⠠⠗⠂⠙</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e169">⠠⠠⠗⠂⠙ ⠠⠠⠯ ⠠⠠⠞⠁⠅⠑ ⠠⠠⠝⠕⠞⠑⠎</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e211">⠠⠠⠎⠑⠉⠰⠝ ⠼⠁⠤⠤⠠⠮ ⠠⠸⠺ ⠁⠞ ⠠⠽⠗                                         ⠠⠋⠬⠻⠞⠊⠏⠎</a><ol>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e273">⠠⠮ ⠠⠏⠑⠕⠏⠇⠑⠎ ⠷⠮                                             ⠠⠸⠺</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e278">⠠⠇⠑⠜⠝⠬ ⠠⠁⠃ ⠮                                             ⠠⠸⠺</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e291">⠠⠓⠊⠌⠕⠗⠽ ⠯ ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e336">⠠⠮ ⠠⠋⠊⠧⠑ ⠠⠮⠍⠑⠎ ⠷                                                        ⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e382">⠠⠛⠕⠧⠻⠝⠰⠞</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e398">⠠⠇⠊⠍⠊⠞⠫ ⠯                                                        ⠠⠥⠝⠇⠊⠍⠊⠞⠫ ⠠⠛⠕⠧⠻⠝⠰⠞⠎</a></li>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e421">⠠⠉⠊⠞⠊⠵⠢⠩⠊⠏</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e452">⠠⠑⠉⠕⠝⠕⠍⠊⠉⠎</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e465">⠠⠗⠑⠎⠳⠗⠉⠑⠎</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e484">⠠⠅⠔⠙⠎ ⠷ ⠠⠑⠉⠕⠝⠕⠍⠊⠉⠎</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e499">⠠⠇⠑⠧⠑⠇⠎ ⠷                                                        ⠠⠙⠑⠧⠑⠇⠕⠏⠰⠞</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e547">⠠⠉⠥⠇⠞⠥⠗⠑</a><ol/></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e570">⠠⠠⠎⠑⠉⠰⠝ ⠼⠁                                             ⠠⠠⠁⠎⠎⠑⠎⠎⠰⠞</a><ol/></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e656">⠠⠔⠞⠻⠙⠊⠎⠉⠊⠏⠇⠔⠜⠽ ⠠⠡⠁⠇⠇⠢⠛⠑⠒                                                 ⠠⠔⠧⠑⠌⠊⠛⠁⠞⠑ ⠠⠽⠗ ⠠⠸⠺</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e667">⠠⠠⠓⠊⠌⠕⠗⠽⠸⠌⠠⠠⠑⠉⠕⠝⠕⠍⠊⠉⠎                                                        ⠠⠠⠡⠁⠇⠇⠢⠛⠑</a></li>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e695">⠠⠠⠇⠁⠝⠛⠥⠁⠛⠑ ⠠⠠⠜⠞⠎                                                        ⠠⠠⠡⠁⠇⠇⠢⠛⠑</a></li>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e713">⠠⠠⠙⠁⠞⠁ ⠠⠠⠋⠊⠇⠑</a></li>
+                                            </ol></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e778">⠠⠠⠎⠑⠉⠰⠝ ⠼⠃⠤⠤⠠⠸⠍ ⠠⠗⠑⠛⠊⠕⠝⠎⠂ ⠠⠸⠍                                         ⠠⠉⠥⠇⠞⠥⠗⠑⠎</a><ol>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e819">⠠⠙⠊⠖⠻⠢⠞ ⠠⠏⠇⠁⠉⠑⠎⠂ ⠠⠙⠊⠖⠻⠢⠞                                                 ⠠⠉⠥⠇⠞⠥⠗⠑⠎</a><ol>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e852">⠠⠮ ⠠⠸⠺⠄⠎ ⠠⠉⠥⠇⠞⠥⠗⠑                                                        ⠠⠗⠑⠛⠊⠕⠝⠎</a><ol/></li>
+                                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e887">⠠⠉⠥⠇⠞⠥⠗⠑ ⠠⠗⠑⠛⠊⠕⠝⠎                                                        ⠠⠡⠁⠝⠛⠑</a></li>
+                                            </ol></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e907">⠠⠠⠎⠑⠉⠰⠝ ⠼⠃                                             ⠠⠠⠁⠎⠎⠑⠎⠎⠰⠞</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e972">⠠⠠⠎⠅⠊⠇⠇⠃⠥⠊⠇⠙⠻⠒ ⠠⠗⠂⠙⠬ ⠁ ⠠⠐⠞ ⠠⠵⠐⠕                                         ⠠⠍⠁⠏</a><ol>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e977">⠠⠙⠑⠋⠔⠬ ⠮ ⠠⠎⠅⠊⠇⠇</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e982">⠠⠁⠏⠏⠇⠽⠬ ⠮ ⠠⠎⠅⠊⠇⠇</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1014">⠠⠏⠗⠁⠉⠞⠊⠉⠬ ⠮                                             ⠠⠎⠅⠊⠇⠇</a></li>
+                                    </ol></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1019">⠠⠠⠇⠊⠞⠻⠁⠞⠥⠗⠑                                     ⠠⠠⠒⠝⠑⠉⠰⠝⠎</a><ol/></li>
+                                <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1086">⠠⠠⠡⠁⠏⠞⠻ ⠼⠁⠤⠤⠠⠠⠁⠎⠎⠑⠎⠎⠰⠞</a><ol>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1162">⠠⠧⠊⠎⠥⠁⠇ ⠠⠎⠥⠍⠍⠜⠽</a></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1175">⠠⠠⠎⠕⠉⠊⠁⠇ ⠠⠠⠌⠥⠙⠊⠑⠎                                                 ⠠⠠⠎⠅⠊⠇⠇⠃⠥⠊⠇⠙⠻</a><ol/></li>
+                                        <li><a href="WCAG-ch1-2_braille.xhtml#d18656e1191">⠠⠠⠋⠕⠉⠥⠎ ⠠⠠⠕⠝                                             ⠠⠠⠛⠑⠕⠛⠗⠁⠏⠓⠽</a><ol/></li>
+                                    </ol></li>
+                            </ol></li>
+                    </ol></li>
+            </ol>
+        </nav>
+        <nav epub:type="page-list" hidden="">
+            <h1>⠠⠇⠊⠌ ⠷ ⠏⠁⠛⠑⠎</h1>
+            <ol>
+                <li><a href="WCAG-ch1-1_braille.xhtml#piv">⠊⠧</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p2">⠼⠃</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p3">⠼⠉</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p14">⠼⠁⠙</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p15">⠼⠁⠑</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p16">⠼⠁⠋</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p17">⠼⠁⠛</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p18">⠼⠁⠓</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p19">⠼⠁⠊</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p20">⠼⠃⠚</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p21">⠼⠃⠁</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p22">⠼⠃⠃</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p23">⠼⠃⠉</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p24">⠼⠃⠙</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p25">⠼⠃⠑</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p26">⠼⠃⠋</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p27">⠼⠃⠛</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p28">⠼⠃⠓</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p29">⠼⠃⠊</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p30">⠼⠉⠚</a></li>
+                <li><a href="WCAG-ch1-2_braille.xhtml#p31">⠼⠉⠁</a></li>
+            </ol>
+        </nav>
+    </body>
+</html>

epub_content/WCAG-ch1/META-INF/container.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?><container xmlns="urn:oasis:names:tc:opendocument:xmlns:container" version="1.0"><rootfiles><rootfile full-path="EPUB/package.opf" media-type="application/oebps-package+xml"/>
+                <rootfile xmlns:rendition="http://www.idpf.org/2013/rendition" rendition:language="En-US" rendition:label="Pre-translated to braille" rendition:accessMode="tactile" media-type="application/oebps-package+xml" full-path="EPUB/package-braille.opf"/>
+            </rootfiles>
+                <link href="EPUB/renditionMapping.html" rel="mapping" media-type="application/xhtml+xml"/>
+            </container>

epub_content/WCAG-ch1/META-INF/metadata.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<metadata xmlns="http://www.idpf.org/2007/opf"
+          xmlns:dcterms="http://purl.org/dc/terms/"
+          unique-identifier="d21041e30">
+   <dc:identifier xmlns:dc="http://purl.org/dc/elements/1.1/" id="d21041e30">41f1328c-0571-4e71-8be8-e65bc148281a</dc:identifier>
+   <dc:type xmlns:dc="http://purl.org/dc/elements/1.1/">edupub</dc:type>
+   <meta xmlns:dc="http://purl.org/dc/elements/1.1/" property="dcterms:modified">2015-08-24T17:13:03Z</meta>
+</metadata>

epub_content/WCAG-ch1/mimetype

@@ -0,0 +1 @@
+application/epub+zip

src/i18n/_locales/en_US/messages.json

@@ -301,7 +301,53 @@
   "i18n_scroll_mode_continuous" : {
     "message" : "Continuous"
   },
-
+
+  "i18n_multipleRenditions" : {
+    "message" : "Renditions"
+  },
+  "i18n_multipleRenditionsList" : {
+    "message" : "AVAILABLE RENDITIONS"
+  },
+  "i18n_multipleRenditionsSelect" : {
+    "message" : "Pick values"
+  },
+
+  "i18n_renditionsAccessMode" : {
+    "message" : "ACCESS MODE"
+  },
+  "i18n_renditionsAccessMode_None" : {
+    "message" : "Default"
+  },
+  "i18n_renditionsAccessMode_Textual" : {
+    "message" : "Textual"
+  },
+  "i18n_renditionsAccessMode_Visual" : {
+    "message" : "Visual"
+  },
+  "i18n_renditionsAccessMode_Auditory" : {
+    "message" : "Auditory"
+  },
+  "i18n_renditionsAccessMode_Tactile" : {
+    "message" : "Tactile"
+  },
+
+  "i18n_renditionsLayout" : {
+    "message" : "LAYOUT"
+  },
+  "i18n_renditionsLayout_None" : {
+    "message" : "Default"
+  },
+  "i18n_renditionsLayout_Reflowable" : {
+    "message" : "Reflowable"
+  },
+  "i18n_renditionsLayout_Prepaginated" : {
+    "message" : "Pre-paginated"
+  },
+
+  "i18n_renditionsLanguage" : {
+    "message" : "LANGUAGE"
+  },
+
   "i18n_page_transition" : {
     "message" : "PAGE EFFECTS"
   },

src/js/EpubReader.js

@@ -76,6 +76,8 @@ BookmarkData){
     // (bad naming convention, hard to find usages of "el")
     var el = document.documentElement;
 
+    var _renditionSelection = undefined;
+
     var tooltipSelector = function() {
         return 'nav *[title], #readium-page-btns *[title]';
     };
@@ -157,6 +159,34 @@ BookmarkData){
     // This function will retrieve a package document and load an EPUB
     var loadEbook = function (readerSettings, openPageRequest) {
 
+        _renditionSelection = {
+            renditionLanguage: readerSettings.renditionSelectionLanguage,
+            renditionAccessMode: readerSettings.renditionSelectionAccessMode,
+            renditionLayout: readerSettings.renditionSelectionLayout,
+            renditionReload: _.debounce(function() {
+
+                console.debug("renditionMediaQueryCallback");
+
+                var urlParams = Helpers.getURLQueryParams();
+                //var ebookURL = urlParams['epub'];
+                var libraryURL = urlParams['epubs'];
+                //var embedded = urlParams['embedded'];
+
+                var data = {
+                    embedded: embedded,
+                    epub: ebookURL,
+                    epubs: libraryURL
+                };
+
+                console.debug("embedded: " + embedded);
+                console.debug("epub: " + ebookURL_filepath);
+                console.debug("epubs: " + libraryURL);
+
+                unloadReaderUI();
+                applyKeyboardSettingsAndLoadUi(data);
+            }, 500, false)
+        };
+
         readium.openPackageDocument(
 
             ebookURL,
@@ -196,14 +226,18 @@ BookmarkData){
                 }));
                 $("#left-page-btn").on("click", prevPage);
                 $("#right-page-btn").on("click", nextPage);
+
+                SettingsDialog.updateMultipleRenditions(readium.reader.getMultipleRenditions(), _renditionSelection);
+
                 $("#left-page-btn").mouseleave(function() {
                   $(tooltipSelector()).tooltip('destroy');
                 });
                 $("#right-page-btn").mouseleave(function() {
                   $(tooltipSelector()).tooltip('destroy');
                 });
             },
-            openPageRequest
+            openPageRequest,
+            _renditionSelection
         );
     };
 
@@ -758,6 +792,16 @@ BookmarkData){
     var savePlace = function(){
 
         var bookmarkString = readium.reader.bookmarkCurrentPage();
+
+        var multipleRenditions = readium.reader.getMultipleRenditions();
+        if (multipleRenditions) {
+            var rendition = multipleRenditions.renditions[multipleRenditions.selectedIndex];
+
+            var bookMark = JSON.parse(bookmarkString);
+            bookMark["opf"] = rendition.opfPath;
+            bookmarkString = JSON.stringify(bookMark);
+        }
+
         // Note: automatically JSON.stringify's the passed value!
         // ... and bookmarkCurrentPage() is already JSON.toString'ed, so that's twice!
         Settings.put(ebookURL_filepath, bookmarkString, $.noop);
@@ -1155,14 +1199,18 @@ BookmarkData){
 
             _debugBookmarkData_goto = undefined;
             var openPageRequest;
-            if (settings[ebookURL_filepath]){
+
+            if (settings[ebookURL_filepath]) {
+
+                //see savePlace() which stores reader.bookmarkCurrentPage() at every PAGINATION_CHANGED event.
+
                 // JSON.parse() *first* because Settings.getMultiple() returns raw string values from the key/value store (unlike Settings.get()) 
                 var bookmark = JSON.parse(settings[ebookURL_filepath]);
                 // JSON.parse() a *second time* because the stored value is readium.reader.bookmarkCurrentPage(), which is JSON.toString'ed
                 bookmark = JSON.parse(bookmark);
                 if (bookmark && bookmark.idref) {
                     //console.log("Bookmark restore: " + JSON.stringify(bookmark));
-                    openPageRequest = {idref: bookmark.idref, elementCfi: bookmark.contentCFI};
+                    openPageRequest = {idref: bookmark.idref, elementCfi: bookmark.contentCFI, opfPath: bookmark.opf};
                     console.debug("Open request (bookmark): " + JSON.stringify(openPageRequest));
                 }
             }
@@ -1328,6 +1376,7 @@ BookmarkData){
             if (settings.reader){
                 readerSettings = settings.reader;
             }
+
             if (!embedded){
                 readerSettings = readerSettings || SettingsDialog.defaultSettings;
                 SettingsDialog.updateReader(readium.reader, readerSettings);

src/js/ReaderSettingsDialog.js

@@ -36,7 +36,7 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
         $previewText.addClass(newTheme);
         $previewText.attr('data-theme', newTheme);
     }
-
+    
     var updateReader = function(reader, readerSettings){
         reader.updateSettings(readerSettings); // triggers on pagination changed
 
@@ -49,7 +49,82 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
             $('#reading-area').css(bookStyles[0].declarations);
         }
     }
+
+    var setRenditionInfo = function(readerSettings) {
 
+        if (readerSettings.renditionSelectionAccessMode === "textual")
+        {
+            $('#renditions-AccessMode-textual-option input').prop('checked', true);
+        }
+        else if (readerSettings.renditionSelectionAccessMode === "visual")
+        {
+            $('#renditions-AccessMode-visual-option input').prop('checked', true);
+        }
+        else if (readerSettings.renditionSelectionAccessMode === "auditory")
+        {
+            $('#renditions-AccessMode-auditory-option input').prop('checked', true);
+        }
+        else if (readerSettings.renditionSelectionAccessMode === "tactile")
+        {
+            $('#renditions-AccessMode-tactile-option input').prop('checked', true);
+        }
+        else
+        {
+            $('#renditions-AccessMode-none-option input').prop('checked', true);
+        }
+
+        if (readerSettings.renditionSelectionLayout === "reflowable")
+        {
+            $('#renditions-Layout-reflowable-option input').prop('checked', true);
+        }
+        else if (readerSettings.renditionSelectionLayout === "pre-paginated")
+        {
+            $('#renditions-Layout-prepaginated-option input').prop('checked', true);
+        }
+        else
+        {
+            $('#renditions-Layout-none-option input').prop('checked', true);
+        }
+
+        if (!readerSettings.renditionSelectionLanguage || readerSettings.renditionSelectionLanguage === "")
+        {
+            $('#renditions-Language-text').val('');
+        }
+        else
+        {
+            $('#renditions-Language-text').val(readerSettings.renditionSelectionLanguage);
+        }
+    }
+
+    var updateMultipleRenditions = function(multipleRenditions, renditionSelection) {
+        var $list = $('#multipleRenditionsList');
+        $list.empty();
+
+        if (!multipleRenditions || !multipleRenditions.renditions) {
+            $list.html("");
+            return;
+        }
+
+        $list.data("renditions", multipleRenditions);
+        $list.data("renditionsSelection", renditionSelection);
+
+        for (var i = 0; i < multipleRenditions.renditions.length; i++) {
+            var rendition = multipleRenditions.renditions[i];
+            $list.append("<li style='border: 1px solid #ccbbcc;" + (i == multipleRenditions.selectedIndex ? "background-color:#ddddee;" : "") + "'>" + "<button style='float: right;' class='renditionSelect' id='renditionSelect_" + i + "' data-renditionIndex='"+i+"'>" + Strings.i18n_multipleRenditionsSelect + "</button>" + "<strong><u>Label</u>: </strong>" + (rendition.Label ? rendition.Label : "") + "<br/>" + "<strong>Layout: </strong>" + (rendition.Layout ? rendition.Layout : "") + "<br/>" + "<strong>Language: </strong>" + (rendition.Language ? rendition.Language : "") + "<br/>" + "<strong>AccessMode: </strong>" + (rendition.AccessMode ? rendition.AccessMode : "") + "<br/>" + "<strong>Media: </strong>" + (rendition.Media ? rendition.Media : "") + "<br/>" + "<strong>OPF: </strong>" + (rendition.opfPath ? rendition.opfPath : "") + "</li>");
+        }
+
+        $(".renditionSelect").on("click", function() {
+            var i = parseInt($(this).attr("data-renditionIndex"));
+            var rendition = $list.data("renditions").renditions[i];
+
+            setRenditionInfo({
+                renditionSelectionAccessMode: rendition.AccessMode,
+                renditionSelectionLayout: rendition.Layout,
+                renditionSelectionLanguage: rendition.Language
+            });
+        });
+    }
+
     var updateSliderLabels = function($slider, val, txt, label)
     {
         $slider.attr("aria-valuenow", val+"");
@@ -233,7 +308,9 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
                 {
                     $('#pageTransition-none-option input').prop('checked', true);
                 }
-
+
+                setRenditionInfo(readerSettings);
+
                 if (readerSettings.theme){
                     setPreviewTheme($previewText, readerSettings.theme);
                 }
@@ -283,6 +360,46 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
                 readerSettings.pageTransition = -1;
             }
 
+
+            if ($('#renditions-AccessMode-textual-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionAccessMode = "textual";
+            }
+            else if ($('#renditions-AccessMode-visual-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionAccessMode = "visual";
+            }
+            else if ($('#renditions-AccessMode-auditory-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionAccessMode = "auditory";
+            }
+            else if ($('#renditions-AccessMode-tactile-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionAccessMode = "tactile";
+            }
+            else
+            {
+                readerSettings.renditionSelectionAccessMode = "";
+            }
+
+            if ($('#renditions-Layout-reflowable-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionLayout = "reflowable";
+            }
+            else if ($('#renditions-Layout-prepaginated-option input').prop('checked'))
+            {
+                readerSettings.renditionSelectionLayout = "pre-paginated";
+            }
+            else
+            {
+                readerSettings.renditionSelectionLayout = "";
+            }
+
+            // TODO check input syntax? (IETF language tag + script subtag)
+            readerSettings.renditionSelectionLanguage = $('#renditions-Language-text').val();
+
+
+
             readerSettings.theme = $previewText.attr('data-theme');
             if (reader){
                updateReader(reader, readerSettings);
@@ -324,6 +441,15 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
                 setTimeout(function()
                 {
                     Keyboard.applySettings(json);
+
+                    var $list = $('#multipleRenditionsList');
+
+                    //var multipleRenditions = $list.data("renditions");
+                    var renditionSelection = $list.data("renditionsSelection");
+                    if (renditionSelection && renditionSelection.renditionReload) {
+                        renditionSelection.renditionReload();
+                    }
+
                 }, 100);
             });
         };
@@ -362,6 +488,7 @@ define(['./ModuleConfig', 'hgn!readium_js_viewer_html_templates/settings-dialog.
     return {
         initDialog : initDialog,
         updateReader : updateReader,
-        defaultSettings : defaultSettings
+        defaultSettings : defaultSettings,
+        updateMultipleRenditions : updateMultipleRenditions
     }
 });

src/templates/settings-dialog.html

@@ -10,11 +10,13 @@ <h4 class="modal-title" id="settings-label">{{strings.settings}}</h4>
            <button type="button" class="close" id="closeSettingsCross" data-dismiss="modal" title="{{strings.i18n_close}} {{strings.settings}}" aria-label="{{strings.i18n_close}} {{strings.settings}}"><span aria-hidden="true">&times;</span></button>
 
            <ul class="nav nav-tabs" role="tablist" aria-owns="tab-butt-style tab-butt-layout tab-butt-keys">
+
              <li class="active" role="presentation"><button id="tab-butt-style"  title="{{strings.style}}" aria-label="{{strings.style}}" role='tab' aria-controls="tab-style" data-toggle="tab" data-target="#tab-style" tabindex="0">{{strings.style}}</button></li>
              <li role="presentation"><button id="tab-butt-layout"  title="{{strings.layout}}" aria-label="{{strings.layout}}" role='tab' aria-controls="tab-layout" data-toggle="tab" data-target="#tab-layout" tabindex="-1">{{strings.layout}}</button></li>
              <li role="presentation"><button id="tab-butt-keys"  title="{{strings.i18n_keyboard_shortcuts}}" aria-label="{{strings.i18n_keyboard_shortcuts}}" role='tab' aria-controls="tab-keyboard" data-toggle="tab" data-target="#tab-keyboard" tabindex="-1">{{strings.i18n_keyboard_shortcuts}}</button></li>
-           </ul>
 
+             <li role="presentation"><button id="tab-butt-renditions"  title="{{strings.i18n_multipleRenditions}}" aria-label="{{strings.i18n_multipleRenditions}}" role='tab' aria-controls="tab-renditions" data-toggle="tab" data-target="#tab-renditions"  tabindex="-1">{{strings.i18n_multipleRenditions}}</button></li>
+		   </ul>
 
            <div class="tab-content">
                 <div id="tab-style" class="tab-pane active" role="tabpanel" aria-expanded="true">
@@ -25,8 +27,6 @@ <h5 aria-hidden="true">{{strings.preview}}</h5>
                     </div>
                 </div>
 
-<!-- button  type="button" title="TESTING" aria-label="TESTING">TESTING DANIEL</button -->
-
                     <h5 id="setting-header-font-size" class="setting-header">{{strings.i18n_font_size}}</h5>
                     <div class="row">
                         <div class="col-xs-2 icon-scale-down">
@@ -101,7 +101,7 @@ <h5 id="setting-header-display-legend" class="setting-header">{{strings.i18n_dis
 
                         <div role="radio" id="spread-default-option"
                         style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
-                            <input style=""  name="display-format" value="single" type="radio" id="spread-default-radio"/>
+                            <input style=""  name="display-format" value="auto" type="radio" id="spread-default-radio"/>
                             <label style="" for="spread-default-radio" class="underlinedLabel">
                                 {{strings.i18n_spread_auto}}
                             </label>
@@ -131,21 +131,21 @@ <h5 id="setting-header-scroll-legend" class="setting-header">{{strings.i18n_scro
                     <div role="radiogroup" class="row" style="width:100%;text-align:center;" aria-labelledby="setting-header-scroll-legend">
 
                         <div role="radio" id="scroll-default-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
-                            <input style=""  name="scrolling" value="single" type="radio" id="scroll-default-radio"/>
+                            <input style=""  name="scrolling" value="default" type="radio" id="scroll-default-radio"/>
                             <label style="" for="scroll-default-radio" class="underlinedLabel">
                                 {{strings.i18n_scroll_mode_auto}}
                             </label>
                         </div>
 
                         <div role="radio" id="scroll-doc-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
-                            <input style=""  name="scrolling" value="single" type="radio" id="scroll-doc-radio"/>
+                            <input style=""  name="scrolling" value="doc" type="radio" id="scroll-doc-radio"/>
                             <label style="" for="scroll-doc-radio" class="underlinedLabel">
                                 <span style="font-size:150%;color:#888888;" class="glyphicon glyphicon-file" aria-hidden="true"></span> {{strings.i18n_scroll_mode_doc}}
                             </label>
                         </div>
 
                         <div role="radio" id="scroll-continuous-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
-                            <input style=""  name="scrolling" value="single" type="radio" id="scroll-continuous-radio"/>
+                            <input style=""  name="scrolling" value="continuous" type="radio" id="scroll-continuous-radio"/>
                             <label style="" for="scroll-continuous-radio" class="underlinedLabel">
                                 <span style="font-size:150%;color:#888888;" class="glyphicon glyphicon-road" aria-hidden="true"></span> {{strings.i18n_scroll_mode_continuous}}
                             </label>
@@ -159,55 +159,132 @@ <h5 style="display:none;" hiddenx="hidden" id="setting-header-pageTransition-leg
                     <div style="display:none; width:100%;text-align:center;" hiddenx="hidden" role="radiogroup" class="row" aria-labelledby="setting-header-pageTransition-legend">
 
                         <div role="radio" id="pageTransition-none-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
-                            <input style=""  name="pageTransition" value="single" type="radio" id="pageTransition-none-radio"/>
+                            <input style=""  name="pageTransition" value="none" type="radio" id="pageTransition-none-radio"/>
                             <label style="" for="pageTransition-none-radio" class="underlinedLabel">
                                 {{strings.i18n_page_transition_none}}
                             </label>
                         </div>
 
                         <div role="radio" id="pageTransition-1-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
-                            <input style=""  name="pageTransition" value="single" type="radio" id="pageTransition-1-radio"/>
+                            <input style=""  name="pageTransition" value="trans1" type="radio" id="pageTransition-1-radio"/>
                             <label style="" for="pageTransition-1-radio" class="underlinedLabel">
                                 {{strings.i18n_page_transition_fade}}
                             </label>
                         </div>
 
                         <div role="radio" id="pageTransition-2-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
-                            <input style=""  name="pageTransition" value="single" type="radio" id="pageTransition-2-radio"/>
+                            <input style=""  name="pageTransition" value="trans2" type="radio" id="pageTransition-2-radio"/>
                             <label style="" for="pageTransition-2-radio" class="underlinedLabel">
                                 {{strings.i18n_page_transition_slide}}
                             </label>
                         </div>
 
                         <div role="radio" id="pageTransition-3-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
-                            <input style=""  name="pageTransition" value="single" type="radio" id="pageTransition-3-radio"/>
+                            <input style=""  name="pageTransition" value="trans3" type="radio" id="pageTransition-3-radio"/>
                             <label style="" for="pageTransition-3-radio" class="underlinedLabel">
                                 {{strings.i18n_page_transition_swoosh}}
                             </label>
                         </div>
 
                         <div role="radio" id="pageTransition-4-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
-                            <input style=""  name="pageTransition" value="single" type="radio" id="pageTransition-4-radio"/>
+                            <input style=""  name="pageTransition" value="trans4" type="radio" id="pageTransition-4-radio"/>
                             <label style="" for="pageTransition-4-radio" class="underlinedLabel">
                                 {{strings.i18n_page_transition_butterfly}}
                             </label>
                         </div>
+
+                    </div>
+                </div>
+
+				<div id="tab-renditions" class="tab-pane" role="tabpanel">
 
-
+                    <h5 id="setting-header-renditionsAccessMode-legend" class="setting-header">{{strings.i18n_renditionsAccessMode}}</h5>
+
+                    <div role="radiogroup" class="row" style="width:100%;text-align:center;" aria-labelledby="setting-header-renditionsAccessMode-legend">
+
+                        <div role="radio" id="renditions-AccessMode-none-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-AccessMode" value="none" type="radio" id="renditions-AccessMode-none-radio"/>
+                            <label style="" for="renditions-AccessMode-none-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsAccessMode_None}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-AccessMode-textual-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-AccessMode" value="textual" type="radio" id="renditions-AccessMode-textual-radio"/>
+                            <label style="" for="renditions-AccessMode-textual-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsAccessMode_Textual}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-AccessMode-visual-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-AccessMode" value="visual" type="radio" id="renditions-AccessMode-visual-radio"/>
+                            <label style="" for="renditions-AccessMode-visual-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsAccessMode_Visual}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-AccessMode-auditory-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-AccessMode" value="auditory" type="radio" id="renditions-AccessMode-auditory-radio"/>
+                            <label style="" for="renditions-AccessMode-auditory-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsAccessMode_Auditory}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-AccessMode-tactile-option" style="vertical-align:middle;width:15%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-AccessMode" value="tactile" type="radio" id="renditions-AccessMode-tactile-radio"/>
+                            <label style="" for="renditions-AccessMode-tactile-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsAccessMode_Tactile}}
+                            </label>
+                        </div>
                     </div>
+
 
+                    <h5 id="setting-header-renditionsLayout-legend" class="setting-header">{{strings.i18n_renditionsLayout}}</h5>
+
+                    <div role="radiogroup" class="row" style="width:100%;text-align:center;" aria-labelledby="setting-header-renditionsLayout-legend">
+
+                        <div role="radio" id="renditions-Layout-none-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-Layout" value="none" type="radio" id="renditions-Layout-none-radio"/>
+                            <label style="" for="renditions-Layout-none-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsLayout_None}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-Layout-reflowable-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-Layout" value="reflowable" type="radio" id="renditions-Layout-reflowable-radio"/>
+                            <label style="" for="renditions-Layout-reflowable-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsLayout_Reflowable}}
+                            </label>
+                        </div>
+
+                        <div role="radio" id="renditions-Layout-prepaginated-option" style="vertical-align:middle;width:30%;display:inline-block;position:relative;">
+                            <input style=""  name="renditions-Layout" value="prepaginated" type="radio" id="renditions-Layout-prepaginated-radio"/>
+                            <label style="" for="renditions-Layout-prepaginated-radio" class="underlinedLabel">
+                                {{strings.i18n_renditionsLayout_Prepaginated}}
+                            </label>
+                        </div>
 
                     </div>
-                    <div id="tab-keyboard" class="tab-pane" role="tabpanel">
+
+                    <h5 id="setting-header-renditionsLanguage-legend" class="setting-header" style="display: inline-block;">{{strings.i18n_renditionsLanguage}}</h5>
+                    <input style="display: inline-block; width: 5em; margin-left: 1em" type="text" id="renditions-Language-text" aria-labelledby="setting-header-renditionsLanguage-legend"/>
+
+
+					<h5 id="setting-header-renditionsList-legend" class="setting-header">{{strings.i18n_multipleRenditionsList}}</h5>
+
+                    <ol id="multipleRenditionsList" class="row" style="width: 100%; text-align: left;" aria-labelledby="setting-header-renditionsList-legend">
+
 
+                    </ol>
+                </div>
+
+				<div id="tab-keyboard" class="tab-pane" role="tabpanel">
                     <div class="row" style="position:relative;">
-
                         <div id="invalid_keyboard_shortcut_ALERT"></div>
 
                         <ul id="keyboard-list">
                         </ul>
                     </div>
-                     </div>
                 </div>
             </div>
             <div class="modal-footer">