Add missing Fluidbook HTML5 audio description files (part 1 of 2).

diff --git a/fluidbook/icones/interface/interface-audio-description-off.svg b/fluidbook/icones/interface/interface-audio-description-off.svg
new file mode 100644 (file)
index 0000000..2160bcb
--- /dev/null
+++ b/fluidbook/icones/interface/interface-audio-description-off.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+        viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">\r
+<style type="text/css">\r
+       .st0{fill:none;stroke:$colorize;stroke-width:2.1386;stroke-miterlimit:10;}\r
+       .st1{clip-path:url(#SVGID_2_);}\r
+       .st2{fill:$colorize;}\r
+       .st3{fill:none;stroke:$colorize;stroke-width:1.4517;stroke-miterlimit:10;}\r
+</style>\r
+<g>\r
+       <circle class="st0" cx="26" cy="26" r="18"/>\r
+       <g>\r
+               <defs>\r
+                       <circle id="SVGID_1_" cx="26" cy="26" r="18"/>\r
+               </defs>\r
+               <clipPath id="SVGID_2_">\r
+                       <use xlink:href="#SVGID_1_"  style="overflow:visible;"/>\r
+               </clipPath>\r
+               <g class="st1">\r
+                       <path class="st2" d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4\r
+                               c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>\r
+               </g>\r
+       </g>\r
+       <line class="st3" x1="28.8" y1="23.6" x2="37.8" y2="32.6"/>\r
+       <line class="st3" x1="28.8" y1="32.6" x2="37.8" y2="23.6"/>\r
+</g>\r
+</svg>\r

diff --git a/fluidbook/icones/interface/interface-audio-description-on.svg b/fluidbook/icones/interface/interface-audio-description-on.svg
new file mode 100644 (file)
index 0000000..81a26d5
--- /dev/null
+++ b/fluidbook/icones/interface/interface-audio-description-on.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+        viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">\r
+<style type="text/css">\r
+       .st0{fill:none;stroke:$colorize;stroke-width:2.1386;stroke-miterlimit:10;}\r
+       .st1{clip-path:url(#SVGID_1_);}\r
+       .st2{fill:$colorize;}\r
+       .st3{fill:none;stroke:$colorize;stroke-width:1.4517;stroke-miterlimit:10;}\r
+</style>\r
+<circle class="st0" cx="26" cy="26" r="18"/>\r
+<g>\r
+       <defs>\r
+               <circle id="SVGID_3_" cx="26" cy="26" r="18"/>\r
+       </defs>\r
+       <clipPath id="SVGID_1_">\r
+               <use xlink:href="#SVGID_3_"  style="overflow:visible;"/>\r
+       </clipPath>\r
+       <g class="st1">\r
+               <path class="st2" d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4\r
+                       c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>\r
+               <path class="st3" d="M28.9,30.8c1-0.9,1.6-2.2,1.6-3.6c0-1.4-0.6-2.7-1.6-3.6"/>\r
+               <path class="st3" d="M31.1,33.1c1.5-1.5,2.5-3.5,2.5-5.8c0-2.3-1-4.4-2.5-5.8"/>\r
+               <path class="st3" d="M33.6,35.5c2.2-2.1,3.5-5,3.5-8.3c0-3.2-1.4-6.2-3.5-8.3"/>\r
+       </g>\r
+</g>\r
+</svg>\r

diff --git a/inc/ws/Util/html5/class.ws.html5.compiler.php b/inc/ws/Util/html5/class.ws.html5.compiler.php
index 261bc1952fcba4f7f907fe65eb1dd2afda78f625..acd65765eefc17c5737f2954b3c8db31f91d6780 100644 (file)
--- a/inc/ws/Util/html5/class.ws.html5.compiler.php
+++ b/inc/ws/Util/html5/class.ws.html5.compiler.php
@@ -32,6 +32,7 @@ class wsHTML5Compiler {
                'js/libs/flashdetect.js',
                'js/libs/screenfull.js',
                'js/libs/storage.js',
+               'js/libs/keymaster.js',
                'js/libs/jquery/jquery.js',
                'js/libs/jquery/jquery.transform.js',
                'js/libs/jquery/jquery.form.js',
@@ -64,6 +65,7 @@ class wsHTML5Compiler {
                'js/libs/fluidbook/fluidbook.bookmarks.js',
                'js/libs/fluidbook/fluidbook.background.js',
                'js/libs/fluidbook/fluidbook.pad.js',
+               'js/libs/fluidbook/fluidbook.audiodescription.js',
                'js/libs/fluidbook/views/fluidbook.chapters.js',
                'js/libs/fluidbook/views/fluidbook.index.js',
                'js/libs/fluidbook/fluidbook.js',
@@ -929,6 +931,7 @@ class wsHTML5Compiler {
                               'interface-sharp-next' => $arrowsColor, 'interface-sharp-previous' => $arrowsColor,
                               'interface-search' => $couleurI, 'interface-back-arrow' => $subTextColor, 'interface-print' => $subTextColor,
                               'interface-down' => $arrowsColor, 'interface-close' => $arrowsColor,
+                              'interface-audio-description-on' => $arrowsColor, 'interface-audio-description-off' => $arrowsColor,
                               'help-fingers' => $couleurI, 'help-mouse' => $couleurI, 'nav-home' => $couleurI, 'nav-archives' => $couleurI, 'nav-map' => $couleurI,
                               'nav-tag' => $couleurI, 'nav-print' => $couleurI, 'nav-friend' => $couleurI,
                               'share-facebook' => $couleurM, 'share-twitter' => $couleurM, 'share-email' => $couleurM, 'share-googleplus' => $couleurM, 'share-linkedin' => $couleurM, 'share-viadeo' => $couleurM,
@@ -1143,6 +1146,10 @@ class wsHTML5Compiler {
 
                // Arrows
                $res[] = '#next,#previous{background-color:' . self::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
+               // Audio description buttons
+               $res[] = '.audio-description-button{background-color:' . self::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
                // Book shadow
                $shadowColor = self::colorToCSS($this->theme->parametres->bookShadeColor);
                if ($shadowColor != 'transparent') {